:root{--bg:#fff;--bg-elev:#fff;--bg-hover:#0f14190a;--bg-subtle:#f5f6f8;--text:#0f1419;--muted:#5b6672;--border:#e6e9ec;--accent:#7c5cff;--accent-hover:#6a48f5;--accent-soft:#7c5cff1f;--like:#f0397a;--like-soft:#f0397a1f;--repost:#00a873;--repost-soft:#00a8731f;--danger:#e5383b;--warning:#f5a524;--contrast-bg:#0f1419;--contrast-text:#fff;--backdrop:#0006;--shadow:0 0 15px #65778633, 0 0 3px 1px #65778626;--header-bg:#ffffffd9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.35}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0d12;--bg-elev:#0b0d12;--bg-hover:#ffffff0a;--bg-subtle:#161922;--text:#e8eaed;--muted:#7d8590;--border:#262a33;--accent:#8b6dff;--accent-hover:#9c82ff;--contrast-bg:#e8eaed;--contrast-text:#0b0d12;--backdrop:#5b708366;--shadow:0 0 15px #ffffff1a, 0 0 3px 1px #ffffff14;--header-bg:#0b0d12d9}}*{box-sizing:border-box}body{margin:0;overflow-y:scroll}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}h1,h2{margin:0;font-weight:800}.muted{color:var(--muted)}.small{font-size:13px}.stack{flex-direction:column;gap:12px;margin-top:20px;display:flex}.layout{justify-content:center;min-height:100vh;display:flex}.sidebar{flex-shrink:0;justify-content:flex-end;width:275px;display:flex}.sidebar-inner{flex-direction:column;align-items:flex-start;width:100%;height:100vh;padding:4px 12px 12px;display:flex;position:sticky;top:0}.main{border-left:1px solid var(--border);border-right:1px solid var(--border);width:600px;max-width:100%;min-height:100vh;padding-bottom:80px}.right-rail{scrollbar-width:none;flex-direction:column;flex-shrink:0;align-self:flex-start;gap:16px;width:350px;max-height:100vh;margin-right:10px;padding:0 0 0 30px;display:flex;position:sticky;top:0;overflow-y:auto}.logo{width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.logo:hover{background:var(--accent-soft)}nav[aria-label=Primary]{flex-direction:column;width:100%;display:flex}.nav-item{border-radius:999px;align-items:center;gap:20px;width:fit-content;padding:12px;font-size:20px;transition:background .15s;display:inline-flex}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{font-weight:700}.nav-icon{display:inline-flex;position:relative}.nav-badge{background:var(--accent);color:#fff;border:2px solid var(--bg);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-6px;right:-8px}.btn-post{width:90%;height:52px;margin-top:16px;font-size:17px}.btn-post-icon{display:none}.sidebar-account{width:100%;margin-top:auto}.account-btn{text-align:left;border-radius:999px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.account-btn:hover{background:var(--bg-hover)}.account-names{flex-direction:column;flex:1;min-width:0;display:flex}.account-names>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 16px;font-weight:700;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:not(:disabled):hover{background:var(--accent-hover)}.btn-contrast{background:var(--contrast-bg);color:var(--contrast-text)}.btn-contrast:not(:disabled):hover{opacity:.85}.btn-outline{border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover)}.btn-outline.following:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent)}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%;height:44px}.icon-btn{border-radius:50%;place-items:center;width:36px;height:36px;transition:background .15s;display:grid}.icon-btn:hover{background:var(--bg-hover)}.icon-btn.small{width:30px;height:30px}.page-header{z-index:10;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.page-header-row{align-items:center;gap:24px;min-height:53px;padding:0 16px;display:flex}.page-header-row>div{flex:1;min-width:0}.page-header h1{font-size:20px}.tabs{display:flex}.tab{height:53px;color:var(--muted);flex:1;justify-content:center;font-weight:500;transition:background .15s;display:flex}.tab:hover{background:var(--bg-hover)}.tab span{align-items:center;display:flex;position:relative}.tab.active{color:var(--text);font-weight:700}.tab.active span:after{content:"";background:var(--accent);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.avatar-link{border-radius:50%;flex-shrink:0;display:inline-flex}.avatar-link:hover{filter:brightness(.9)}.avatar{color:#fff;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0003;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.display-name{align-items:center;gap:2px;min-width:0;font-weight:700;display:inline-flex}.display-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}a.display-name:hover .display-name-text{text-decoration:underline}.verified{flex-shrink:0}.composer{border-bottom:1px solid var(--border);gap:12px;padding:12px 16px;display:flex}.modal .composer{border-bottom:0;padding:4px 0 0}.composer-main{flex:1;min-width:0}.composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:52px;padding:8px 0;font-size:20px;overflow:hidden}.composer textarea::placeholder{color:var(--muted)}.composer-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:10px;display:flex}.composer-hint{color:var(--accent);opacity:.8;font-size:13px}.composer-actions{align-items:center;gap:12px;display:flex}.char-ring{place-items:center;display:grid;position:relative}.char-ring-count{color:var(--muted);font-size:11px;position:absolute}.detail-composer .composer{border-top:0}.post{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px 4px;transition:background .15s}.post:hover{background:var(--bg-hover)}.post.has-thread-below{border-bottom:0;padding-bottom:0}.post-context{color:var(--muted);align-items:center;gap:8px;margin:-4px 0 4px 28px;font-size:13px;font-weight:700;display:flex}.post-context a:hover{text-decoration:underline}.post-row{gap:12px;display:flex}.post-gutter{flex-direction:column;align-items:center;display:flex}.thread-line{background:var(--border);flex:1;width:2px;min-height:12px;margin-top:4px}.post-body{flex:1;min-width:0}.post-meta{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex}.post-meta .handle{text-overflow:ellipsis;min-width:0;overflow:hidden}.post-meta .time:hover{text-decoration:underline}.post-meta .menu-wrap{margin-left:auto}.post-more{color:var(--muted);margin:-6px -8px -6px 0}.post-more:hover{color:var(--accent);background:var(--accent-soft)}.reply-context{margin-top:2px}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px}.post-text.large{margin:12px 0;font-size:17px;line-height:1.45}.rich-link{color:var(--accent)}.rich-link:hover{text-decoration:underline}.strong-link{font-weight:700}.strong-link:hover{text-decoration:underline}.quoted{border:1px solid var(--border);cursor:pointer;border-radius:16px;margin-top:10px;padding:10px 12px;transition:background .15s}.quoted:hover{background:var(--bg-hover)}.quoted .post-meta{gap:6px}.post-actions{max-width:480px;color:var(--muted);justify-content:space-between;align-items:center;margin:4px 0 0 -8px;display:flex}.post-actions.large{border-top:1px solid var(--border);justify-content:space-around;max-width:none;margin:0;padding:4px 0}.action-group{display:flex}.action{align-items:center;gap:2px;min-width:0;font-size:13px;transition:color .15s;display:inline-flex}.action-icon{border-radius:50%;place-items:center;width:34px;height:34px;transition:background .15s;display:grid}.post-actions.large .action-icon svg{width:22px;height:22px}.action.reply:hover,.action.views:hover,.action.bookmark:hover,.action.share:hover,.action.bookmark.active{color:var(--accent)}.action.reply:hover .action-icon,.action.views:hover .action-icon,.action.bookmark:hover .action-icon,.action.share:hover .action-icon{background:var(--accent-soft)}.action.repost:hover,.action.repost.active{color:var(--repost)}.action.repost:hover .action-icon{background:var(--repost-soft)}.action.like:hover,.action.like.active{color:var(--like)}.action.like:hover .action-icon{background:var(--like-soft)}.action.like.active .action-icon{animation:.3s pop}@keyframes pop{50%{transform:scale(1.3)}}.post-detail{cursor:default;padding-bottom:0}.post-detail:hover{background:0 0}.detail-head{gap:12px}.detail-names{flex-direction:column;min-width:0;display:flex}.detail-time{border-bottom:1px solid var(--border);padding-bottom:14px}.detail-time strong,.detail-stats strong{color:var(--text)}.detail-stats{color:var(--muted);gap:20px;padding:14px 0;display:flex}.menu-wrap{display:inline-flex;position:relative}.menu{z-index:30;background:var(--bg-elev);min-width:220px;box-shadow:var(--shadow);border-radius:12px;padding:4px 0;animation:.12s fade-in;position:absolute;top:100%;overflow:hidden}.menu-right{right:0}.menu-left{left:0}.sidebar-account .menu{width:100%;margin-bottom:8px;top:auto;bottom:100%}.menu-item{text-align:left;width:100%;color:var(--text);align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:700;display:flex}.menu-item:hover{background:var(--bg-hover)}.menu-item.danger{color:var(--danger)}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}}.modal-backdrop{z-index:100;background:var(--backdrop);justify-content:center;align-items:flex-start;padding:5vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg);width:600px;max-width:100%;box-shadow:var(--shadow);border-radius:16px;animation:.15s fade-in}.modal-header{align-items:center;gap:16px;height:53px;padding:0 16px 0 10px;display:flex}.modal-header h2{flex:1;font-size:20px}.modal-action{margin-left:auto}.modal-body{padding:0 16px 16px}.compose-parent .post{cursor:default;border:0;padding:0 0 4px}.compose-parent .post:hover{background:0 0}.compose-parent .post-actions{display:none}.compose-parent .thread-line{min-height:20px}.form{flex-direction:column;gap:16px;padding-top:8px;display:flex}.field{border:1px solid var(--border);border-radius:6px;flex-direction:column;padding:6px 10px;transition:border-color .15s;display:flex}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.field span{color:var(--muted);font-size:13px}.field:focus-within span{color:var(--accent)}.field input,.field textarea{resize:vertical;background:0 0;border:0;outline:0;padding:4px 0;font-size:17px}.field-error{color:var(--danger);margin-top:-8px;font-size:13px}.search-box{background:var(--bg-subtle);height:44px;color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:12px;padding:0 16px;display:flex}.right-rail>.search-box{z-index:2;margin-top:6px;position:sticky;top:0}.search-box:focus-within{border-color:var(--accent);background:var(--bg);color:var(--accent)}.search-box input{color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0}.page-header h1 .search-box{margin:6px 0;font-size:15px;font-weight:400}.panel{border:1px solid var(--border);border-radius:16px;overflow:hidden}.panel h2{padding:12px 16px;font-size:20px}.panel .user-row{border-bottom:0}.trend{flex-direction:column;gap:2px;padding:12px 16px;transition:background .15s;display:flex}.trend:hover{background:var(--bg-hover)}.rail-footer{padding:0 16px 16px}.explore-home{flex-direction:column;gap:16px;padding:16px;display:flex}.user-row{cursor:pointer;border-bottom:1px solid var(--border);gap:12px;padding:12px 16px;transition:background .15s;display:flex}.user-row:hover{background:var(--bg-hover)}.user-row-main{flex:1;min-width:0}.user-row-top{align-items:center;gap:12px;display:flex}.user-row-names{flex-direction:column;flex:1;min-width:0;display:flex}.user-row-names .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-row-bio{margin-top:4px}.badge{background:var(--bg-subtle);color:var(--muted);vertical-align:middle;border-radius:4px;margin-left:4px;padding:1px 4px;font-size:11px;display:inline-block}.profile-banner{background:var(--bg-subtle);height:200px}.profile-head{padding:12px 16px 0}.profile-avatar-row{justify-content:space-between;align-items:flex-start;height:72px;display:flex}.profile-avatar{border:4px solid var(--bg);border-radius:50%;margin-top:-84px;display:inline-flex}.profile-avatar .avatar{font-size:48px!important}.profile-name{align-items:center;gap:4px;font-size:20px;display:flex}.profile-name svg{width:20px;height:20px}.profile-bio{white-space:pre-wrap;margin:12px 0 0}.profile-facts{flex-wrap:wrap;gap:4px 12px;margin-top:12px;display:flex}.profile-facts span{align-items:center;gap:4px;display:inline-flex}.profile-counts{gap:20px;margin:12px 0 4px;display:flex}.profile-counts a:hover{text-decoration:underline}.notification{border-bottom:1px solid var(--border);cursor:pointer;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.notification:hover{background:var(--bg-hover)}.unread{background:var(--accent-soft)}.notification-icon{flex-shrink:0;justify-content:flex-end;width:40px;display:flex}.notification.like .notification-icon{color:var(--like)}.notification.repost .notification-icon{color:var(--repost)}.notification.follow .notification-icon{color:var(--accent)}.notification-body{flex-direction:column;gap:8px;min-width:0;display:flex}.notification-snippet{white-space:pre-wrap;overflow-wrap:anywhere}.empty{max-width:400px;margin:40px auto;padding:0 24px}.empty h2{margin-bottom:8px;font-size:28px;line-height:1.15}.toast{z-index:200;background:var(--accent);color:#fff;box-shadow:var(--shadow);overflow-wrap:anywhere;border-radius:6px;max-width:calc(100vw - 32px);padding:12px 18px;animation:.2s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.fab,.mobile-nav{display:none}@media (width<=1280px){.sidebar{width:88px}.sidebar-inner{align-items:center}.nav-label,.btn-post-label,.account-names,.account-more{display:none}.btn-post{width:52px;padding:0}.btn-post-icon{display:block}.account-btn,.sidebar-account{width:auto}.sidebar-account .menu{width:240px}.right-rail{width:300px;padding-left:20px}}@media (width<=1000px){.right-rail{display:none}}@media (width<=640px){.sidebar{display:none}.main{border:0}.mobile-nav{z-index:20;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);justify-content:space-around;align-items:center;height:54px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{padding:10px 16px}.fab{z-index:20;background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:70px;right:16px}.toast{bottom:70px}.modal-backdrop{padding:0}.modal{border-radius:0;min-height:100vh}.composer-hint{display:none}.profile-banner{height:130px}}.spinner-wrap{justify-content:center;padding:24px;display:flex}.spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-notice{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.error-notice p{margin:0}.row-gap{gap:12px;display:flex}.splash,.auth-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.auth-logo{color:var(--accent)}.auth-card{text-align:left;width:100%;max-width:400px}.auth-card h1{margin:20px 0 16px;font-size:31px;line-height:1.1}.auth-links{color:var(--muted);flex-direction:column;gap:12px;margin-top:20px;display:flex}.auth-links button.rich-link{align-self:flex-start;font-weight:600}.field-hint{color:var(--muted);min-height:1em;margin-top:-10px;font-size:13px}.field-hint.bad,.form-error{color:var(--danger)}.form-error,.form-info{background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:8px;padding:10px 12px;font-size:14px}.form-info{color:var(--text);background:var(--accent-soft)}.setup-help code{background:var(--bg-subtle);border-radius:4px;padding:1px 5px;font-size:.9em}