:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--line:#2b303c;--text:#e8eaf0;--muted:#8d95a8;--listen:#3b82f6;--talk:#22c55e;--live:#ef4444;--warn:#f59e0b;--radius:10px;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);margin:0}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.05rem}h3{margin-top:1.5rem;font-size:.95rem}a{color:var(--listen)}code,.mono{font-family:ui-monospace,Cascadia Code,Menlo,monospace}code{background:var(--panel-2);border-radius:4px;padding:0 .3em}:focus-visible{outline-offset:2px;outline:2px solid #fff}.muted{color:var(--muted)}.small{font-size:.85rem}.spacer{flex:1}.center{text-align:center;padding:3rem 1rem}.error{color:#ff8a8a}.notice{background:var(--panel-2);border-left:3px solid var(--listen);border-radius:6px;padding:.6rem .8rem}.card{max-width:52rem;padding:1.25rem;padding-inline:max(1rem, env(safe-area-inset-left));background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:1.5rem auto}.card.narrow{max-width:26rem}.card.wide{max-width:64rem}.bar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.bar h1,.bar h2{margin:0}.inline{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:.5rem;display:flex}.stack{gap:.9rem;display:grid}.field{gap:.3rem;margin-block:.75rem;display:grid}.field>span{color:var(--muted);font-size:.85rem}.check{align-items:center;gap:.5rem;margin-block:.5rem;display:flex}fieldset{border:1px solid var(--line);border-radius:8px;padding:.75rem}.input{background:var(--bg);color:var(--text);border:1px solid var(--line);min-height:2.5rem;font:inherit;border-radius:8px;min-width:0;padding:.55rem .7rem}.input.mono{letter-spacing:.05em;width:100%;margin-block:.5rem}input[type=range]{width:100%;accent-color:var(--listen)}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);min-height:2.5rem;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .9rem;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--listen);border-color:var(--listen);color:#fff}.btn.danger{color:#ff8a8a}.btn.wide{width:100%}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.meter{background:var(--bg);border:1px solid var(--line);border-radius:4px;height:8px;overflow:hidden}.meter i,.activity i{background:var(--talk);height:100%;transition:width 60ms linear;display:block}.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.list li{background:var(--panel-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.7rem .8rem;display:flex}.pill{background:var(--bg);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:.15rem .55rem;font-size:.75rem}.pill.live{color:var(--talk);border-color:var(--talk)}.pill.ended{color:var(--muted)}.table{border-collapse:collapse;width:100%;margin-block:.5rem;display:block;overflow-x:auto}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.4rem .6rem}.table caption{text-align:left;padding:.5rem .6rem;font-weight:600}.table .actions{gap:.4rem;display:flex}.table tr.dim{opacity:.55}.matrix{max-width:28rem}.tabs{flex-wrap:wrap;gap:.25rem;display:flex}.tabs a{color:var(--muted);border-radius:8px;padding:.4rem .8rem;text-decoration:none}.tabs a.active{background:var(--panel-2);color:var(--text)}.key-box{gap:.5rem;margin-block:.75rem;display:grid}.key-box code{word-break:break-all;padding:.5rem;font-size:1.1rem}.console{max-width:72rem;padding:.75rem;padding-inline:max(.75rem, env(safe-area-inset-left));margin:0 auto}.console .bar{border-bottom:1px solid var(--line);padding-bottom:.5rem}.status{background:var(--panel-2);text-transform:capitalize;border-radius:99px;padding:.15rem .6rem;font-size:.85rem}.status.connected{color:var(--talk)}.status.reconnecting,.status.connecting{color:var(--warn)}.status.failed{color:var(--live)}.allcall-banner{background:var(--live);color:#fff;letter-spacing:.06em;border-radius:var(--radius);text-align:center;margin:.5rem 0;padding:.7rem 1rem;font-weight:700}.layout{grid-template-columns:1fr;gap:1rem;display:grid}.layout:has(.users){grid-template-columns:1fr 17rem}.stack{min-width:0}.row h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:.9rem 0 .4rem;font-size:.8rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem;display:grid}.tile-wrap{position:relative}.tile{all:unset;box-sizing:border-box;cursor:pointer;background:var(--panel);border:2px solid var(--line);border-left:6px solid var(--c,var(--line));border-radius:var(--radius);-webkit-user-select:none;user-select:none;grid-template-rows:auto auto auto auto;gap:.15rem;width:100%;min-height:4.75rem;padding:.6rem .7rem;display:grid}.tile:focus-visible{outline-offset:2px;outline:2px solid #fff}.tile-top{align-items:baseline;gap:.4rem;display:flex}.tile-top b{color:var(--muted);font-variant-numeric:tabular-nums}.tile .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.tile .state{letter-spacing:.1em;color:var(--muted);font-size:.72rem}.tile .who{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-height:1.1em;font-size:.8rem;overflow:hidden}.activity{background:var(--bg);border-radius:3px;height:5px;overflow:hidden}.activity i{background:var(--warn)}.tile.listen.on{background:color-mix(in srgb, var(--listen) 30%, var(--panel));border-color:var(--listen);border-left-color:var(--c)}.tile.listen.on .state{color:#cfe0ff}.tile.talk.armed{background:color-mix(in srgb, var(--talk) 26%, var(--panel));border-color:var(--talk);border-left-color:var(--c)}.tile.talk.armed .state{color:#c9f5d6}.tile.talk.live{background:color-mix(in srgb, var(--live) 45%, var(--panel));border-color:var(--live);animation:1s ease-in-out infinite pulse}.tile.talk.live .state{color:#fff;font-weight:700}@keyframes pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--live) 40%, transparent)}}@media (prefers-reduced-motion:reduce){.tile.talk.live{animation:none}}.chev{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:1rem;position:absolute;top:4px;right:6px}.chev:hover{color:var(--text);background:var(--panel-2)}.popover{z-index:5;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.6rem;position:absolute;top:calc(100% - .2rem);left:0;right:0;box-shadow:0 8px 24px #0008}.popover label{color:var(--muted);gap:.3rem;font-size:.85rem;display:grid}.now{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem;min-height:2.4rem;margin-top:.75rem;padding:.4rem .6rem;font-size:.9rem;display:flex}.chip{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;padding:.1rem .7rem}.controls{grid-template-columns:1fr auto;align-items:stretch;gap:.75rem;margin-top:1rem;display:grid}.talk-btn{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:var(--panel);border:3px solid var(--talk);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:16px;place-content:center;gap:.2rem;min-height:6.5rem;padding:1rem;display:grid}.talk-btn strong{letter-spacing:.08em;font-size:1.5rem}.talk-btn small{color:var(--muted);font-size:.9rem}.talk-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.talk-btn.live{background:var(--live);border-color:#ff9d9d;animation:1s ease-in-out infinite pulse}.talk-btn.live small{color:#fff}.talk-btn:disabled{opacity:.45;cursor:not-allowed}.side-controls{gap:.6rem;min-width:9rem;display:grid}.allcall-btn,.mute-btn{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;letter-spacing:.08em;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:12px;min-height:3rem;padding:.9rem 1rem;font-weight:800}.allcall-btn{background:color-mix(in srgb, var(--live) 25%, var(--panel));border:2px solid var(--live)}.allcall-btn.live{background:var(--live);animation:1s ease-in-out infinite pulse}.mute-btn{background:var(--panel);border:2px solid var(--line);touch-action:manipulation}.mute-btn.on{background:var(--warn);border-color:var(--warn);color:#111}.allcall-btn:disabled{opacity:.45}.modes{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.modes label{border:1px solid var(--line);cursor:pointer;border-radius:99px;padding:.35rem .9rem}.modes label.on{background:var(--panel-2);border-color:var(--text)}.modes input{opacity:0;pointer-events:none;position:absolute}.modes label:has(input:focus-visible){outline:2px solid #fff}.users{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-self:start;padding:.75rem}.users ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.users li{border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.35rem .5rem;display:flex}.users li.hot{background:color-mix(in srgb, var(--live) 25%, transparent)}.badge{letter-spacing:.08em;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:.05rem .4rem;font-size:.65rem}.badge.open{background:var(--warn);color:#111;border-color:var(--warn)}.drawer-backdrop{z-index:20;background:#000a;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--panel);border-left:1px solid var(--line);width:min(26rem,100%);height:100%;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));overflow-y:auto}.stats{grid-template-columns:auto 1fr;gap:.25rem 1rem;margin-block:1rem;display:grid}.stats dt{color:var(--muted)}.stats dd{margin:0}@media (max-width:700px){.layout:has(.users){grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.console{padding-bottom:9rem}.controls{padding:.6rem;padding-inline:max(.6rem, env(safe-area-inset-left));padding-bottom:calc(.6rem + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:10;margin:0;position:fixed;bottom:0;left:0;right:0}.talk-btn{min-height:5.5rem}.modes{margin-bottom:1rem}}.helper{border-top:1px solid var(--line);margin-top:1rem;padding-top:.5rem}.key-row{margin-block:.25rem}.key-label{min-width:6.5rem}.key-row code{text-align:center;min-width:7rem;padding:.3rem .5rem}.direct-banner{background:var(--warn);color:#111;letter-spacing:.06em;border-radius:var(--radius);text-align:center;margin:.5rem 0;padding:.7rem 1rem;font-weight:700}.notice.dismissable{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.btn.small{min-height:2rem;padding:.2rem .6rem;font-size:.85rem}.btn.live{background:var(--live);border-color:var(--live);color:#fff}.users li{justify-content:space-between}.person{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.person-actions{flex-wrap:wrap;gap:.3rem;display:flex}.person-actions .btn:first-child{touch-action:none;-webkit-user-select:none;user-select:none}