:root{--paper: #f3f5f4;--panel: #ffffff;--panel-2: #e9edeb;--panel-hover: #f7f9f8;--panel-active: #edf6f1;--ink: #1a2421;--muted: #5e6d66;--line: #d8dfdb;--line-strong: #c3cec8;--phosphor: #0b7a57;--phosphor-strong: #086445;--phosphor-soft: #e2f1ea;--signal: #b45309;--alert: #b3261e;--alert-soft: #f7e5e3;--focus-ring: rgba(11, 122, 87, .22);--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--radius: 8px;--shadow: 0 1px 2px rgba(26, 36, 33, .06), 0 10px 30px rgba(26, 36, 33, .08);--shadow-sm: 0 1px 2px rgba(26, 36, 33, .08);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root{--paper: #0f1512;--panel: #161d19;--panel-2: #1d2622;--panel-hover: #1a231f;--panel-active: #183428;--ink: #e6ebe8;--muted: #8fa198;--line: #263029;--line-strong: #34413a;--phosphor: #2fbf8f;--phosphor-strong: #1f946d;--phosphor-soft: #143528;--signal: #e8a33d;--alert: #e57373;--alert-soft: #3a1f1c;--focus-ring: rgba(47, 191, 143, .24);--shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 16px 34px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-size:15px;line-height:1.45;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;touch-action:manipulation}input,textarea,select{font:inherit;color:inherit}a{color:var(--phosphor)}:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel) 0%,var(--panel-hover) 100%);color:var(--ink);border-radius:var(--radius);padding:7px 14px;font-weight:650;line-height:1.2;text-decoration:none;box-shadow:var(--shadow-sm);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}.btn:hover{border-color:var(--line-strong);background:var(--panel);box-shadow:0 2px 8px #1a24211f;transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn.primary{background:linear-gradient(180deg,var(--phosphor) 0%,var(--phosphor-strong) 100%);border-color:var(--phosphor);color:#fff;box-shadow:0 1px 2px #08644533,0 8px 18px #0b7a5738}.btn.primary:hover{border-color:var(--phosphor-strong);box-shadow:0 2px 4px #08644538,0 10px 22px #0b7a5747}.btn.danger{color:var(--alert);border-color:color-mix(in srgb,var(--alert) 62%,var(--line));background:transparent;box-shadow:none}.btn.danger:hover{background:var(--alert-soft);border-color:var(--alert)}.btn.small{min-height:30px;padding:5px 10px;font-size:13px;border-radius:7px}.btn:disabled{opacity:.52;cursor:default;transform:none;box-shadow:none}.btn.send-btn{min-width:68px}.btn.send-btn:after{content:"→";font-family:var(--mono);font-size:12px;opacity:.78}.input{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}.input:focus{outline:none;border-color:var(--phosphor);box-shadow:0 0 0 3px var(--focus-ring)}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:var(--panel);min-height:24px}.chip.on{color:var(--phosphor);border-color:var(--phosphor);background:var(--phosphor-soft)}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:30px}.auth-logo{font-family:var(--mono);font-size:22px;font-weight:700;margin:0 0 2px}.auth-logo .hash{color:var(--phosphor)}.auth-logo .cursor{display:inline-block;width:.55em;height:1.05em;background:var(--phosphor);vertical-align:text-bottom;margin-left:2px;animation:blink 1.4s steps(1) infinite}@keyframes blink{50%{opacity:0}}.auth-sub{margin:0 0 22px;color:var(--muted);font-size:13px}.auth-card label{display:block;font-family:var(--mono);font-size:12px;color:var(--muted);margin:14px 0 5px}.captcha-box{display:flex;align-items:center;gap:8px;background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius);padding:5px 8px;margin-bottom:6px}.captcha-img{display:block;max-width:100%;height:56px}.auth-error{background:var(--alert-soft);color:var(--alert);border-radius:8px;padding:8px 12px;font-size:13px;margin-top:14px}.auth-card .btn.primary{width:100%;margin-top:20px}.auth-switch{margin-top:16px;font-size:13px;color:var(--muted);text-align:center}.app{display:grid;grid-template-columns:272px 1fr;height:100%;overflow:hidden}.sidebar{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-hover) 100%);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.side-head{padding:14px 14px 11px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.side-head .brand{font-family:var(--mono);font-weight:800;font-size:16px;letter-spacing:0}.side-head .brand .hash{color:var(--phosphor)}.side-actions{display:flex;gap:6px}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:var(--radius);padding:0;line-height:1;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}.icon-btn:hover{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0);box-shadow:none}.side-scroll{flex:1;overflow-y:auto;padding:4px 8px 12px;min-height:0}.side-section{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:14px 10px 4px;display:flex;justify-content:space-between;align-items:center}.side-section button{font-size:14px}.chan-item{position:relative;display:flex;align-items:center;gap:8px;width:100%;border:1px solid transparent;background:transparent;color:var(--ink);padding:7px 9px;border-radius:8px;font-family:var(--mono);font-size:13.5px;text-align:left;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.chan-item:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:3px;border-radius:999px;background:transparent}.chan-item:hover{background:var(--panel);border-color:var(--line);transform:translate(1px)}.chan-item.active{background:var(--panel-active);border-color:color-mix(in srgb,var(--phosphor) 36%,var(--line));color:var(--phosphor);font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--phosphor) 7%,transparent)}.chan-item.active:before{background:var(--phosphor)}.chan-item .glyph{color:var(--muted);width:1em;flex:none}.chan-item.active .glyph{color:var(--phosphor)}.chan-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chan-item .badge{background:var(--phosphor);color:#fff;font-size:11px;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;font-weight:700;box-shadow:0 2px 8px #0b7a573d}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none}.presence-dot.on{background:var(--phosphor)}.side-foot{border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,var(--panel-hover));padding:11px 14px calc(11px + var(--safe-bottom));display:flex;align-items:center;gap:8px}.side-foot .me{font-family:var(--mono);font-size:13px;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper)}.chan-head{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);box-shadow:0 1px #1a242108}.chan-head .title{font-family:var(--mono);font-weight:800;font-size:15px}.chan-head .title .glyph{color:var(--phosphor)}.chan-head .topic{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.chan-head .spacer{flex:1}.menu-btn{display:none}.msg-scroll{flex:1;overflow-y:auto;padding:14px 0 4px;min-height:0}.day-divider{display:flex;align-items:center;gap:12px;margin:14px 16px 6px;color:var(--muted);font-family:var(--mono);font-size:11px}.day-divider:before,.day-divider:after{content:"";flex:1;border-top:1px solid var(--line)}.msg-group{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:8px 16px 0;padding:9px 12px 8px;max-width:900px;box-shadow:0 1px #1a242108}.mg-head{font-family:var(--mono);font-size:12.5px;margin-bottom:3px;display:flex;align-items:center;gap:7px}.mg-head .nick{font-weight:700}.mg-head .time{color:var(--muted);font-size:11px;margin-left:8px}.msg-row{position:relative;padding:3px 46px 3px 0;border-radius:6px;transition:background-color .12s ease}.msg-row:hover{background:var(--panel-hover)}.msg-row .row-time{position:absolute;top:3px;right:4px;font-family:var(--mono);font-size:11px;color:var(--muted);opacity:0}.msg-row:hover .row-time{opacity:1}.msg-row .body{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.msg-row .body .mention{font-family:var(--mono);font-size:.92em;color:var(--phosphor);background:var(--phosphor-soft);border-radius:4px;padding:0 3px}.msg-row .edited{font-size:11px;color:var(--muted);margin-left:6px}.seen{font-size:11px;color:var(--muted);text-align:right;padding-right:4px}.msg-tools{position:absolute;top:-15px;right:8px;display:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;z-index:5}.msg-row:hover .msg-tools,.msg-row:focus-within .msg-tools{display:flex}.msg-tools button{border:none;background:transparent;width:31px;height:30px;padding:0;font-size:13px;color:var(--muted);display:grid;place-items:center;border-right:1px solid var(--line)}.msg-tools button:last-child{border-right:none}.msg-tools button:hover{color:var(--ink);background:var(--panel-hover)}.reactions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.reaction{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:2px 8px;font-size:13px;display:inline-flex;gap:5px;align-items:center;min-height:25px;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.reaction .n{font-family:var(--mono);font-size:11px;color:var(--muted)}.reaction.mine{border-color:var(--phosphor);background:var(--phosphor-soft)}.reaction:hover{border-color:var(--phosphor);transform:translateY(-1px)}.thread-link{border:none;background:transparent;color:var(--phosphor);font-family:var(--mono);font-size:12px;padding:2px 4px;margin-top:3px;border-radius:5px}.thread-link:hover{background:var(--phosphor-soft);text-decoration:none}.file-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:10px 12px;margin-top:6px;max-width:420px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.file-card:hover{border-color:var(--phosphor);transform:translateY(-1px);box-shadow:var(--shadow)}.file-card .fname{font-family:var(--mono);font-size:13px;word-break:break-all}.file-card .fsize{color:var(--muted);font-size:12px}.img-preview{display:block;max-width:min(420px,100%);max-height:320px;border-radius:var(--radius);border:1px solid var(--line);margin-top:6px}.typing-row{height:22px;padding:0 16px 2px;font-size:12px;color:var(--muted);font-family:var(--mono)}.composer{position:relative;margin:0 16px calc(14px + var(--safe-bottom));border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);display:flex;align-items:flex-end;gap:7px;padding:8px;transition:border-color .15s ease,box-shadow .15s ease}.composer:focus-within{border-color:var(--phosphor);box-shadow:0 0 0 3px var(--focus-ring),var(--shadow)}.composer .prompt{font-family:var(--mono);font-size:13px;color:var(--phosphor);padding:8px 2px 8px 4px;white-space:nowrap;user-select:none}.composer textarea{flex:1;border:none;background:transparent;resize:none;padding:7px 0;max-height:180px;min-height:24px;line-height:1.4}.composer textarea:focus{outline:none}.composer .icon-btn{width:34px;height:34px;background:var(--panel-hover);border-color:var(--line)}.composer .icon-btn:hover{background:var(--panel);border-color:var(--phosphor);color:var(--phosphor)}.emoji-suggest{position:absolute;bottom:calc(100% + 8px);left:0;display:flex;gap:4px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;z-index:30}.emoji-suggest button{border:none;background:transparent;border-radius:6px;padding:4px 8px;font-family:var(--mono);font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.emoji-suggest button .ch{font-size:17px}.emoji-suggest button:hover,.emoji-suggest button[aria-selected=true]{background:var(--phosphor-soft);color:var(--phosphor)}.emoji-pop{position:absolute;bottom:calc(100% + 8px);right:0;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px;z-index:30;max-width:320px}.emoji-pop button{border:none;background:transparent;font-size:20px;line-height:1;border-radius:6px;padding:5px}.emoji-pop button:hover{background:var(--panel-hover)}.fx{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.fx span{position:absolute;will-change:transform,opacity}.fx .fx-rise{bottom:-70px;animation:fx-rise 3s linear forwards}@keyframes fx-rise{70%{opacity:1}to{transform:translateY(calc(-100vh - 140px)) translate(var(--sway, 0px));opacity:0}}.fx .fx-fall{top:-60px;animation:fx-fall 4s linear forwards}.fx .fx-paper{border-radius:2px;display:inline-block}@keyframes fx-fall{80%{opacity:1}to{transform:translateY(calc(100vh + 120px)) translate(var(--sway, 0px)) rotate(var(--spin, 360deg));opacity:0}}.fx .fx-burst{width:7px;height:7px;border-radius:50%;transform:scale(0);animation:fx-burst 1.1s ease-out forwards}@keyframes fx-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.fx .fx-across{left:-90px;top:var(--y, 60vh);animation:fx-across 1.6s ease-in forwards}@keyframes fx-across{to{transform:translate(calc(100vw + 220px),calc(-1 * var(--y, 60vh) - 20vh))}}.upload-row{margin:0 16px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:8px 12px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:var(--shadow-sm)}.upload-bar{flex:1;height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden}.upload-bar>div{height:100%;background:var(--phosphor);transition:width .2s}.overlay-panel{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);background:var(--panel);border-left:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:40}.overlay-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-weight:800;background:color-mix(in srgb,var(--panel) 86%,var(--panel-hover))}.overlay-body{flex:1;overflow-y:auto;min-height:0}.modal-back{position:fixed;inset:0;background:#0f151285;display:grid;place-items:center;z-index:50;padding:16px;backdrop-filter:blur(2px)}.modal{width:100%;max-width:440px;background:var(--panel);border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 4px;font-family:var(--mono);font-size:18px}.modal .sub{color:var(--muted);font-size:13px;margin:0 0 16px}.modal label{display:block;font-family:var(--mono);font-size:12px;color:var(--muted);margin:12px 0 5px}.modal .row{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.member-row{display:flex;align-items:center;gap:10px;padding:6px 2px;font-family:var(--mono);font-size:13.5px}.member-row .grow{flex:1}.msg-row.flash{animation:flash-bg 2.4s ease-out}@keyframes flash-bg{0%,40%{background:var(--phosphor-soft);box-shadow:inset 2px 0 0 var(--phosphor)}to{background:transparent}}.fp-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);transition:background-color .15s ease}.fp-row:hover{background:var(--panel-hover)}.fp-thumb{width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid var(--line);flex:none}.fp-icon{font-size:26px;width:42px;text-align:center;flex:none}.fp-meta{flex:1;min-width:0;display:grid}.fp-name{font-size:13px;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-name:hover{color:var(--phosphor);text-decoration:underline}.fp-sub{font-size:12px;color:var(--muted)}.search-hit{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid var(--line);background:transparent;padding:11px 16px;color:var(--ink);transition:background-color .15s ease}.search-hit:hover{background:var(--panel-hover)}.search-hit .where{font-family:var(--mono);font-size:12px;color:var(--phosphor)}.search-hit .snippet{font-size:13.5px;margin-top:2px;overflow-wrap:anywhere}.search-hit .when{font-size:11px;color:var(--muted);font-family:var(--mono)}.admin-wrap{flex:1;overflow-y:auto;padding:20px;min-height:0}.admin-wrap h2{font-family:var(--mono);margin:4px 0 16px}.admin-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.admin-tabs button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 14px;font-family:var(--mono);font-size:13px;color:var(--muted);box-shadow:var(--shadow-sm);transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease}.admin-tabs button:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.admin-tabs button.on{color:var(--phosphor);border-color:var(--phosphor);background:var(--phosphor-soft);box-shadow:none}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13.5px}.table th{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);background:var(--panel-hover);text-transform:uppercase}.table td.mono{font-size:12.5px}.table tr:last-child td{border-bottom:none}.pill{font-family:var(--mono);font-size:11px;border-radius:999px;padding:2px 8px}.pill.active{background:var(--phosphor-soft);color:var(--phosphor)}.pill.paused{background:var(--alert-soft);color:var(--signal)}.pill.admin{background:var(--panel-2);color:var(--ink)}.settings-grid{display:grid;gap:14px;max-width:560px}.setting-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm)}.setting-row .info{flex:1}.setting-row .info b{display:block;font-size:14px}.setting-row .info span{font-size:12.5px;color:var(--muted)}.toggle{position:relative;width:42px;height:24px;flex:none}.toggle input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.toggle .knob{position:absolute;inset:0;background:var(--line);border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line-strong) 70%,transparent);transition:background .15s,box-shadow .15s}.toggle .knob:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1a242138;transition:transform .15s}.toggle input:checked+.knob{background:var(--phosphor);box-shadow:inset 0 0 0 1px var(--phosphor-strong)}.toggle input:checked+.knob:after{transform:translate(18px)}.toasts{position:fixed;bottom:calc(16px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:90;display:grid;gap:8px}.toast{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:10px 16px;font-size:13.5px;box-shadow:var(--shadow)}.toast.error{background:var(--alert);color:#fff}.bot-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--phosphor);border-radius:3px;padding:1px 4px;vertical-align:middle}.token-reveal{background:var(--phosphor-soft);border:1px solid var(--phosphor);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;font-size:13px}.token-value{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 10px;margin-top:6px;word-break:break-all;font-size:12.5px}.avatar{border-radius:50%;object-fit:cover;flex:none;display:inline-block;vertical-align:middle}.avatar-fallback{border-radius:50%;color:#fff;display:inline-grid;place-items:center;font-family:var(--mono);font-weight:700;flex:none;vertical-align:middle;user-select:none}.ic{font-family:var(--mono);font-size:.9em;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:0 4px}.codeblock{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:6px 0;overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:1.5;max-width:720px}.quote-card{display:block;width:fit-content;max-width:480px;text-align:left;background:var(--panel-hover);border:1px solid var(--line);border-left:3px solid var(--phosphor);border-radius:0 8px 8px 0;padding:6px 10px;margin:4px 0;color:var(--ink);cursor:pointer}.quote-card:hover{border-color:color-mix(in srgb,var(--phosphor) 46%,var(--line))}.quote-card .q-nick{font-family:var(--mono);font-size:12px;font-weight:700;display:block}.quote-card .q-text{font-size:13px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:440px}.pin-note{font-size:11px;color:var(--signal);margin-bottom:2px}.lp-card{display:block;width:fit-content;max-width:480px;border:1px solid var(--line);border-left:3px solid var(--line);border-radius:8px;background:var(--panel-hover);padding:8px 12px;margin-top:6px;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.lp-card:hover{border-color:var(--phosphor);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.lp-title{display:block;font-weight:600;font-size:13.5px}.lp-desc{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}.lp-site{display:block;font-size:11px;color:var(--muted);margin-top:4px}.img-preview.clickable{cursor:zoom-in}.lightbox{position:fixed;inset:0;background:#0a0e0ceb;z-index:120;display:grid;place-items:center}.lb-img{max-width:92vw;max-height:84vh;border-radius:8px;object-fit:contain}.lb-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#e6ebe8;font-size:13px}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:34px;width:52px;height:52px;border-radius:50%;line-height:0;display:grid;place-items:center;backdrop-filter:blur(6px)}.lb-nav:hover{background:#ffffff40}.lb-nav.prev{left:18px}.lb-nav.next{right:18px}.chan-item.muted-chan .name{color:var(--muted)}.install-banner{position:fixed;right:16px;bottom:calc(16px + var(--safe-bottom));z-index:80;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--phosphor);border-radius:10px;box-shadow:var(--shadow);padding:11px 12px;max-width:min(420px,calc(100vw - 32px))}.install-banner .ib-icon{color:var(--phosphor);font-size:18px}.install-banner .ib-text{display:grid;font-size:13px;line-height:1.35}.install-banner .ib-text b{font-family:var(--mono)}.install-banner .ib-text span{color:var(--muted);font-size:12.5px}.empty{flex:1;display:grid;place-items:center;color:var(--muted);font-family:var(--mono);font-size:13px;text-align:center;padding:24px}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 18% 0 0;z-index:60;transform:translate(-105%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.side-back{position:fixed;inset:0;background:#0f151266;z-index:55}.menu-btn{display:inline-flex}.msg-group{margin:8px 10px 0}.chan-head{min-height:54px;padding:9px 10px;gap:7px}.chan-head .topic{display:none}.chan-head .title{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:31px;height:31px}.composer{margin:0 10px calc(10px + var(--safe-bottom));padding:7px;gap:5px}.composer .prompt{display:none}.composer .icon-btn{width:32px;height:32px}.composer .send-btn{min-width:58px;padding-inline:9px}.emoji-pop{grid-template-columns:repeat(6,1fr)}.install-banner{bottom:calc(86px + var(--safe-bottom));right:10px}.overlay-panel{width:100vw}.modal-back{place-items:end center;padding:0}.modal{max-width:none;width:100%;border-radius:16px 16px 0 0;max-height:92vh;padding:18px 16px calc(16px + var(--safe-bottom));animation:sheet-up .18s ease}.modal .row{position:sticky;bottom:calc(-1 * var(--safe-bottom));background:var(--panel);margin:18px -16px calc(-1 * (16px + var(--safe-bottom)));padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--line)}.member-row{flex-wrap:wrap}.member-row .grow{min-width:0;overflow-wrap:anywhere}.member-row .btn,.chan-head .icon-btn{flex:none}}@keyframes sheet-up{0%{transform:translateY(14px);opacity:.4}to{transform:translateY(0);opacity:1}}.chan-list-head{display:flex;align-items:baseline;justify-content:space-between;margin:16px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.chan-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.chan-list-row{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"name users action" "topic topic action";gap:2px 10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);text-align:left;cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s}.chan-list-row:hover:not(:disabled){border-color:var(--phosphor);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chan-list-row:disabled{opacity:.6;cursor:default}.chan-list-row .clr-name{grid-area:name;font-family:var(--mono);font-weight:700;color:var(--text)}.chan-list-row .clr-name .hash{color:var(--phosphor);margin-right:1px}.chan-list-row .clr-users{grid-area:users;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.chan-list-row .clr-topic{grid-area:topic;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chan-list-row .clr-action{grid-area:action;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--phosphor);border:1px solid var(--phosphor-soft);background:var(--phosphor-soft);padding:3px 10px;border-radius:999px}.chan-list-row:disabled .clr-action{color:var(--muted);background:transparent;border-color:var(--border)}