:root{color-scheme:dark;--bg:#101319;--panel:#171b23;--hover:#222936;--ink:#f1f4fa;--muted:#929eb2;--line:#2a3240;--accent:#699cff;--blue:#326be8;--bubble:#244684;--shadow:0 20px 70px #0005;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}html[data-theme=light]{color-scheme:light;--bg:#f3f5f9;--panel:#fff;--hover:#eaf0fb;--ink:#202938;--muted:#687589;--line:#e1e6ee;--accent:#2864d8;--blue:#326be8;--bubble:#dce8ff;--shadow:0 20px 70px #23355220}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;color:inherit;background:var(--hover);padding:10px 14px;border-radius:12px;cursor:pointer}button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:wait}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:12px;min-width:0;max-width:100%}textarea{resize:vertical}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.8px}h2{font-size:19px;letter-spacing:-.4px}small,time,.muted{color:var(--muted)}svg{width:21px;height:21px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{display:flex;height:100dvh;max-width:1600px;margin:auto}.rail{width:215px;flex:none;padding:25px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:600;letter-spacing:-.6px}.brand b{font-weight:400}.brand small{display:block;font-size:10px;letter-spacing:2px;padding-top:2px}.primary-nav{display:grid;gap:7px;margin-top:38px}.primary-nav a{padding:14px;display:flex;align-items:center;gap:14px;color:var(--muted);font-weight:600;border-radius:13px}.primary-nav a.active{color:var(--accent);background:var(--hover)}.rail-bottom{margin-top:auto;display:grid;gap:18px}.rail-bottom button{display:flex;align-items:center;gap:14px;background:none;text-align:left}.rail-bottom small{font-size:10px;text-align:center}.stage{flex:1;min-width:0;display:flex;flex-direction:column}.top{height:65px;flex:none;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button{padding:8px;background:none}.version{font-size:10px;margin-left:8px;padding:4px 6px;border-radius:5px;background:var(--hover);color:var(--accent)}.connection{font-size:11px;color:var(--muted)}.connection.live:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#50cda5;margin-right:6px}.mobile-brand{display:none}.section-caption{font-weight:650}.top-actions>[data-menu]{display:none}#workspace{min-height:0;flex:1;overflow:auto;position:relative}#error{padding:10px 20px;background:#962e3322;color:#f18186;font-size:12px}.page{padding:26px;max-width:1100px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.page-head p{color:var(--muted);margin-top:5px}.primary{background:var(--blue);color:white}.icon-button{padding:9px;display:flex;align-items:center;justify-content:center}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.tabs button{background:transparent;color:var(--muted);padding:8px 10px;border-radius:9px;font-size:12px}.tabs button.selected{background:var(--hover);color:var(--accent);font-weight:700}.search{width:100%;background:var(--panel);padding:12px 14px}.chat-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);height:100%}.inbox{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}.inbox-head{padding:22px 17px 4px}.inbox-head .page-head{margin-bottom:17px}.chat-list{overflow:auto;flex:1;padding:6px 8px}.chat-row{width:100%;background:none;border-radius:12px;display:flex;gap:12px;padding:13px 10px;align-items:center;text-align:left;min-width:0}.chat-row:hover,.chat-row.selected{background:var(--hover)}.avatar{width:43px;height:43px;border-radius:15px;object-fit:cover;background:var(--hover);display:flex;align-items:center;justify-content:center;flex:none;color:var(--accent);font-size:17px;font-weight:700}.avatar.large{width:84px;height:84px;border-radius:25px;font-size:30px}.chat-copy{flex:1;min-width:0;display:grid;gap:5px}.chat-copy strong{font-size:13px;font-weight:650}.chat-copy p{font-size:12px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-meta{display:grid;justify-items:end;gap:7px;font-size:10px}.badge{background:var(--blue);color:#fff;border-radius:15px;min-width:19px;text-align:center;padding:3px 5px;font-size:10px}.conversation{min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at top right,#3e73cc0c,transparent 60%)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;padding:35px 20px;min-height:230px}.empty p{color:var(--muted);font-size:13px;max-width:300px;line-height:1.6}.empty img{width:58px;margin-bottom:4px}.conversation>.empty{height:100%}.conversation-head{display:flex;align-items:center;gap:11px;padding:14px 20px;border-bottom:1px solid var(--line);min-height:76px}.conversation-head .heading{flex:1;min-width:0}.heading strong{display:block;overflow-wrap:anywhere}.heading small{display:block;margin-top:4px}.back-chat{display:none}.messages{overflow:auto;flex:1;min-height:0;padding:20px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth}.message{max-width:85%;align-self:flex-start;background:var(--panel);border-radius:16px 16px 16px 4px;padding:10px 12px;overflow-wrap:anywhere;position:relative;min-width:80px}.message.own{align-self:flex-end;background:var(--bubble);border-radius:16px 16px 4px 16px}.message-body{white-space:pre-wrap;font-size:14px;line-height:1.5}.message img{max-width:100%;max-height:300px;border-radius:9px;display:block;margin:4px 0}.message footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:5px;font-size:10px;color:var(--muted)}.message footer button{background:none;padding:0 5px;font-size:16px;color:inherit}.message .sender{font-size:11px;color:var(--accent);margin-bottom:4px}.composer{display:flex;align-items:flex-end;gap:7px;padding:12px 16px;border-top:1px solid var(--line);background:var(--panel);padding-bottom:max(12px,env(safe-area-inset-bottom))}.composer textarea{flex:1;max-height:125px;min-height:43px;resize:none;border:0;background:var(--bg)}.composer button{height:43px;flex:none}.composer input{display:none}.file-status{font-size:11px;padding:5px 18px;color:var(--accent);overflow-wrap:anywhere}.feed-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(160px,1fr);gap:28px}.side-note{color:var(--muted);font-size:13px;line-height:1.7;border-left:1px solid var(--line);padding:20px}.side-note img{width:36px;margin-bottom:15px}.post{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.post header{display:flex;gap:10px;align-items:center;margin-bottom:13px}.post header div{flex:1}.post header strong{font-size:13px}.post header small{display:block;margin-top:4px;font-size:10px}.post .post-body{white-space:pre-wrap;line-height:1.65}.post-image{max-width:100%;max-height:430px;border-radius:14px;margin:14px 0;object-fit:contain}.post footer{display:flex;gap:15px;margin-top:12px;font-size:12px}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.person{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;min-width:0}.person .person-copy{flex:1;min-width:0}.person strong{display:block;overflow-wrap:anywhere}.person small{display:block;margin-top:5px;overflow-wrap:anywhere}.person button{padding:8px}.profile-card{max-width:620px;margin:20px auto}.profile-identity{display:flex;align-items:center;gap:20px;margin-bottom:25px}.profile-identity h1{overflow-wrap:anywhere}.profile-bio{white-space:pre-wrap;line-height:1.7;margin:20px 0;color:var(--muted)}.profile-stats{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0 30px}.profile-stats strong{display:block;font-size:20px;color:var(--ink);margin-bottom:5px}.profile-stats small{font-size:12px}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-links{margin-top:35px;border-top:1px solid var(--line)}.profile-links a{display:flex;padding:17px 0;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--ink)}.load-more{display:block;margin:20px auto}.loading{padding:40px;text-align:center;color:var(--muted)}dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:20px;width:min(440px,calc(100vw - 24px));max-height:85dvh;box-shadow:var(--shadow);padding:22px}dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}dialog header button{background:none;font-size:23px;padding:3px 8px}dialog footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}dialog label{display:grid;gap:7px;margin:12px 0}dialog input,dialog textarea{width:100%}dialog textarea{min-height:100px}.menu-items{display:grid;gap:8px}.menu-items a,.menu-items button{display:flex;align-items:center;gap:12px;padding:13px;color:var(--ink);text-align:left;background:var(--hover);border-radius:10px}#dialog-error{color:#ec8490;font-size:12px;margin-top:12px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;z-index:10;max-width:90vw} [hidden]{display:none!important}
@media(max-width:1100px){.rail{width:85px;padding:24px 13px}.brand{justify-content:center}.brand>span,.primary-nav a>span:last-child,.rail-bottom small{display:none}.primary-nav a{justify-content:center;padding:14px}.rail-bottom button{font-size:0;justify-content:center;padding:12px}.feed-layout{grid-template-columns:minmax(0,1fr)}.side-note{display:none}}
@media(max-width:767px){.app{height:var(--app-height,100dvh);padding-bottom:calc(63px + env(safe-area-inset-bottom))}.rail{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(63px + env(safe-area-inset-bottom));z-index:5;background:var(--panel);border-right:0;border-top:1px solid var(--line);padding:5px 8px env(safe-area-inset-bottom)}.rail .brand,.rail-bottom{display:none}.primary-nav{display:flex;margin:0;gap:3px;justify-content:space-around}.primary-nav a{flex:1;flex-direction:column;gap:4px;padding:6px 2px;font-size:10px;border-radius:10px}.primary-nav a>span:last-child{display:block}.primary-nav svg{width:22px;height:22px}.top{height:55px;padding:0 14px}.mobile-brand{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:15px;letter-spacing:-.4px}.section-caption{display:none}.top-actions>[data-menu]{display:block}.top-actions{gap:1px}.connection{font-size:0;width:7px;overflow:hidden}.connection.live:before{margin:0}.chat-layout{display:block}.inbox{border:0;height:100%}.inbox-head{padding:18px 15px 0}.inbox-head h1{font-size:25px}.chat-list{padding:5px 7px}.chat-row{padding:13px 9px}.chat-layout .conversation{display:none}.chat-layout.open .inbox{display:none}.chat-layout.open .conversation{display:flex;height:100%}.back-chat{display:block;background:none;padding:7px}.conversation-head{padding:10px 9px;min-height:65px}.conversation-head .avatar{width:36px;height:36px;border-radius:12px}.messages{padding:14px 10px}.message{max-width:88%}.composer{padding:9px 8px;gap:5px}.composer button{padding:10px}.page{padding:20px 16px}.page-head h1{font-size:26px}.people-grid{grid-template-columns:1fr}.profile-identity{gap:14px}.profile-identity h1{font-size:23px}.profile-stats{gap:20px}.post{padding:18px 0}.profile-card{margin:12px auto}.tabs{gap:2px}.tabs button{padding:8px 9px}.top-actions button{padding:7px}body.keyboard .rail{display:none}body.keyboard .app{padding-bottom:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Channel workspaces reuse the same compact post and navigation system. */
select{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;max-width:100%}.channel-page{max-width:850px}.channel-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.channel-identity h1{font-size:22px;overflow-wrap:anywhere}.channel-actions{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.channel-actions button{font-size:12px}.channel-pinned{width:100%;text-align:left;color:var(--accent);overflow-wrap:anywhere;margin-bottom:15px}.channel-reactions{display:flex;gap:5px;flex-wrap:wrap}.channel-reactions button{padding:5px 8px;font-size:12px}.channel-reactions [aria-pressed=true]{background:var(--bubble)}.channel-page .post header{justify-content:space-between}.channel-page .post footer{justify-content:space-between;align-items:center;flex-wrap:wrap}#channel-composer{padding:14px;background:var(--panel);border-radius:15px;margin:20px 0}#channel-composer textarea{width:100%;min-height:80px}#channel-composer>div{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px}.file-label{font-size:11px;min-width:0}.file-label input{padding:5px;display:block;font-size:11px;width:100%;border:0}.channel-members{max-height:55dvh;overflow:auto}.channel-members>div{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.check-label{display:flex!important;align-items:center}.check-label input{width:auto!important}.channel-page input[type=file]{max-width:100%}@media(max-width:390px){.channel-page{padding:16px 12px}.channel-identity{gap:8px}.channel-identity h1{font-size:18px}.channel-identity .avatar{width:35px;height:35px}.channel-page .page-head{gap:6px}}