:root{--bg:#edf1f5;--surface:#fff;--surface-alt:#f3f6fa;--surface-subtle:#e7ecf2;--text:#111418;--muted:#3f4a57;--brand:#2f3844;--border:#c3cdd9;--link:#1f4e8c;--danger:#c6283e;--elev-shadow:0 12px 24px rgba(10,14,20,.14)}:root[data-theme=dark]{--bg:#0d1218;--surface:#171d25;--surface-alt:#212a36;--surface-subtle:#2b3644;--text:#f2f5f8;--muted:#c0c9d5;--brand:#4b5a70;--border:#364252;--link:#9ec3ff;--danger:#ff5f73;--elev-shadow:0 12px 24px rgba(0,0,0,.45)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}a{color:inherit;text-decoration:none}.container{max-width:920px;margin:0 auto;padding:24px 16px 40px}.app-shell{max-width:1460px;margin:0 auto;padding:16px;display:grid;grid-template-columns:290px minmax(0,760px) 290px;grid-gap:16px;gap:16px}.side-col{position:-webkit-sticky;position:sticky;top:70px;align-self:start}.center-col{min-width:0}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.nav-center,.nav-left,.nav-right{display:flex;align-items:center;gap:14px}.nav-center{gap:8px}.nav-bell{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--surface);position:relative;font-size:1.05rem;color:var(--text)}.nav-badge,.nav-bell{display:inline-flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;padding:0 5px;border:2px solid var(--surface)}.brand{font-weight:700;letter-spacing:.02em}.nav-icon-link{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text)}.account-menu,.ellipsis-menu{position:relative}.ellipsis-trigger{width:auto;min-width:36px;padding:6px 10px;border-radius:999px;color:var(--text);line-height:1}.ellipsis-panel,.ellipsis-trigger{border:1px solid var(--border);background:var(--surface)}.ellipsis-panel{position:absolute;top:calc(100% + 6px);min-width:170px;border-radius:12px;padding:8px;display:grid;grid-gap:6px;gap:6px;box-shadow:var(--elev-shadow);z-index:30}.ellipsis-panel.left{left:0}.ellipsis-panel.right{right:0}.account-trigger{cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:999px;padding:7px 12px;background:var(--surface);width:auto;color:var(--text)}.account-panel{position:absolute;right:0;margin-top:8px;width:190px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:8px;display:grid;grid-gap:6px;gap:6px;box-shadow:var(--elev-shadow)}.account-panel a,.account-panel button{text-align:left}.notif-menu{position:relative}.notif-panel{position:absolute;right:0;margin-top:8px;width:360px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px;box-shadow:var(--elev-shadow)}.notif-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notif-list{max-height:380px;overflow-y:auto;display:grid;grid-gap:8px;gap:8px;padding-right:4px}.notif-item{display:grid;grid-template-columns:34px 1fr auto;grid-gap:8px;gap:8px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px}.notif-item.unread{background:var(--surface-alt)}.notif-item.read{background:var(--surface)}.notif-body{min-width:0}.notif-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.sidebar-stack{display:grid;grid-gap:12px;gap:12px}.sidebar-card{margin-bottom:0}.sidebar-title-row{display:flex;justify-content:space-between;align-items:center}.sidebar-list{display:grid;grid-gap:8px;gap:8px}.sidebar-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:8px;gap:8px}.link-row{border-radius:10px;padding:4px}.link-row:hover{background:var(--surface-alt)}.mini-avatar{width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.76rem}.sidebar-user-text{min-width:0}.mini-btn{width:auto;padding:6px 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px}button,input,select,textarea{width:100%;border-radius:10px;border:1px solid var(--border);padding:10px 12px;font:inherit;color:var(--text);background:var(--surface)}input[type=checkbox]{width:auto;margin-right:8px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}button{background:var(--brand);color:#fff;cursor:pointer;border-color:color-mix(in srgb,var(--brand) 75%,var(--border) 25%)}button.secondary{background:var(--surface-alt);color:var(--text)}.composer-trigger{text-align:left;background:var(--surface-subtle);color:var(--text)}.post-head{display:flex;align-items:flex-start;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.avatar-initials{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-subtle);color:var(--text);font-weight:700;font-size:.82rem}.avatar-sm{width:34px;height:34px}.mention-link{color:var(--link);font-weight:600}.mention-link:hover{text-decoration:underline}.mention-field{position:relative}.mention-suggest-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--elev-shadow);z-index:40;overflow:hidden}.mention-suggest-row{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--text);display:flex;align-items:center;gap:8px;text-align:left;padding:8px 10px}.mention-suggest-row:last-child{border-bottom:0}.mention-suggest-row.active,.mention-suggest-row:hover{background:color-mix(in srgb,var(--surface) 72%,var(--brand) 28%)}.mention-hover{display:inline-block;position:relative}.mention-hover-card{position:absolute;left:0;top:calc(100% + 6px);min-width:260px;max-width:340px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--elev-shadow);padding:10px;z-index:35}.mention-hover-head{display:flex;align-items:center;gap:10px}.mention-empty{padding:10px;color:var(--muted);font-size:.9rem}.social-summary{display:flex;justify-content:space-between;margin:8px 0}.linkish{width:auto;border:0;background:transparent;color:var(--link);padding:0;text-decoration:underline}.comment-row{display:flex;gap:8px;align-items:flex-start;margin-top:8px}.comment-card{flex:1 1;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt);padding:8px 10px}.comment-actions-row{display:flex;gap:10px;margin-top:6px}.sponsored-card{border-style:dashed}.suggestions-rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.suggested-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.suggested-arrows{display:flex;gap:6px}.suggestion-card{min-width:220px;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-alt);display:grid;grid-gap:8px;gap:8px}.reaction-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.reaction-pill{width:auto;min-width:34px;padding:6px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);line-height:1}.reaction-pill.active{border-color:color-mix(in srgb,var(--brand) 55%,var(--border) 45%);background:color-mix(in srgb,var(--surface) 70%,var(--brand) 30%)}.story-card{min-width:220px;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-alt);display:grid;grid-gap:8px;gap:8px}.story-image{width:100%;height:120px;object-fit:cover;border-radius:10px}.repost-card,.story-image{border:1px solid var(--border)}.repost-card{border-radius:10px;background:var(--surface-alt);padding:10px}.post-actions{display:flex;gap:8px;margin-top:6px}.icon-action{width:auto;min-width:84px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.meta{color:var(--muted);font-size:.9rem}.toast-viewport{position:fixed;right:16px;top:78px;z-index:80;display:grid;grid-gap:8px;gap:8px}.toast{min-width:210px;max-width:320px;border-radius:10px;border:1px solid var(--border);background:var(--surface);padding:10px 12px;box-shadow:var(--elev-shadow)}.toast-success{border-left:4px solid var(--brand)}.toast-error{border-left:4px solid var(--danger)}@media (max-width:780px){.nav{flex-direction:column;align-items:stretch;gap:10px}.nav-center,.nav-left,.nav-right{justify-content:center;flex-wrap:wrap}.app-shell{grid-template-columns:1fr}.side-col{position:static}.left-col,.right-col{display:none}.notif-panel{width:min(92vw,360px);right:-10px}}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.post-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:8px;gap:8px;margin:8px 0}.post-media-image{width:100%;max-width:320px;border-radius:10px;border:1px solid var(--border);object-fit:cover}.link-preview{display:block;margin-top:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);color:var(--link);overflow-wrap:anywhere}.reaction-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:999px;padding:2px 8px;background:var(--surface-alt);font-size:.82rem}.composer-actions-row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.reaction-meta-wrap{margin-top:8px}.reaction-details{margin-top:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);padding:8px 10px;display:grid;grid-gap:8px;gap:8px}.reaction-detail-row{display:grid;grid-gap:2px;gap:2px}.reaction-overview{width:auto;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--border);background:var(--surface-alt);padding:4px 10px}.reaction-overview-emojis{letter-spacing:1px}.reaction-popup{margin-top:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--elev-shadow);padding:10px;max-width:420px}.reaction-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.reaction-tab{width:auto;border-radius:999px;padding:4px 10px;background:var(--surface-alt);color:var(--text)}.reaction-tab.active{background:var(--surface-subtle);border-color:var(--link)}.reaction-users{display:grid;grid-gap:6px;gap:6px;max-height:220px;overflow-y:auto}.reaction-user-row{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:var(--surface-alt)}.reaction-user-name{font-weight:600}