:root,:root[data-theme=dark]{--bg: #0e1015;--panel: #14171f;--panel-2: #191d27;--elev: #1e232f;--border: #242a37;--border-soft: #1c212c;--text: #e7eaf0;--text-dim: #8b93a6;--text-faint: #565e70;--accent-rgb: 42 111 219;--accent: rgb(var(--accent-rgb));--accent-ink: #ffffff;--accent-soft: rgb(var(--accent-rgb) / .16);--accent-line: rgb(var(--accent-rgb) / .55);--hover: rgba(255, 255, 255, .045);--hover-2: rgba(255, 255, 255, .07);--mention: rgb(var(--accent-rgb) / .13);--online: #3ec489;--away: #e0a63a;--offline: #565e70;--danger: #e05656;--ui-font: system-ui, "Segoe UI", Roboto, sans-serif;--mono-font: ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--msg-font: var(--ui-font);--radius: 8px;--pad-msg: 3px;--pad-row: 6px;--pad-sub: 4px;--lh: 1.5;color-scheme:dark}:root[data-theme=light]{--bg: #f3f5f8;--panel: #ffffff;--panel-2: #f7f9fb;--elev: #ffffff;--border: #e4e8ee;--border-soft: #edf0f4;--text: #1a1e27;--text-dim: #5b6474;--text-faint: #9aa2b2;--accent-soft: rgb(var(--accent-rgb) / .1);--accent-line: rgb(var(--accent-rgb) / .5);--hover: rgba(15, 20, 30, .035);--hover-2: rgba(15, 20, 30, .06);--mention: rgb(var(--accent-rgb) / .08);--online: #16a06a;--away: #c98a1e;--offline: #a7afbd;color-scheme:light;--danger: #b93131}:root[data-accent=violet]{--accent-rgb: 124 92 230}:root[data-accent=teal]{--accent-rgb: 16 150 138}:root[data-accent=green]{--accent-rgb: 47 158 89}:root[data-accent=amber]{--accent-rgb: 200 121 20}:root[data-accent=rose]{--accent-rgb: 219 72 120}:root[data-accent=slate]{--accent-rgb: 100 116 139}:root[data-accent=gray]{--accent-rgb: 115 115 118}html{font-size:14px}:root[data-textsize=sm]{font-size:13px}:root[data-textsize=lg]{font-size:15.5px}:root[data-textsize=xl]{font-size:17px}:root[data-density=compact]{--pad-msg: 1px;--pad-row: 4px;--pad-sub: 2px;--lh: 1.38}:root[data-density=comfortable]{--pad-msg: 5px;--pad-row: 9px;--pad-sub: 6px;--lh: 1.62}:root[data-msgfont=mono]{--msg-font: var(--mono-font)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--ui-font);background:var(--bg);color:var(--text);font-size:1rem;line-height:var(--lh);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input::placeholder{color:var(--text-faint)}.scroll{overflow-y:auto}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px;border:3px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}.app{display:flex;height:100vh;height:100dvh;width:100%;overflow:hidden}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.sidebar{width:0;flex:0 0 auto;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1);background:var(--panel);border-right:1px solid var(--border)}.sidebar.open{width:256px}.side-inner{width:256px;height:100%;display:flex;flex-direction:column}.side-head{height:42px;flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--border)}.logo{width:22px;height:22px;border-radius:6px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent-ink);font-family:var(--mono-font);font-weight:700;font-size:.9286rem;flex:0 0 auto}.side-title{font-weight:600;letter-spacing:-.01em}.side-meta{margin-left:auto;font-family:var(--mono-font);font-size:.7857rem;color:var(--text-faint)}.side-list{flex:1;padding:10px 8px}.net-group{margin-bottom:14px}.net-head{display:flex;align-items:center;gap:7px;padding:4px 8px 6px;font-family:var(--mono-font);font-size:.7857rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.dot.online{background:var(--online)}.dot.away{background:var(--away)}.dot.offline{background:var(--offline)}.chan-row{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;font:inherit;text-align:left;padding:var(--pad-row) 10px;border-radius:7px;cursor:pointer;margin:1px 0;font-size:.9643rem;color:var(--text-dim)}.chan-row:hover{background:var(--hover)}.chan-row.unread{color:var(--text)}.chan-row.unread .chan-name{font-weight:600}.chan-row.active{background:var(--accent-soft);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.chan-hash{font-family:var(--mono-font);font-size:1rem;color:var(--text-faint);width:12px;text-align:center;flex:0 0 auto}.chan-row.active .chan-hash{color:var(--accent)}.chan-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--elev);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono-font);font-size:.7857rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.badge.mention{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.monitor-section{margin-top:6px}.monitor-head{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 4px 8px;font-family:var(--mono-font);font-size:.7143rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.monitor-addbtn{border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.monitor-addbtn:hover{color:var(--text)}.monitor-add{padding:0 8px 4px}.monitor-input{width:100%;height:26px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--text);font-size:.9286rem;outline:none}.monitor-input:focus{border-color:var(--accent-line)}.monitor-row{display:flex;align-items:center;gap:8px;padding:var(--pad-sub) 10px;border-radius:7px;cursor:pointer;font-size:.9286rem}.monitor-row:hover{background:var(--hover)}.monitor-nick{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.monitor-nick.off{color:var(--text-faint)}.monitor-remove{border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:.7857rem;opacity:0;padding:0 2px}.monitor-row:hover .monitor-remove{opacity:1}.monitor-remove:hover{color:var(--away)}.side-foot{flex:0 0 auto;border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px}.avatar-wrap{position:relative;flex:0 0 auto}.avatar{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#0e1015;font-family:var(--mono-font);font-weight:700;font-size:.9286rem}.foot-dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--panel)}.foot-dot.online{background:var(--online)}.foot-dot.offline{background:var(--offline)}.foot-id{min-width:0}.foot-nick{font-weight:600;font-size:.9286rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot-state{font-family:var(--mono-font);font-size:.7857rem;color:var(--text-dim)}.topbar{height:42px;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--panel)}.icon-btn{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--panel-2);border-radius:8px;cursor:pointer;font-size:1rem;line-height:1;color:var(--text-dim);transition:background .12s}.icon-btn:hover{background:var(--hover-2)}.icon-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.topic-name{font-family:var(--mono-font);font-weight:600;font-size:1.071rem;color:var(--text);white-space:nowrap}.topic-name .hash{color:var(--text-faint)}.topic-sep{width:1px;height:20px;background:var(--border);flex:0 0 auto}.topic-text{flex:1;min-width:0;color:var(--text-dim);font-size:.9286rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-banner{flex:0 0 auto;padding:5px 16px;background:var(--away);color:#0e1015;font-size:.8929rem;font-weight:600}.msgs{flex:1;padding:14px 4px 18px}.top-note{text-align:center;color:var(--text-faint);font-family:var(--mono-font);font-size:.7857rem;padding:6px 0 10px}.sys-row{display:flex;align-items:center;gap:9px;padding:var(--pad-msg) 16px;color:var(--text-faint);font-size:.8929rem}.sys-toggle{border:none;background:none;padding:0;font:inherit;color:var(--text-dim);cursor:pointer;text-align:left}.sys-chevron{font-size:.75em;color:var(--text-faint)}.sys-toggle:hover{color:var(--text);text-decoration:underline}.sys-mark{font-family:var(--mono-font);flex:0 0 auto}.sys-mark.join{color:var(--online)}.sys-mark.part{color:var(--away)}.sys-mark.mode{color:var(--text-faint)}.sys-row.redacted{font-style:italic;opacity:.7}.msg-row{display:flex;gap:8px;padding:var(--pad-msg) 12px var(--pad-msg) 4px;position:relative}.msg-row.mention{background:var(--mention);box-shadow:inset 3px 0 0 var(--accent)}.msg-time{font-family:var(--mono-font);font-size:.7857rem;color:var(--text-faint);min-width:3rem;flex:0 0 auto;text-align:right;padding-top:2px;white-space:nowrap}.msg-nick{font-family:var(--mono-font);font-size:.9286rem;font-weight:600;max-width:12rem;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:1px}.msg-body{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:anywhere;font-family:var(--msg-font)}:root[data-msgfont=mono] .msg-body,:root[data-msgfont=mono] .compose-input{font-size:.9286rem}.msg-body.action{font-style:italic}.msg-body.notice{color:var(--text-dim)}.msg-redact{flex:0 0 auto;align-self:flex-start;width:22px;height:20px;border:1px solid var(--border);background:var(--panel);border-radius:5px;color:var(--text-faint);cursor:pointer;font-size:.7857rem;line-height:1;opacity:0;transition:opacity .12s}.msg-row:hover .msg-redact{opacity:1}.msg-redact:hover{color:var(--away);border-color:var(--away)}.preview-card{display:flex;clear:both;margin-top:4px;max-width:min(460px,100%);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel);text-decoration:none;color:inherit}.preview-card:hover{background:var(--panel-2);text-decoration:none}.preview-card-img{width:88px;height:88px;object-fit:cover;flex:0 0 auto;border-right:1px solid var(--border);background:var(--elev)}.preview-card-body{padding:8px 10px;min-width:0;display:flex;flex-direction:column;gap:2px}.preview-card-site{font-family:var(--mono-font);font-size:.7857rem;color:var(--text-faint)}.preview-card-title{font-weight:600;font-size:.9286rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-card-desc{font-size:.8929rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-thumb{display:block;clear:both;width:fit-content;max-width:100%;margin-top:4px}.preview-thumb img{max-width:min(320px,100%);max-height:220px;width:auto;height:auto;border-radius:var(--radius);border:1px solid var(--border);display:block}.composer{flex:0 0 auto;padding:0 8px calc(8px + env(safe-area-inset-bottom,0px));position:relative}.typing-bubble{position:absolute;top:-9px;right:26px;z-index:3;display:flex;align-items:center;gap:7px;height:22px;padding:0 10px;border-radius:11px;background:var(--elev);border:1px solid var(--border);box-shadow:0 4px 14px #0000002e}.typing-dots{display:inline-flex;gap:3px;align-items:flex-end;height:8px}.typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--text-dim);animation:typeBlink 1.1s infinite}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes typeBlink{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:1}}.typing-label{font-size:.8214rem;color:var(--text-dim);white-space:nowrap}.compose-box{display:flex;align-items:flex-end;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:4px 5px 4px 12px}.prompt{font-family:var(--mono-font);font-size:1rem;color:var(--text-faint);padding:5px 0;align-self:flex-start;white-space:nowrap}.compose-input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-family:var(--msg-font);font-size:1rem;line-height:1.4;padding:5px 0;resize:none;max-height:30vh}.btn-accent{flex:0 0 auto;height:28px;padding:0 13px;border:none;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-family:var(--ui-font);font-weight:600;font-size:.9286rem;cursor:pointer;align-self:flex-start}.btn-accent:disabled{opacity:.5;cursor:default}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-family:var(--mono-font);font-size:.9286rem}.rightbar{width:0;flex:0 0 auto;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1);background:var(--panel);border-left:1px solid var(--border)}.rightbar.open{width:220px}.right-inner{width:220px;height:100%;display:flex;flex-direction:column}.right-head{height:42px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid var(--border)}.right-head .side-meta{font-size:.8571rem}.panel-label{font-family:var(--mono-font);font-size:.7857rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.member-group-head{padding:2px 8px 6px;font-family:var(--mono-font);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.member-row{display:flex;align-items:center;gap:9px;padding:var(--pad-sub) 8px;border-radius:7px;cursor:pointer}.member-row:hover{background:var(--hover)}.member-row .dot{width:8px;height:8px}.member-glyph{font-family:var(--mono-font);font-size:.8571rem;width:12px;flex:0 0 auto}.member-glyph.op{color:var(--accent)}.member-glyph.voice{color:var(--online)}.member-row.away .member-nick{opacity:.55}.member-nick{flex:1;font-size:.9286rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-chip{display:inline-block;margin-right:6px;padding:0 4px;border:1px solid var(--border);border-radius:4px;background:var(--elev);color:var(--text-dim);font-family:var(--mono-font);font-size:.6429rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;vertical-align:1px}.member-row .bot-chip{margin-right:0;flex:0 0 auto}.cmd-error{padding:4px 12px 8px;color:var(--away);font-size:.8929rem;font-family:var(--mono-font)}.search-scrim{position:fixed;inset:0;z-index:40;background:#0006;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh}.search-panel{width:min(680px,calc(100vw - 32px));max-height:70vh;display:flex;flex-direction:column;background:var(--elev);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0006;overflow:hidden}.search-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.search-icon{font-size:1.286rem;color:var(--text-dim)}.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-family:var(--ui-font);font-size:1.071rem}.search-close{border:none;background:transparent;color:var(--text-faint);font-size:1rem;cursor:pointer;padding:4px 6px}.search-close:hover{color:var(--text)}.search-results{flex:1;overflow-y:auto;padding:6px}.search-note{padding:20px;text-align:center;color:var(--text-faint);font-family:var(--mono-font);font-size:.8571rem}.search-result{padding:7px 10px;border-radius:7px;cursor:pointer}.search-result:hover{background:var(--hover-2)}.search-result-meta{display:flex;gap:8px;align-items:baseline;margin-bottom:1px}.search-result-buf{font-family:var(--mono-font);font-size:.7857rem;color:var(--accent)}.search-result-time{font-family:var(--mono-font);font-size:.7857rem;color:var(--text-faint)}.search-result-line{display:flex;gap:8px;min-width:0}.search-result-nick{font-family:var(--mono-font);font-size:.8929rem;font-weight:600;color:var(--text-dim);flex:0 0 auto}.search-result-text{font-size:.9286rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whois-row{padding:6px 12px 8px 4px}.whois-card{max-width:560px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--panel);padding:10px 14px 12px}.whois-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.whois-nick{font-family:var(--mono-font);font-weight:700;font-size:1.071rem;color:var(--text)}.whois-badge{font-family:var(--mono-font);font-size:.6429rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:var(--elev);border:1px solid var(--border);color:var(--text-dim)}.whois-badge.secure{color:var(--online);border-color:var(--online)}.whois-badge.op{color:var(--accent);border-color:var(--accent-line)}.whois-badge.away{color:var(--away);border-color:var(--away)}.whois-away{font-style:italic;color:var(--text-dim);margin-bottom:8px;font-size:.9286rem}.whois-fields{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:0}.whois-field{display:contents}.whois-field dt{font-family:var(--mono-font);font-size:.7857rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding-top:1px}.whois-field dd{margin:0;font-size:.9286rem;color:var(--text);word-break:break-word}.ctx-scrim{position:fixed;inset:0;z-index:50}.ctx-menu{position:fixed;min-width:168px;padding:4px;background:var(--elev);border:1px solid var(--border);border-radius:9px;box-shadow:0 12px 40px #00000059;display:flex;flex-direction:column}.ctx-title{padding:5px 10px 6px;font-family:var(--mono-font);font-size:.7857rem;font-weight:600;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--border-soft);margin-bottom:3px}.ctx-div{height:1px;margin:4px 6px;background:var(--border)}.ctx-item{display:block;width:100%;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:.9286rem;text-align:left;cursor:pointer}.ctx-item:hover,.ctx-item:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none}.ctx-item.danger:hover,.ctx-item.danger:focus-visible{background:rgb(var(--accent-rgb) / 0);background-color:#e0464624;color:var(--danger)}.chan-row.muted .chan-name{color:var(--text-faint)}.chan-mute{font-size:.7857rem;flex:0 0 auto;opacity:.7}.member-row.ignored{opacity:.4}.member-row.ignored .member-nick{text-decoration:line-through}.msg-nick.has-menu,.msg-body .has-menu{cursor:pointer}.msg-nick.has-menu:hover,.msg-body .has-menu:hover{text-decoration:underline}.switch-panel{max-height:50vh}.switch-row{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:.9643rem;text-align:left;cursor:pointer}.switch-row.sel{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.switch-row.sel .chan-hash{color:var(--accent)}.switch-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch-net{flex:1;text-align:right;font-family:var(--mono-font);font-size:.7857rem;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.net-form{width:460px}.chan-prompt{width:380px}.nf-field{display:flex;align-items:center;gap:10px;margin-bottom:8px}.nf-label{width:9.5rem;flex:0 0 auto;font-size:.8571rem;color:var(--text-dim);text-align:right}.nf-check-row{display:flex;gap:18px;margin:2px 0 10px calc(9.5rem + 10px)}.nf-check{display:flex;align-items:center;gap:6px;font-size:.8571rem;color:var(--text-dim);cursor:pointer}.nf-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.nf-spacer{flex:1}.nf-danger{border:1px solid var(--border);background:none;border-radius:7px;height:30px;padding:0 12px;color:var(--danger);cursor:pointer;font:inherit;font-size:.8571rem}.nf-danger.confirm{background:var(--danger);color:#fff;border-color:transparent}.net-head.has-menu{cursor:pointer}.net-head.has-menu:hover{color:var(--text)}.settings-panel{width:min(520px,calc(100vw - 32px));max-height:80vh;display:flex;flex-direction:column;background:var(--elev);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0006;overflow:hidden}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.settings-title{font-weight:600;font-size:1.071rem}.settings-body{padding:6px 16px 16px;overflow-y:auto}.settings-section{padding:14px 0;border-bottom:1px solid var(--border-soft)}.settings-section:last-child{border-bottom:none}.settings-label{font-family:var(--mono-font);font-size:.7857rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.settings-note{font-size:.8929rem;color:var(--text-faint);margin-bottom:10px}.settings-toggle{display:flex;align-items:center;gap:8px;font-size:.9643rem;cursor:pointer}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.pref-name{font-size:.9643rem;color:var(--text)}.pref-hint{color:var(--text-faint);font-size:.8571rem}.pref-input{width:5rem;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text);font-family:var(--mono-font);font-size:.9643rem;text-align:center;outline:none}.pref-input:focus{border-color:var(--accent-line)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);overflow:hidden}.seg button{border:none;background:transparent;color:var(--text-dim);font-family:var(--ui-font);font-size:.8929rem;padding:5px 11px;cursor:pointer}.seg button+button{border-left:1px solid var(--border)}.seg button:hover{color:var(--text);background:var(--hover)}.seg button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.swatches{display:inline-flex;gap:8px;align-items:center}.swatch{width:20px;height:20px;border-radius:50%;border:none;cursor:pointer;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--elev),0 0 0 4px var(--accent)}.css-input{width:100%;min-height:84px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text);font-family:var(--mono-font);font-size:.8571rem;line-height:1.5;outline:none;resize:vertical}.css-input:focus{border-color:var(--accent-line)}.rule-row{display:flex;gap:8px;margin-bottom:8px}.rule-input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text);font-size:.9643rem;outline:none}.rule-input:focus{border-color:var(--accent-line)}.rule-net{height:32px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text);font-size:.9286rem;padding:0 6px}.rule-remove{width:32px;height:32px;flex:0 0 auto;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text-faint);cursor:pointer;font-size:.8571rem}.rule-remove:hover{color:var(--away)}.settings-add{margin-top:4px;border:1px dashed var(--border);background:transparent;color:var(--text-dim);border-radius:7px;padding:7px 12px;font-size:.9286rem;cursor:pointer}.settings-add:hover{color:var(--text);border-color:var(--text-faint)}.foot-gear{margin-left:auto;border:none;background:transparent;color:var(--text-faint);font-size:1.143rem;cursor:pointer;padding:4px;line-height:1}.foot-gear:hover{color:var(--text)}.msg-row.flash,.sys-row.flash{animation:flashRow 2s ease-out}@keyframes flashRow{0%,30%{background:var(--accent-soft)}to{background:transparent}}.login-wrap{height:100vh;height:100dvh;display:grid;place-items:center;background:var(--bg)}.login-card{width:min(320px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:8px}.login-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.login-title{font-weight:600;font-size:1.071rem}.login-label{font-family:var(--mono-font);font-size:.7857rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}.login-input{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text);font-family:var(--ui-font);font-size:1rem;outline:none}.login-input:focus{border-color:var(--accent-line)}.login-error{color:var(--away);font-size:.8929rem}.login-btn{margin-top:10px;align-self:stretch;height:36px}.side-scrim,.right-scrim{display:none}@media(max-width:999px){.rightbar{position:fixed;inset:0 0 0 auto;z-index:20;box-shadow:0 0 40px #0006}.right-scrim{display:block;position:fixed;inset:0;z-index:15;background:#00000059}}@media(max-width:759px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:0;box-shadow:0 0 40px #0006}.sidebar.open{width:min(256px,85vw)}.side-scrim{display:block;position:fixed;inset:0;z-index:15;background:#00000059}.msg-nick{max-width:8rem}.msg-time{width:2.5rem}}@media(max-width:559px){.topbar{gap:8px;padding:0 10px}.topic-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.topic-sep,.topic-text,.prompt{display:none}.search-scrim{padding-top:4vh}.search-panel,.settings-panel{width:calc(100vw - 16px);max-height:86vh;max-height:86dvh}}@media(hover:none){.msg-redact,.monitor-remove{opacity:.55}}@media(pointer:coarse){.chan-row,.monitor-row,.member-row,.search-result{padding-top:max(var(--pad-row),9px);padding-bottom:max(var(--pad-row),9px)}.icon-btn{width:38px;height:38px}.monitor-addbtn,.foot-gear,.msg-redact,.monitor-remove,.rule-remove{min-width:30px;min-height:30px}.compose-input,.search-input,.login-input,.monitor-input,.rule-input,.css-input{font-size:16px!important}}