:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #fafafa;--ink: #1b1a1c;--ink-2: #706f7f;--ink-3: #a2a1a7;--line: #f0f0f1;--line-2: #e7e7e9;--accent: #6457f9;--accent-ink: #ffffff;--accent-bg: #f1effe;--accent-line: #d0ccff;--live: #16a34a;--live-bg: #e9f7ef;--live-line: #c4ecd2;--ready: #d97706;--ready-bg: #fdf3e6;--ready-line: #f6dcae;--ask: #d946ef;--ask-bg: #fdeafe;--ask-line: #f5c9fb;--todo: #0ea5e9;--todo-bg: #e6f6fd;--todo-line: #b9e6f9;--info: #706f7f;--info-bg: #f4f4f5;--info-line: #e4e4e6;--radius: 10px;--shadow: 0 1px 1px #e5e5e5;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme: dark){:root{--bg: #0b0d10;--surface: #171b22;--surface-2: #12151a;--ink: #eef1f5;--ink-2: #a6adb8;--ink-3: #727a86;--line: #2b313a;--line-2: #20242b;--accent: #8b7ffb;--accent-ink: #0b0713;--accent-bg: #211c3b;--accent-line: #38306a;--live: #4ade80;--live-bg: #10241a;--live-line: #1f4d34;--ready: #f5b342;--ready-bg: #2a1f0d;--ready-line: #4d3a15;--ask: #b794f6;--ask-bg: #221735;--ask-line: #3d2b5c;--todo: #7aa2f7;--todo-bg: #131d33;--todo-line: #26365c;--info: #9ca3af;--info-bg: #1e1e22;--info-line: #303036;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.35)}}:root[data-theme=light]{--bg: #ffffff;--surface: #ffffff;--surface-2: #fafafa;--ink: #1b1a1c;--ink-2: #706f7f;--ink-3: #a2a1a7;--line: #f0f0f1;--line-2: #e7e7e9;--accent: #6457f9;--accent-ink: #ffffff;--accent-bg: #f1effe;--accent-line: #d0ccff;--live: #16a34a;--live-bg: #e9f7ef;--live-line: #c4ecd2;--ready: #d97706;--ready-bg: #fdf3e6;--ready-line: #f6dcae;--ask: #d946ef;--ask-bg: #fdeafe;--ask-line: #f5c9fb;--todo: #0ea5e9;--todo-bg: #e6f6fd;--todo-line: #b9e6f9;--info: #706f7f;--info-bg: #f4f4f5;--info-line: #e4e4e6;--shadow: 0 1px 1px #e5e5e5}:root[data-theme=dark]{--bg: #0b0d10;--surface: #171b22;--surface-2: #12151a;--ink: #eef1f5;--ink-2: #a6adb8;--ink-3: #727a86;--line: #2b313a;--line-2: #20242b;--accent: #8b7ffb;--accent-ink: #0b0713;--accent-bg: #211c3b;--accent-line: #38306a;--live: #4ade80;--live-bg: #10241a;--live-line: #1f4d34;--ready: #f5b342;--ready-bg: #2a1f0d;--ready-line: #4d3a15;--ask: #b794f6;--ask-bg: #221735;--ask-line: #3d2b5c;--todo: #7aa2f7;--todo-bg: #131d33;--todo-line: #26365c;--info: #9ca3af;--info-bg: #1e1e22;--info-line: #303036;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px 28px;box-shadow:var(--shadow)}.login-card h1{font-size:20px;font-weight:680;letter-spacing:-.02em}.login-card .lead{font-size:13.5px;color:var(--ink-2);margin:6px 0 22px}.login-card label{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);display:block;margin-bottom:6px}.login-card input{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:11px 13px;font-size:14px}.login-card input:focus{outline:none;border-color:var(--accent)}.btn{width:100%;margin-top:14px;border:none;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:11px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{opacity:.92}.btn:disabled{opacity:.5;cursor:default}.login-msg{margin-top:14px;font-size:13px;border-radius:9px;padding:10px 12px}.login-msg.ok{background:var(--live-bg);border:1px solid var(--live-line);color:var(--live)}.login-msg.err{background:#fdecec;border:1px solid #f6c9c9;color:#c0392b}header.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.top-inner{max-width:1100px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:12px}.top-inner .logo{font-size:16px;font-weight:680;letter-spacing:-.02em}.top-inner .logo span{color:var(--ink-3);font-weight:500}.top-inner .spacer{flex:1}.tabs{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:2px}.tabs button{border:none;background:none;color:var(--ink-2);border-radius:7px;padding:6px 13px;font-size:12.5px;font-weight:550;cursor:pointer}.tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000f}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.icon-btn:hover{border-color:var(--ink-3)}.who{font-size:12px;color:var(--ink-3)}.wrap{max-width:1100px;margin:0 auto;padding:0 20px 90px}.stats{display:inline-flex;margin:16px 0 2px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface);max-width:100%}.stat{display:flex;align-items:center;gap:8px;padding:9px 17px;cursor:pointer;border-right:1px solid var(--line);transition:background .12s;white-space:nowrap}.stat:last-child{border-right:none}.stat:hover{background:color-mix(in srgb,var(--ink) 5%,var(--surface))}.stat.active{background:var(--cb);box-shadow:inset 0 -2px 0 var(--sc)}.stat .n{font-size:16px;font-weight:680;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ct)}.stat .l{font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:var(--sc);flex:none}.stat.s-live{--sc: var(--live);--cb: var(--live-bg);--ct: var(--live)}.stat.s-ready{--sc: var(--ready);--cb: var(--ready-bg);--ct: var(--ready)}.stat.s-ask{--sc: var(--ask);--cb: var(--ask-bg);--ct: var(--ask)}.stat.s-todo{--sc: var(--todo);--cb: var(--todo-bg);--ct: var(--todo)}.toolbar{display:flex;align-items:center;gap:10px;margin:18px 0 6px;flex-wrap:wrap}.search{flex:1;min-width:200px}.search input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:9px 12px;font-size:13.5px}.search input:focus{outline:none;border-color:var(--accent)}.filter-note{font-size:12px;color:var(--ink-3)}.clear{font-size:12px;color:var(--todo);background:none;border:none;cursor:pointer}section.area{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.area-h{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--line)}.area-h h2{font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}.area-h .count{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.card{padding:11px 16px;border-bottom:1px solid var(--line-2);cursor:pointer;transition:background .12s}.card:last-child{border-bottom:none}.card:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.card-top{display:flex;align-items:flex-start;gap:12px}.chip{flex:none;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap;border:1px solid var(--cl);color:var(--ct);background:var(--cb)}.chip.s-live{--ct: var(--live);--cb: var(--live-bg);--cl: var(--live-line)}.chip.s-ready{--ct: var(--ready);--cb: var(--ready-bg);--cl: var(--ready-line)}.chip.s-ask{--ct: var(--ask);--cb: var(--ask-bg);--cl: var(--ask-line)}.chip.s-todo{--ct: var(--todo);--cb: var(--todo-bg);--cl: var(--todo-line)}.chip.s-info{--ct: var(--info);--cb: var(--info-bg);--cl: var(--info-line)}.card-body{flex:1;min-width:0}.card h3{font-size:14.5px;font-weight:640;letter-spacing:-.012em;margin-bottom:4px;text-wrap:balance}.reftag{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.card p{font-size:12.5px;color:var(--ink-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .row2{display:flex;align-items:center;gap:9px;margin-top:7px}.mini-ask{font-size:11px;color:var(--ask);display:inline-flex;align-items:center;gap:4px}.mini-cmt{font-size:11px;color:var(--ink-3)}.main-body .wrap.board-wrap{max-width:1180px}.obar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 8px}.obar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.obtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap}.obtn:hover{background:var(--surface-2)}.obtn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 1px .5px var(--accent-line)}.obtn.primary:hover{filter:brightness(1.06)}.obtn svg{flex:none}.select-btn{position:relative;color:var(--ink-2)}.select-btn select{border:none;background:none;font:inherit;color:var(--ink);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.select-btn select:focus{outline:none}.osearch{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);flex:0 1 300px;min-width:200px;color:var(--ink-3)}.osearch input{border:none;background:none;font:inherit;font-size:14px;color:var(--ink);width:100%}.osearch input:focus{outline:none}.osearch input::placeholder{color:var(--ink-3)}.osec{margin-top:26px}.osec-h{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:14px}.osec-count{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-variant-numeric:tabular-nums}.ocards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.ocard{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;background:var(--surface-2);border:none;border-radius:10px;padding:16px;cursor:pointer;font-family:var(--font);transition:background .12s}.ocard:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}.ocard-ic{color:var(--accent);display:inline-flex}.ocard-title{font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}.ocard-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}.dotsep{width:4px;height:4px;border-radius:50%;background:var(--ink-3)}.otable{display:flex;flex-direction:column}.otr{display:grid;grid-template-columns:minmax(0,1fr) 116px minmax(110px,150px) 78px 62px 108px;align-items:center;gap:12px;padding:0 12px}.othead{height:40px;border-bottom:1px solid var(--line-2)}.othead>div{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);font-weight:500}.orow{min-height:56px;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:8px;transition:background .1s}.orow:hover{background:var(--surface-2)}.col-name{display:flex;align-items:center;gap:11px;min-width:0}.ot-ic{color:var(--ink-3);flex:none;display:inline-flex}.ot-name-wrap{min-width:0}.ot-title{display:block;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-sub{display:block;font-size:11.5px;color:var(--ask);margin-top:1px}.areatag{display:inline-block;font-size:12px;color:var(--ink-2);background:var(--surface-2);border-radius:6px;padding:3px 9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-cmt{font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}.col-cmt .muted{color:var(--ink-3)}.col-upd{font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.col-ref .reftag{font-size:11px}@media (max-width: 900px){.otr{grid-template-columns:minmax(0,1fr) 104px 66px}.col-area,.col-ref,.col-upd{display:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f0f146b;display:flex;justify-content:flex-end}.drawer{width:min(560px,100%);background:var(--bg);height:100%;overflow-y:auto;box-shadow:-8px 0 30px #0000002e;animation:slide .18s ease}@keyframes slide{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.drawer-head{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 20px;display:flex;align-items:flex-start;gap:12px}.drawer-head .close{margin-left:auto;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:16px;flex:none}.drawer-body{padding:18px 20px 40px}.drawer-body h2{font-size:17px;font-weight:660;letter-spacing:-.01em;margin-bottom:8px;text-wrap:balance}.drawer-body .desc{font-size:13.5px;color:var(--ink-2);white-space:pre-wrap}.field{margin-top:18px}.field>label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);display:block;margin-bottom:7px}.status-pick{display:flex;gap:6px;flex-wrap:wrap}.status-pick button{border:1px solid var(--cl);background:var(--cb);color:var(--ct);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:550;cursor:pointer;opacity:.5}.status-pick button.on{opacity:1;box-shadow:inset 0 0 0 1px var(--ct)}.status-pick button.s-live{--ct: var(--live);--cb: var(--live-bg);--cl: var(--live-line)}.status-pick button.s-ready{--ct: var(--ready);--cb: var(--ready-bg);--cl: var(--ready-line)}.status-pick button.s-ask{--ct: var(--ask);--cb: var(--ask-bg);--cl: var(--ask-line)}.status-pick button.s-todo{--ct: var(--todo);--cb: var(--todo-bg);--cl: var(--todo-line)}.status-pick button.s-info{--ct: var(--info);--cb: var(--info-bg);--cl: var(--info-line)}.ask-box{background:var(--ask-bg);border:1px solid var(--ask-line);border-radius:9px;padding:10px 12px;font-size:13px}.ask-box b{color:var(--ask)}.thread{margin-top:8px;display:flex;flex-direction:column;gap:10px}.msg{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.msg .m-head{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.msg .m-who{font-size:12px;font-weight:600}.msg .m-time{font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.msg .m-body{font-size:13px;color:var(--ink);white-space:pre-wrap;word-break:break-word}.msg .m-del{margin-left:auto;border:none;background:none;color:var(--ink-3);cursor:pointer;font-size:11px}.msg.mine{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.composer{position:sticky;bottom:0;background:var(--bg);padding-top:10px;display:flex;gap:8px}.composer textarea{flex:1;resize:none;min-height:42px;max-height:140px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.4}.composer textarea:focus{outline:none;border-color:var(--accent)}.composer button{border:none;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:0 16px;font-size:13px;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.4;cursor:default}.empty{text-align:center;padding:46px 20px;color:var(--ink-3);font-size:13px}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 120px);max-width:760px;margin:18px auto 0}.chat-scroll{flex:1;overflow-y:auto;padding-right:4px}.chat-head{max-width:760px;margin:18px auto 0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.proj-select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:550;font-family:var(--font);cursor:pointer}.proj-select:hover{border-color:var(--ink-3)}.add-btn{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.add-btn:hover{opacity:.92}.seg{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:2px;margin-bottom:8px;width:fit-content}.seg button{border:none;background:none;color:var(--ink-2);border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:var(--font)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000f}.tinput{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:9px;padding:9px 12px;font-size:13.5px;font-family:var(--font)}.tinput:focus{outline:none;border-color:var(--accent)}textarea.tinput{resize:vertical;line-height:1.45}.move-row{display:flex;gap:8px;flex-wrap:wrap}.move-row .tinput{flex:1;min-width:140px}.email-thread{display:flex;flex-direction:column;gap:8px}.email-box{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.email-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:3px}.email-from{font-weight:600;color:var(--ink)}.email-date{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.email-subject{font-size:13px;font-weight:550;margin-bottom:8px}.email-body{font-size:12.5px;color:var(--ink-2);white-space:pre-wrap;word-break:break-word;max-height:340px;overflow-y:auto;border-top:1px solid var(--line-2);padding-top:8px;line-height:1.5}.email-link{display:inline-block;margin-top:9px;font-size:12px;color:var(--todo);text-decoration:none}.email-link:hover{text-decoration:underline}.ref-link{border:1px solid var(--todo-line);background:var(--todo-bg);color:var(--todo);border-radius:5px;padding:0 5px;font:inherit;font-weight:600;font-size:12px;cursor:pointer}.ref-link:hover{text-decoration:underline}.mention-tag{color:var(--ask);font-weight:600}.mention-pop{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:4px;display:flex;flex-direction:column;gap:1px;z-index:10;min-width:180px}.mention-pop button{text-align:left;border:none;background:none;color:var(--ink);border-radius:6px;padding:7px 10px;font-size:13px;cursor:pointer}.mention-pop button:hover{background:var(--surface-2)}.ref-pop{min-width:300px;max-width:380px}.ref-pop button{display:flex;align-items:center;gap:9px}.rp-ref{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-bg);border-radius:5px;padding:1px 6px;flex:none}.rp-title{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bell-wrap{position:relative}.bell{position:relative;font-weight:700}.bell-badge{position:absolute;top:-6px;right:-6px;background:var(--ask);color:#fff;border-radius:999px;font-size:10px;font-weight:700;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}.bell-pop{position:absolute;top:100%;right:0;margin-top:6px;width:300px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:40;max-height:380px;overflow-y:auto}.bell-empty{padding:20px;text-align:center;color:var(--ink-3);font-size:13px}.bell-item{display:block;width:100%;text-align:left;border:none;background:none;color:var(--ink);border-radius:8px;padding:9px 11px;font-size:12.5px;cursor:pointer;line-height:1.4}.bell-item:hover{background:var(--surface-2)}.bell-item b{color:var(--ask)}.bell-item span{color:var(--ink-3)}.hint{font-size:11.5px;color:var(--ink-3);margin-top:8px;line-height:1.45}.admin-row{border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin-bottom:8px;background:var(--surface)}.admin-who{display:flex;flex-direction:column;gap:1px;margin-bottom:8px}.admin-who b{font-size:13.5px}.admin-who span{font-size:11.5px;color:var(--ink-3)}.admin-channels{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.chan-check{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.admin-del{margin-left:auto;border:none;background:none;color:#c0392b;font-size:11.5px;cursor:pointer}.admin-del:hover{text-decoration:underline}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.side-brand{padding:15px 18px 13px;font-size:16px;font-weight:680;letter-spacing:-.02em;border-bottom:1px solid var(--line)}.side-brand span{color:var(--ink-3);font-weight:500}.channels{flex:1;overflow-y:auto;padding:12px 10px}.side-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);padding:4px 8px 6px}.channel{display:flex;align-items:center;width:100%;text-align:left;border:none;background:none;color:var(--ink-2);border-radius:7px;padding:7px 9px;font-size:14px;cursor:pointer;font-family:var(--font)}.channel:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.channel.on{background:var(--surface-2);color:var(--ink);font-weight:620}.channel .hash{opacity:.5;margin-right:4px}.channel.on .hash{opacity:.9;color:var(--accent)}.chan-group{margin-bottom:3px}.channel.sub{padding-left:22px;font-size:13px;color:var(--ink-3)}.channel.sub:not(.on):hover{color:var(--ink-2)}.channel.sub .hash{font-size:11px}.side-empty{padding:8px;color:var(--ink-3);font-size:12.5px}.side-foot{border-top:1px solid var(--line);padding:12px}.side-user{display:flex;align-items:center;gap:9px;margin-bottom:10px}.side-user-name{font-size:13px;font-weight:600;line-height:1.2}.side-user-name span{display:block;font-size:11px;color:var(--ink-3);font-weight:400}.side-actions{display:flex;flex-wrap:wrap;gap:6px}.avatar{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em}.main{flex:1;min-width:0;display:flex;flex-direction:column}.main-head{flex:none;display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);background:var(--surface)}.chan-title{font-size:15px;font-weight:650;letter-spacing:-.01em}.chan-title .hash{color:var(--ink-3);margin-right:2px}.main-body{flex:1;min-height:0;overflow-y:auto}.main-body .wrap{padding-top:18px;max-width:860px}.chat-page{display:flex;flex-direction:column;height:100%;max-width:840px;margin:0 auto;padding:0 22px}.chat-scroll{flex:1;overflow-y:auto;padding:14px 0 6px}.msgs{display:flex;flex-direction:column;padding-bottom:6px}.msg-row{display:flex;gap:10px;padding:1px 4px;position:relative;align-items:flex-end}.msg-row:not(.grouped){margin-top:15px}.msg-row.mine{flex-direction:row-reverse}.msg-av{border-radius:50%;align-self:flex-start}.msg-row.mine .msg-av{display:none}.msg-hovertime{width:28px;flex:none;font-size:10px;color:var(--ink-3);text-align:center;opacity:0;padding-bottom:10px;font-variant-numeric:tabular-nums}.msg-row.grouped:hover .msg-hovertime{opacity:1}.msg-row.mine .msg-hovertime{display:none}.msg-main{min-width:0;max-width:76%;display:flex;flex-direction:column;align-items:flex-start}.msg-row.mine .msg-main{align-items:flex-end}.msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:3px;padding:0 3px}.msg-row.mine .msg-head{flex-direction:row-reverse}.msg-who{font-size:12.5px;font-weight:650}.msg-time{font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.msg-text{font-size:13.5px;color:var(--ink);line-height:1.5;white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);padding:9px 13px;border-radius:4px 15px 15px}.msg-row.mine .msg-text{background:var(--accent);color:var(--accent-ink);border-color:transparent;border-radius:15px 4px 15px 15px}.msg-row.mine .msg-text .ref-link,.msg-row.mine .msg-text .mention-tag{color:#fff;border-color:#ffffff73;background:#ffffff2e}.msg-del{position:absolute;top:0;opacity:0;border:1px solid var(--line);background:var(--surface);color:var(--ink-3);border-radius:6px;width:22px;height:22px;cursor:pointer;font-size:14px;line-height:1}.msg-row:not(.mine) .msg-del{right:4px}.msg-row.mine .msg-del{left:4px}.msg-row:hover .msg-del{opacity:1}.composer{padding:12px 0 16px}.composer textarea{border-radius:13px}.composer .send-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 15px}.attach-btn{display:inline-flex;align-items:center;justify-content:center}.chat-img{max-width:320px;max-height:240px;border-radius:10px;border:1px solid var(--line);margin-top:4px;cursor:pointer;display:block;object-fit:cover}.chat-img:hover{opacity:.93}.img-loading{font-size:12px;color:var(--ink-3);padding:8px 0}.attach-btn{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:0 12px;font-size:15px;cursor:pointer;color:var(--ink-2)}.attach-btn:hover{border-color:var(--ink-3)}.attach-btn:disabled{opacity:.5;cursor:default}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000d1;display:grid;place-items:center;padding:30px}.lightbox img{max-width:92vw;max-height:88vh;border-radius:8px;box-shadow:0 10px 40px #00000080}.lightbox-dl{position:fixed;top:20px;right:24px;color:#fff;font-size:13px;background:#ffffff29;padding:8px 14px;border-radius:8px;text-decoration:none}.cm-wrap{position:relative}.cm-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:4px 10px 4px 6px;cursor:pointer;color:var(--ink-2);font-size:12.5px;font-weight:550;font-family:var(--font)}.cm-btn:hover{border-color:var(--ink-3)}.cm-avatars{display:inline-flex}.cm-av{width:22px;height:22px;border-radius:6px;font-size:9px;flex:none;border:1.5px solid var(--surface)}.cm-av-wrap{position:relative;display:inline-flex;flex:none}.cm-avatars .cm-av-wrap:not(:first-child){margin-left:-7px}.cm-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--ink-3);border:1.5px solid var(--surface)}.cm-dot.on{background:#22c55e}.cm-presence{font-size:11px;color:var(--ink-3)}.cm-presence.on{color:#16a34a}.cm-count{font-variant-numeric:tabular-nums}.cm-pop{position:absolute;top:100%;right:0;margin-top:6px;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:40;max-height:360px;overflow-y:auto}.cm-pop-h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:6px 8px}.cm-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px}.cm-item:hover{background:var(--surface-2)}.cm-info{min-width:0}.cm-info b{font-size:13px;display:flex;align-items:center;gap:6px}.cm-admin{font-size:9.5px;background:var(--ask-bg);color:var(--ask);border:1px solid var(--ask-line);border-radius:4px;padding:0 4px;font-weight:600}.cm-email{font-size:11px;color:var(--ink-3)}@media (max-width: 720px){.sidebar{width:64px}.side-brand,.side-label,.channel span:not(.hash),.side-user-name,.side-actions{display:none}.channel{justify-content:center}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}