:root{color-scheme:dark;--rail:#0c0e12;--side:#12151a;--main:#171a20;--raise:#1f232b;--hover:#262b34;--line:#2a303a;--fg:#e6e9ee;--muted:#8a93a3;--faint:#5a6372;--accent:#f2a33a;--accent-soft:rgba(242,163,58,.14);--accent-ink:#1b1204;--live:#3fd18f;--idle:#e3b52f;--dnd:#ef5a5a;--danger:#ef5a5a;--font-display:"Chakra Petch","Segoe UI",system-ui,sans-serif;--font-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--fs:14px}html,body{height:100%}body{margin:0}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}body{background:var(--rail);color:var(--fg);font-family:var(--font-body);font-size:var(--fs);overflow:hidden;line-height:1.45}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:72px 248px minmax(0,1fr) 240px;height:100%}.app.hide-members{grid-template-columns:72px 248px minmax(0,1fr) 0}.app.hide-members .members{display:none}.nav{display:contents}.rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:12px;overflow-y:auto}.srv{position:relative;width:48px;height:48px;border-radius:24px;background:var(--raise);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em;transition:border-radius .15s,background .15s}.srv:hover{border-radius:14px;background:var(--hover)}.srv.on{border-radius:14px;background:var(--accent);color:var(--accent-ink)}.srv:before{content:"";position:absolute;left:-12px;width:4px;border-radius:0 4px 4px 0;background:var(--fg);height:0;transition:height .15s}.srv.unread:before{height:8px}.srv:hover:before{height:20px}.srv.on:before{height:36px}.srv .badge{position:absolute;right:-4px;bottom:-4px}.srv.add{color:var(--live);font-size:22px}.srv.add:hover{background:var(--live);color:#06170f}.rail hr{width:32px;border:0;border-top:2px solid var(--line);margin:2px 0}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;display:inline-grid;place-items:center;font-family:var(--font-mono);border:3px solid var(--rail);box-sizing:content-box}.side{background:var(--side);display:flex;flex-direction:column;min-height:0;min-width:0}.side-head{height:52px;display:flex;align-items:center;gap:8px;padding:0 12px 0 16px;border-bottom:1px solid var(--line);flex:none}.side-head h2{margin:0;font-family:var(--font-display);font-size:16px;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iconbtn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.iconbtn:hover{background:var(--hover);color:var(--fg)}.iconbtn.on{color:var(--accent)}.iconbtn.bad{color:var(--danger)}.chans{flex:1;overflow-y:auto;padding:8px 8px 16px}.cat{display:flex;align-items:center;margin:16px 4px 4px 8px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cat span{flex:1}.cat .iconbtn{width:22px;height:22px}.cat .iconbtn svg{width:15px;height:15px}.ch{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--muted);text-align:left}.ch:hover{background:var(--hover);color:var(--fg)}.ch.on{background:var(--raise);color:var(--fg)}.ch.unread{color:var(--fg);font-weight:600}.ch .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch .lim{font-size:11px;color:var(--faint)}.ch.full .lim{color:var(--danger)}.vus{display:flex;flex-direction:column;gap:2px;padding:2px 0 6px 30px}.vu{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:6px;color:var(--muted);font-size:13px;cursor:pointer}.vu:hover{background:var(--hover);color:var(--fg)}.vu .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vu svg.i{width:14px;height:14px;color:var(--faint)}.vu svg.i.red{color:var(--danger)}.av{--c:#666;position:relative;width:40px;height:40px;border-radius:50%;background:var(--c);color:#0d0f12;display:inline-grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:16px;flex:none;box-shadow:0 0 0 0 transparent;transition:box-shadow .12s}.av.sm{width:22px;height:22px;font-size:11px}.av.md{width:32px;height:32px;font-size:13px}.av.lg{width:76px;height:76px;font-size:28px}.av .dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--side)}.av.md .dot{width:10px;height:10px;border-width:2.5px}.st-online{background:var(--live)}.st-idle{background:var(--idle)}.st-dnd{background:var(--dnd)}.st-offline{background:var(--faint)}.speaking .av,.av.speaking{box-shadow:0 0 0 2px var(--side),0 0 0 4px var(--live)}.vconn{border-top:1px solid var(--line);padding:10px 8px 10px 12px;display:flex;align-items:center;gap:6px;background:var(--side)}.vconn .t{flex:1;min-width:0}.vconn .t b{display:flex;align-items:center;gap:6px;color:var(--live);font-size:13px}.vconn .t small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me{background:var(--rail);padding:8px;display:flex;align-items:center;gap:8px;flex:none}.me .av .dot{border-color:var(--rail)}.me .t{flex:1;min-width:0;cursor:pointer;border-radius:6px;padding:2px 4px}.me .t:hover{background:var(--hover)}.me .t b{display:block;font-size:13px}.me .t small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{background:var(--main);display:flex;flex-direction:column;min-width:0;min-height:0}.mhead{height:52px;flex:none;display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;border-bottom:1px solid var(--line)}.mhead h1{margin:0;font-family:var(--font-display);font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}.mhead h1 svg{color:var(--muted)}.mhead .topic{flex:1;min-width:0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid var(--line);padding-left:10px}.menu-btn{display:none}.msgs{flex:1;overflow-y:auto;padding:16px 0 8px}.welcome{padding:24px 16px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}.welcome .big{width:56px;height:56px;border-radius:50%;background:var(--raise);display:grid;place-items:center;margin-bottom:10px}.welcome .big svg{width:28px;height:28px}.welcome h3{margin:0 0 4px;font-family:var(--font-display);font-size:24px;text-wrap:balance}.welcome p{margin:0;color:var(--muted)}.msg{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 14px;padding:2px 16px;position:relative}.msg.head{margin-top:14px}.msg:hover{background:#ffffff06}.msg.mention{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.msg .ts-side{font-size:10px;color:var(--faint);text-align:right;padding-top:4px;opacity:0}.msg:hover .ts-side{opacity:1}.msg .who{display:flex;align-items:baseline;gap:8px}.msg .who b{font-weight:600}.msg .who time{font-size:11px;color:var(--faint)}.msg .body{white-space:pre-wrap;overflow-wrap:anywhere;color:#d9dde4}.msg .body code{font-family:var(--font-mono);font-size:.88em;background:var(--rail);padding:1px 5px;border-radius:4px}.ment{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 3px;font-weight:500}.reacts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.react{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:8px;background:var(--raise);border:1px solid var(--line);font-size:12px}.react.mine{border-color:var(--accent);background:var(--accent-soft)}.react span{font-family:var(--font-mono);font-size:11px}.mtools{position:absolute;right:16px;top:-14px;display:none;background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px}.msg:hover .mtools{display:flex}.mtools button{width:30px;height:28px;border-radius:6px;display:grid;place-items:center;font-size:14px}.mtools button:hover{background:var(--hover)}.typing{height:22px;padding:0 16px;font-size:12px;color:var(--muted);flex:none}.typing b{color:var(--fg);font-weight:600}.composer{padding:0 16px 16px;flex:none}.cbox{display:flex;align-items:flex-end;gap:8px;background:var(--raise);border-radius:10px;padding:8px 8px 8px 14px}.cbox textarea{flex:1;background:none;border:0;resize:none;outline:none;max-height:180px;min-height:22px;line-height:1.45;padding:3px 0}.cbox textarea::placeholder{color:var(--faint)}.cbox .iconbtn{width:34px;height:34px}.ro{padding:12px 14px;background:var(--raise);border-radius:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.slow{font-size:11px;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:6px}.app.compact .msg.head{margin-top:6px}.app.compact .msg .av{width:24px;height:24px;font-size:11px}.app.compact .msg{grid-template-columns:24px minmax(0,1fr)}.stage{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.nscard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 16px;align-items:center;background:var(--raise);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.nscard .ico{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.nscard .ico.off{background:var(--hover);color:var(--muted)}.nscard h4{margin:0;font-size:13px;font-weight:600}.nscard p{margin:2px 0 0;font-size:12px;color:var(--muted)}.nscard .wide{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.lbl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tile{position:relative;aspect-ratio:16/10;max-width:100%;background:var(--raise);border-radius:12px;display:grid;place-items:center;border:2px solid transparent;transition:border-color .12s;cursor:pointer}.tile.speaking{border-color:var(--live)}.tile.speaking .av{box-shadow:0 0 0 3px var(--raise),0 0 0 6px var(--live)}.tile .tag{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;background:#00000073;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:500}.tile .tag svg{width:14px;height:14px}.tile .tag .red{color:var(--danger)}.tile .vol{position:absolute;right:10px;top:10px;font-size:11px;color:var(--muted)}.dock{flex:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--line)}.rbtn{height:46px;min-width:46px;padding:0 14px;border-radius:23px;background:var(--raise);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.rbtn:hover{background:var(--hover)}.rbtn.red{background:var(--danger);color:#fff}.rbtn.red:hover{filter:brightness(1.1)}.rbtn.off{color:var(--danger)}.rbtn.on{color:var(--accent)}.rbtn.held{background:var(--live);color:#06170f}.rbtn[disabled]{opacity:.45;cursor:not-allowed}.join{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px}.join h3{margin:0;font-family:var(--font-display);font-size:24px}.join p{margin:0;color:var(--muted)}.btn{height:38px;padding:0 16px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:600;display:inline-flex;align-items:center;gap:8px}.btn:hover{filter:brightness(1.07)}.btn.ghost{background:var(--hover);color:var(--fg)}.btn[disabled]{opacity:.5;cursor:not-allowed}.timer{font-size:12px;color:var(--muted)}.members{background:var(--side);overflow-y:auto;padding:8px 8px 16px;min-width:0}.members .cat{margin-top:16px}.mem{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px}.mem:hover{background:var(--hover)}.mem .t{min-width:0;flex:1}.mem .t b{display:flex;align-items:center;gap:5px;font-weight:500;font-size:14px}.mem .t b svg{width:14px;height:14px;color:var(--accent)}.mem .t small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mem.offline{opacity:.45}.mem .av .dot{border-color:var(--side)}.meter{position:relative;height:10px;border-radius:5px;background:var(--hover);overflow:hidden;flex:1;min-width:80px}.meter .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--faint);transition:width .05s linear}.meter.post .fill{background:var(--live)}.meter .thr{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--accent);left:50%}.mrow{display:flex;align-items:center;gap:10px;min-width:0}.mrow .lbl{width:74px;flex:none}.mrow .val{width:64px;text-align:right;font-size:12px;color:var(--muted);flex:none}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{height:28px;padding:0 10px;border-radius:14px;border:1px solid var(--line);background:var(--main);font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.chip.on{border-color:var(--accent);color:var(--fg);background:var(--accent-soft)}.chip i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.chip.on i{background:var(--accent)}.seg{display:inline-flex;background:var(--main);border:1px solid var(--line);border-radius:8px;padding:2px}.seg button{height:28px;padding:0 12px;border-radius:6px;font-size:12px;color:var(--muted)}.seg button.on{background:var(--hover);color:var(--fg)}.modal-wrap{position:fixed;inset:0;background:#050608b8;display:grid;place-items:center;z-index:50;padding:16px}.dialog{background:var(--main);border:1px solid var(--line);border-radius:14px;width:min(440px,100%);padding:20px;display:flex;flex-direction:column;gap:14px}.dialog h3{margin:0;font-family:var(--font-display);font-size:20px}.dialog p{margin:0;color:var(--muted);font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field>.lbl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.inp{height:40px;background:var(--rail);border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:none;width:100%;box-sizing:border-box}.inp:focus{border-color:var(--accent)}select.inp{appearance:auto}.row-end{display:flex;justify-content:flex-end;gap:8px}.radio-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rc{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--raise);text-align:left}.rc.on{border-color:var(--accent);background:var(--accent-soft)}.settings{position:fixed;inset:0;z-index:40;background:var(--main);display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,740px) minmax(60px,1fr)}.snav{background:var(--side);display:flex;flex-direction:column;align-items:flex-end;padding:48px 8px 24px;overflow-y:auto}.snav div{width:200px;display:flex;flex-direction:column;gap:2px}.snav .lbl{padding:0 10px 6px}.snav button{text-align:left;padding:7px 10px;border-radius:6px;color:var(--muted)}.snav button:hover{background:var(--hover);color:var(--fg)}.snav button.on{background:var(--raise);color:var(--fg)}.sbody{overflow-y:auto;padding:48px 32px 64px}.sbody h2{margin:0 0 20px;font-family:var(--font-display);font-size:22px}.sclose{padding:48px 0 0 8px}.sclose button{width:38px;height:38px;border-radius:50%;border:2px solid var(--muted);color:var(--muted);display:grid;place-items:center}.sclose button:hover{border-color:var(--fg);color:var(--fg)}.sclose small{display:block;text-align:center;width:38px;font-size:11px;color:var(--muted);margin-top:4px}.sec{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px;display:flex;flex-direction:column;gap:14px}.sec:last-child{border-bottom:0}.sec h3{margin:0;font-size:15px;font-weight:600}.sec .hint{margin:-8px 0 0;color:var(--muted);font-size:13px;max-width:62ch}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rangerow{display:flex;align-items:center;gap:12px}.rangerow input[type=range]{flex:1;accent-color:var(--accent);min-width:0}.rangerow .val{width:56px;text-align:right;font-size:12px;color:var(--muted)}.tog{display:flex;align-items:center;justify-content:space-between;gap:16px}.tog .t b{display:block;font-weight:500}.tog .t small{color:var(--muted);font-size:12px}.switch{position:relative;width:42px;height:24px;border-radius:12px;background:var(--faint);flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:var(--live)}.switch.on:after{transform:translate(18px)}.nsopts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.nsopt{text-align:left;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--raise);display:flex;flex-direction:column;gap:6px}.nsopt.on{border-color:var(--accent);background:var(--accent-soft)}.nsopt b{font-family:var(--font-display);font-size:15px}.nsopt small{color:var(--muted);font-size:12px;line-height:1.4}.nsopt .bars{display:flex;gap:3px;align-items:flex-end;height:16px}.nsopt .bars i{width:5px;border-radius:2px;background:var(--faint)}.nsopt.on .bars i.lit{background:var(--accent)}.testcard{background:var(--raise);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.hist{width:100%;height:120px;display:block;background:var(--rail);border-radius:8px}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-right:6px}.note{font-size:12px;color:var(--muted);background:var(--main);border:1px dashed var(--line);border-radius:8px;padding:8px 10px}.kbd{font-family:var(--font-mono);font-size:12px;background:var(--rail);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:4px 10px;min-width:40px;text-align:center}.kbd.wait{border-color:var(--accent);color:var(--accent)}.kbrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.kbrow:last-child{border-bottom:0}.pop{position:fixed;z-index:60;width:240px;background:var(--rail);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 32px #00000080}.pop .hd{display:flex;align-items:center;gap:10px}.pop .hd b{flex:1}.toasts{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:70;align-items:center;width:max-content;max-width:calc(100% - 32px)}.toast{background:var(--fg);color:var(--rail);padding:9px 14px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 8px 24px #0006;animation:tin .2s ease}@keyframes tin{0%{transform:translateY(8px);opacity:0}}.scrim{display:none}.muted{color:var(--muted)}.auth{position:fixed;inset:0;z-index:80;background:var(--rail);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);overflow-y:auto}.auth-brand{background:var(--side);border-right:1px solid var(--line);padding:48px max(32px,4vw);display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0}.logo{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.32em;color:var(--accent);display:flex;align-items:center;gap:10px}.logo svg{width:22px;height:22px}.freq{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.brand-mid h2{font-family:var(--font-display);font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0 0 14px;text-wrap:balance;max-width:14ch}.brand-mid p{margin:0;color:var(--muted);max-width:44ch}.wavebars{display:flex;align-items:center;gap:4px;height:64px;margin:28px 0}.wavebars i{width:5px;border-radius:3px;background:var(--faint);animation:wb 1.4s ease-in-out infinite;transform-origin:center}.wavebars i.hot{background:var(--accent)}@keyframes wb{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.brand-foot{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted)}.brand-foot span{display:flex;align-items:center;gap:6px}.brand-foot svg{width:15px;height:15px;color:var(--live)}.auth-pane{display:flex;align-items:center;justify-content:center;padding-block:40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.auth-card h1{font-family:var(--font-display);font-size:26px;margin:0}.auth-card .sub{margin:-8px 0 4px;color:var(--muted)}.formcol{display:flex;flex-direction:column;gap:14px}.btn.block{width:100%;justify-content:center;height:44px}.btn.danger,.btn.ghost.danger{background:var(--danger);color:#fff}.link{color:var(--accent);background:none;border:0;padding:0;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:3px}.lblrow{display:flex;justify-content:space-between;align-items:baseline}.lblrow label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lblrow .link{font-size:12px}.err{color:#ffb3b3;font-size:13px;background:#ef5a5a1f;border:1px solid rgba(239,90,90,.35);padding:9px 11px;border-radius:8px}.info{color:#ffd9a3;font-size:13px;background:var(--accent-soft);border:1px solid rgba(242,163,58,.35);padding:9px 11px;border-radius:8px}.okbox{color:#bff3d9;font-size:13px;background:#3fd18f1a;border:1px solid rgba(63,209,143,.35);padding:9px 11px;border-radius:8px}.pwwrap{position:relative}.pwwrap .inp{padding-right:70px}.peek{position:absolute;right:6px;top:6px;height:28px;padding:0 8px;border-radius:6px;font-size:12px;color:var(--muted)}.peek:hover{background:var(--hover);color:var(--fg)}.pwm{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pwm i{height:4px;border-radius:2px;background:var(--hover)}.pwm[data-s="1"] i:nth-child(-n+1){background:var(--danger)}.pwm[data-s="2"] i:nth-child(-n+2){background:var(--idle)}.pwm[data-s="3"] i:nth-child(-n+3){background:var(--live)}.pwm[data-s="4"] i{background:var(--live)}.pwhint{font-size:12px;color:var(--muted)}.otp{font-family:var(--font-mono);font-size:24px;letter-spacing:.35em;text-align:center;height:52px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}.check input{margin-top:3px;accent-color:var(--accent)}.alt{font-size:13px;color:var(--muted);text-align:center}.bigicon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.bigicon svg{width:28px;height:28px}.devbox{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:85}.devbox .badge{border-color:var(--hover)}.pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;font-size:11px;font-weight:600;border:1px solid var(--line);color:var(--muted);vertical-align:middle;white-space:nowrap}.p-pending{color:var(--accent);border-color:#f2a33a80;background:var(--accent-soft)}.p-active{color:var(--live);border-color:#3fd18f73;background:#3fd18f14}.p-rejected,.p-suspended,.p-locked{color:var(--danger);border-color:#ef5a5a73;background:#ef5a5a14}.p-off{color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toolbar .inp{flex:1;min-width:180px}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.tbl th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--side)}.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.ucell{display:flex;align-items:center;gap:10px;min-width:0}.ucell b{display:block;font-weight:500}.ucell small{color:var(--muted)}.pend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid rgba(242,163,58,.35);background:var(--accent-soft);border-radius:10px}.pend .t{flex:1;min-width:160px}.pend .t b{display:block}.pend .t small{color:var(--muted)}.dialog.wide{width:min(620px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.dhead{display:flex;align-items:center;gap:12px}.dhead .t{flex:1;min-width:0}.dhead .t b{display:block;font-family:var(--font-display);font-size:18px}.dhead .t small{color:var(--muted)}.usec{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px}.usec h4{margin:0;font-size:13px;font-weight:600}.btnrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn.sm{height:32px;padding:0 12px;font-size:13px}.tplgrid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.tpllist{display:flex;flex-direction:column;gap:4px}.tpllist button{text-align:left;padding:9px 10px;border-radius:8px;border:1px solid transparent}.tpllist button:hover{background:var(--hover)}.tpllist button.on{background:var(--raise);border-color:var(--line)}.tpllist b{display:block;font-weight:500;font-size:13px}.tpllist small{color:var(--muted);font-size:11px}.tpled{display:flex;flex-direction:column;gap:12px;min-width:0}textarea.code{font-family:var(--font-mono);font-size:12px;line-height:1.5;min-height:260px;width:100%;box-sizing:border-box;background:var(--rail);border:1px solid var(--line);border-radius:8px;padding:10px;resize:vertical;outline:none;color:var(--fg)}textarea.code:focus{border-color:var(--accent)}.mailprev{background:#eef0f3;border-radius:10px;overflow:auto;max-height:560px}.obx{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}.obx button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.obx button:last-child{border-bottom:0}.obx button:hover{background:var(--hover)}.obx button.on{background:var(--raise)}.obx b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obx small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}pre.snip{margin:0;background:var(--rail);border:1px solid var(--line);border-radius:8px;padding:12px;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.55;color:#cfd5de}.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-family:var(--font-mono);font-size:14px;background:var(--rail);border:1px solid var(--line);border-radius:8px;padding:12px}.tfgrid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.qr{width:180px;height:180px;background:#fff;border-radius:10px;padding:10px;box-sizing:content-box;display:grid;place-items:center;color:#333;font-size:12px;text-align:center}.qr img,.qr canvas{display:block;max-width:100%}.secret{font-family:var(--font-mono);font-size:13px;word-break:break-all;background:var(--rail);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.snav .navb{display:flex;align-items:center;justify-content:space-between;gap:8px}.snav .navb .badge{border-color:var(--side);position:static}.snav hr{border:0;border-top:1px solid var(--line);margin:8px 0;width:100%}.snav .out{color:var(--danger)}.rail .admin{color:var(--accent)}.rail .admin svg{width:22px;height:22px}.rail .admin:hover{background:var(--accent);color:var(--accent-ink)}.screen-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:10px;background:#000}.shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100%;background:var(--main)}.top{display:flex;align-items:center;gap:12px;min-height:58px;background:var(--side);border-bottom:1px solid var(--line);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.brandbtn{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;letter-spacing:.28em;font-size:13px;color:var(--accent);height:38px;padding:0 6px;border-radius:8px}.brandbtn:hover{background:var(--hover)}.srvbtn{position:relative;display:flex;align-items:center;gap:10px;height:40px;padding:0 10px 0 5px;border-radius:10px;background:var(--raise);border:1px solid var(--line);min-width:0;max-width:300px}.srvbtn:hover{border-color:var(--faint)}.sq{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:12px;flex:none}.srvbtn .nm{font-family:var(--font-display);font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srvbtn .caret{width:16px;height:16px;color:var(--muted)}.udot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.srvbtn .udot{position:absolute;left:30px;top:3px;border:2px solid var(--raise)}.tright{margin-left:auto;display:flex;align-items:center;gap:6px}.tbtn{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:9px;color:var(--muted);font-weight:500}.tbtn:hover{background:var(--hover);color:var(--fg)}.tbtn.admin{color:var(--accent);border:1px solid rgba(242,163,58,.4);background:var(--accent-soft)}.tbtn.admin:hover{background:var(--accent);color:var(--accent-ink)}.tbtn .badge{position:static;border-color:transparent;margin-left:2px}.pop.menu{width:280px;padding:10px;gap:8px}.pop.menu>.lbl{padding:4px 6px 0}.smenu{display:flex;flex-direction:column;gap:2px}.smenu button{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;text-align:left}.smenu button:hover{background:var(--hover)}.smenu button.on{background:var(--raise)}.smenu .t{flex:1;min-width:0}.smenu .t b{display:block;font-weight:500}.smenu .t small{color:var(--muted);font-size:12px}.smenu .badge{position:static;border-color:transparent}.view{overflow-y:auto;min-height:0}.view.fixed{overflow:hidden;display:flex}.home{max-width:1160px;margin:0 auto;padding-block:28px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:30px}.hello h1{margin:0;font-family:var(--font-display);font-size:clamp(24px,3vw,32px);text-wrap:balance}.hello p{margin:4px 0 0;color:var(--muted)}.hsec{display:flex;flex-direction:column;gap:12px;min-width:0}.sechead{display:flex;align-items:center;justify-content:space-between;gap:12px}.sechead h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.room{background:var(--raise);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:border-color .15s,transform .15s}.room:hover{border-color:var(--faint)}.room.live{border-color:#3fd18f4d}.room.here{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.room.afk{background:var(--side)}.room .rh{display:flex;align-items:center;gap:8px;min-width:0}.room .rh svg{color:var(--muted)}.room .rh b{font-family:var(--font-display);font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room .cap{margin-left:auto;font-size:12px;color:var(--muted)}.tag-live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--live)}.tag-live i{width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.tag-here{font-size:11px;font-weight:600;color:var(--accent)}.stack{display:flex;align-items:center;padding-left:8px;min-height:36px}.stack>span{margin-left:-8px;border-radius:50%;cursor:pointer}.stack .av{box-shadow:0 0 0 3px var(--raise)}.stack .speaking .av{box-shadow:0 0 0 2px var(--raise),0 0 0 4px var(--live)}.stack .av .dot{display:none}.stack .more{margin-left:6px;font-size:12px;color:var(--muted)}.room .names{margin:0;font-size:13px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room .names.muted{color:var(--muted)}.capbar{height:4px;border-radius:2px;background:var(--hover);overflow:hidden}.capbar i{display:block;height:100%;background:var(--accent)}.capbar.full i{background:var(--danger)}.ract{display:flex;margin-top:auto}.ract .btn{width:100%;justify-content:center}.cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}.clist{display:flex;flex-direction:column;background:var(--raise);border:1px solid var(--line);border-radius:14px;overflow:hidden}.crow{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}.crow:last-child{border-bottom:0}.crow:hover{background:var(--hover)}.crow svg{color:var(--muted)}.crow .t{flex:1;min-width:0}.crow .t b{display:block;font-weight:500}.crow.unread .t b{font-weight:700}.crow .t small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crow .cnt{font-size:11px;color:var(--accent);background:var(--accent-soft);border-radius:10px;padding:2px 8px;white-space:nowrap}.crow .badge{position:static;border-color:transparent}.plist{display:flex;flex-direction:column;gap:2px}.prow{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px}.prow[data-vu]{cursor:pointer}.prow[data-vu]:hover{background:var(--hover)}.prow .t{min-width:0;flex:1}.prow .t b{display:flex;align-items:center;gap:5px;font-weight:500}.prow .t b svg{width:14px;height:14px;color:var(--accent)}.prow .t small{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow .t small svg{width:12px;height:12px;color:var(--live)}.prow.offline{opacity:.5}.prow .av .dot{border-color:var(--main)}.offl summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 8px 6px;list-style-position:inside}.vhead{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 16px 0 10px;border-bottom:1px solid var(--line);flex:none}.vhead h1{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:17px;font-weight:600;min-width:0}.vhead h1 svg{color:var(--muted)}.vhead h1 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsub{color:var(--muted);font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roomview{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:0;min-width:0}.rmain{display:flex;flex-direction:column;min-height:0;min-width:0}.rchat{display:flex;flex-direction:column;min-height:0;background:var(--side);border-left:1px solid var(--line)}.rchat-h{padding:14px 16px 10px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;flex:none}.rchat .msg{grid-template-columns:32px minmax(0,1fr);gap:0 10px}.rchat .msg .av{width:32px;height:32px;font-size:13px}.rchat .welcome h3{font-size:18px}.textview{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;max-width:980px;margin:0 auto;width:100%}.dock2{display:flex;align-items:center;gap:14px;min-height:64px;background:var(--rail);border-top:1px solid var(--line);padding-block:8px calc(8px + env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.dme{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;border-radius:10px;text-align:left;min-width:0;max-width:220px}.dme:hover{background:var(--hover)}.dme .av .dot{border-color:var(--rail)}.dme .t{min-width:0}.dme .t b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dme .t small{display:block;font-size:12px;color:var(--muted);white-space:nowrap}.dconn{flex:1;min-width:0;display:flex;justify-content:center}.dconn .idle{font-size:13px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connbtn{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:10px;background:#3fd18f14;border:1px solid rgba(63,209,143,.3);text-align:left;min-width:0;max-width:100%}.connbtn:hover{background:#3fd18f24}.connbtn .t{min-width:0}.connbtn b{display:block;color:var(--live);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connbtn small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldot{width:9px;height:9px;border-radius:50%;background:var(--live);flex:none;animation:pulse 1.6s ease-in-out infinite}.dctl{display:flex;align-items:center;gap:8px;flex:none}.dctl .rbtn{height:42px;min-width:42px;padding:0 12px;border-radius:21px}.dctl .kbd{padding:2px 6px}.compact .msg.head{margin-top:6px}.compact .msg .av{width:24px;height:24px;font-size:11px}.compact .msg{grid-template-columns:24px minmax(0,1fr)}@media(max-width:980px){.roomview{display:flex;flex-direction:column;overflow-y:auto}.view.fixed{overflow:auto}.rmain{flex:none}.rmain .stage{overflow:visible}.rchat{border-left:0;border-top:1px solid var(--line);min-height:420px;max-height:70vh;flex:none}.cols{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.brandbtn span,.tbtn:not(.admin) span{display:none}.tbtn{padding:0 10px}.top{gap:8px}.srvbtn{flex:1;max-width:none}.dme .t,.dconn .idle,.lbl2{display:none}.dme{padding:4px}.dock2{gap:8px}.dctl{gap:6px}.dctl .rbtn{height:40px;min-width:40px;padding:0 10px}.connbtn{padding:6px 10px}.rooms{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.top #invite{display:none}.tiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.tile .av.lg{width:56px;height:56px;font-size:22px}#pttBtn .kbd{display:none}}@media(max-width:480px){#screenBtn{display:none}}@media(max-width:420px){.brandbtn,.connbtn small,.connbtn .t{display:none}.connbtn{padding:10px}}@media(max-width:1100px){.app{grid-template-columns:72px 248px minmax(0,1fr) 0}.members{display:none}.app.show-members .members{display:block;position:fixed;right:0;top:0;bottom:0;width:260px;z-index:30;box-shadow:-12px 0 32px #00000073}.app.hide-members{grid-template-columns:72px 248px minmax(0,1fr) 0}}@media(max-width:760px){.app,.app.hide-members{grid-template-columns:minmax(0,1fr)}.nav{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:30;transform:translate(-100%);transition:transform .2s ease;box-shadow:12px 0 32px #00000073}.app.drawer .nav{transform:none}.side{width:min(260px,calc(100vw - 88px))}.menu-btn{display:grid}.mhead{padding-left:8px}.mhead .topic{display:none}.scrim{position:fixed;inset:0;background:#00000080;z-index:25}.app.drawer~.scrim,.app.show-members~.scrim{display:block}.settings{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.snav{padding:12px 16px;flex-direction:row;align-items:center;overflow-x:auto}.snav div{width:auto;flex-direction:row}.snav .lbl{display:none}.snav button{white-space:nowrap}.sbody{padding:20px 16px 48px}.sclose{position:fixed;right:12px;bottom:16px;padding:0;z-index:2}.sclose small{display:none}.sclose button{background:var(--rail)}.nsopts,.grid2,.radio-cards{grid-template-columns:1fr}.nscard{grid-template-columns:auto minmax(0,1fr)}.nscard>.btn{grid-column:1/-1}.auth{grid-template-columns:minmax(0,1fr);align-content:start}.auth-brand{border-right:0;border-bottom:1px solid var(--line);padding:20px 16px;gap:12px}.brand-mid h2{font-size:24px;margin:0}.brand-mid p,.wavebars,.brand-foot{display:none}.auth-pane{align-items:flex-start;padding-block:24px 88px}.tplgrid,.tfgrid{grid-template-columns:minmax(0,1fr)}.tpllist{flex-direction:row;overflow-x:auto}.tpllist button{flex:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.crow{cursor:pointer}.crow .cedit,.room .cedit{opacity:0;width:28px;height:28px;flex:none;transition:opacity .12s}.crow:hover .cedit,.room:hover .cedit,.cedit:focus-visible{opacity:1}@media(hover:none){.crow .cedit,.room .cedit{opacity:1}}.room .rh .cedit{margin-left:4px}.offline-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--idle);background:#e3b52f1a;border:1px solid rgba(227,181,47,.35);padding:4px 10px;border-radius:12px}.offline-pill svg{width:14px;height:14px}.connbtn.warn{background:#e3b52f1a;border-color:#e3b52f66}.connbtn.warn b{color:var(--idle)}.dconn{gap:8px;align-items:center}.fsbtn{position:absolute;right:10px;top:10px;background:#00000073;color:#fff}.msg .body a{color:var(--accent);word-break:break-all}#audioSink{display:none}.auth-card pre.snip{white-space:pre-wrap}.ann{--t:var(--accent);--ts:rgba(242,163,58,.12);--tb:rgba(242,163,58,.38);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 14px 14px 16px;border-radius:14px;border:1px solid var(--tb);background:linear-gradient(100deg,var(--ts) 0%,rgba(0,0,0,0) 75%),var(--raise);animation:annIn .35s ease-out both}.ann-warn{--t:var(--danger);--ts:rgba(239,90,90,.13);--tb:rgba(239,90,90,.42)}.ann-success{--t:var(--live);--ts:rgba(63,209,143,.12);--tb:rgba(63,209,143,.38)}.ann-ic{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--t);background:var(--ts);flex:none}.ann-ic svg{width:20px;height:20px}.ann-ic:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--t);opacity:0;animation:annPing 1.8s ease-out .4s 3}.ann-t{min-width:0}.ann-t b{display:block;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--fg)}.ann-t p{margin:2px 0 0;color:#c9ced6;font-size:14px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-line}.ann-link{background:var(--t);color:#14110b;text-decoration:none;white-space:nowrap}.ann-link svg{width:15px;height:15px}.ann-x{color:var(--muted)}.ann-out{animation:annOut .18s ease-in forwards}@keyframes annIn{0%{opacity:0;transform:translateY(-6px)}}@keyframes annOut{to{opacity:0;transform:translateY(-6px)}}@keyframes annPing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.h2row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.h2row h2{margin:0!important}@media(max-width:760px){.ann{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.ann-link{grid-column:2/4;justify-self:start}.ann-x{grid-row:1;grid-column:3}}