:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--blue:#1668f0;--teal:#16b898;--bg:#0b0d12;--panel:#141821;--panel-2:#1b2029;--line:#252b36;--fg:#eceef3;--dim:#98a1b2;--faint:#6b7486;--ok:#16b898;--bad:#ff5f5f;--warn:#f5a524;--r:12px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--teal)}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.brand .us{color:var(--teal)}.shell{place-items:center;min-height:100%;padding:32px 20px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);width:100%;max-width:420px;padding:26px}.card h1{letter-spacing:-.01em;margin:18px 0 6px;font-size:20px}.card .sub{color:var(--dim);margin:0 0 20px;font-size:14px}label{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin:0 0 5px;font-size:12px;font-weight:600;display:block}input{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:9px;outline:none;padding:10px 12px}input:focus{border-color:var(--blue)}.field+.field{margin-top:14px}.hint{color:var(--faint);margin-top:6px;font-size:12.5px}button{cursor:pointer;border:0;border-radius:9px;padding:11px 20px;font:600 14.5px ui-sans-serif,system-ui;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}.primary{background:var(--blue);color:#fff;width:100%;margin-top:20px}.linkrow{color:var(--dim);text-align:center;margin-top:18px;font-size:13.5px}.msg{color:#ffb4b4;background:#1a0e0e;border:1px solid #5a2020;border-radius:9px;margin-top:16px;padding:11px 14px;font-size:13.5px}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:14px;padding:12px 20px;display:flex}.spacer{flex:1}.ghost{background:var(--panel-2);color:var(--fg);border:1px solid var(--line)}main.page{max-width:900px;margin:0 auto;padding:28px 20px}.section{margin-top:26px}.section h2{letter-spacing:-.01em;margin:0 0 10px;font-size:15px}.rows{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}.row{align-items:center;gap:14px;padding:13px 16px;display:flex}.row+.row{border-top:1px solid var(--line)}.row .grow{flex:1;min-width:0}.row .name{font-weight:600}.row .meta{color:var(--faint);margin-top:2px;font-size:12.5px}.empty{color:var(--dim);text-align:center;padding:22px 16px;font-size:14px}.inline{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.inline input{flex:1;min-width:200px}.inline button{width:auto;margin-top:0}.code{background:var(--bg);border:1px solid var(--line);word-break:break-all;border-radius:8px;margin-top:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.good{color:var(--teal);background:#0c1a17;border:1px solid #12594c;border-radius:9px;margin-top:14px;padding:11px 14px;font-size:13.5px}.tagpill{border:1px solid var(--line);color:var(--dim);background:var(--panel-2);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.row>form,.row>*>form{margin:0}.row{flex-wrap:wrap}select{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:9px;outline:none;padding:10px 12px}select:focus{border-color:var(--blue)}.who{color:var(--dim);font-size:13.5px}.plain{color:inherit;text-decoration:none}.page-title{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}.page-sub{color:var(--faint);margin:0;font-size:13.5px}.lead{color:var(--dim);margin:0 0 12px;font-size:13.5px}.lead-tight{color:var(--dim);margin:0 0 8px;font-size:13.5px}.note{color:var(--faint);margin-top:12px;font-size:13px}.mt14{margin-top:14px}.ml8{margin-left:8px}.warn-pill{color:var(--warn)}.bad-pill{color:var(--bad)}.btn-auto{width:auto;margin-top:0}.msg-full{width:100%}.msg.warn{color:#f7cf8a;background:#1a150c;border-color:#5a4620;margin-top:16px}.role-form{align-items:center;gap:6px;display:flex}.role-form select{width:auto;padding:8px 10px}.nav{gap:4px;margin-left:6px;display:flex}.navlink{color:var(--dim);border-radius:8px;padding:6px 11px;font-size:13.5px;font-weight:600;text-decoration:none}.navlink:hover,.navlink.on{background:var(--panel-2);color:var(--fg)}@media (max-width:560px){.topbar{flex-wrap:wrap;gap:8px}.who{display:none}}.stage{border:1px solid var(--line);border-radius:var(--r);background:#000;flex-direction:column;margin-top:14px;display:flex;overflow:hidden}.frame{aspect-ratio:16/9;background:#000;min-height:220px;max-height:74vh;position:relative}.frame video{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{background:#0b0d12b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.overlay .actions{margin-top:0}.overlay .qsel{width:auto;max-width:100%}.bar{background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 12px;display:flex}.tag{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12.5px}.danger{color:#ff9c9c;background:#3a1616;border:1px solid #5a2020}.danger-zone{border-radius:var(--r);background:#150c0c;border:1px solid #5a2020;padding:16px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.go{background:var(--teal);color:#04211c}.go:hover:not(:disabled){filter:brightness(1.08)}.menu{display:inline-flex;position:relative}.menu-trigger{color:var(--dim);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:4px;display:inline-flex}.menu-trigger:hover{background:var(--panel-2);color:var(--fg)}.menu-panel{z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:190px;padding:6px;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 30px #00000080}.menu-panel.right{right:0}.menu-panel.left{left:0}.menu-panel button,.menu-panel a{text-align:left;width:100%;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 11px;font-size:14px;text-decoration:none;display:block}.menu-panel button:hover,.menu-panel a:hover{background:var(--panel-2)}.menu-panel .destructive{color:#ff9c9c}.menu-panel .destructive:hover{background:#2a1414}.menu-sep{background:var(--line);height:1px;margin:6px 4px}.menu-head{color:var(--faint);padding:8px 11px 6px;font-size:12px;line-height:1.35}.menu-head b{color:var(--fg);font-size:13.5px;display:block}.avatar{background:var(--panel-2);object-fit:cover;border-radius:50%;display:block}.room-head{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.room-head .grow{flex:1;min-width:0}.panel-inline{flex-basis:100%;width:100%;max-width:none;margin-top:14px}.ml0{margin-top:6px;margin-left:0;display:inline-block}.sel{width:100%;display:block;position:relative}.sel-trigger{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--line);font:inherit;cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;transition:border-color .12s;display:flex}.sel-trigger:hover{border-color:#333b49}.sel-trigger.open,.sel-trigger:focus-visible{border-color:var(--blue);outline:none}.sel-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sel-chevron{color:var(--faint);flex:none;margin-right:2px;transition:transform .15s,color .12s}.sel-trigger:hover .sel-chevron{color:var(--dim)}.sel-trigger.open .sel-chevron{color:var(--fg);transform:rotate(180deg)}.sel-panel{z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:10px;max-height:min(320px,50vh);padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 34px #0000008c}.sel-option{cursor:pointer;border-radius:7px;align-items:flex-start;gap:9px;padding:9px 10px;font-size:14px;line-height:1.4;display:flex}.sel-option.active{background:var(--panel-2)}.sel-option.chosen{color:var(--fg)}.sel-check{width:14px;color:var(--teal);flex:none;font-size:12px;line-height:1.5}.sel-hint{color:var(--faint);margin-top:2px;font-size:12.5px;display:block}select{background-image:none;padding-right:34px}.overlay .qsel{width:min(360px,100%)}.role-form .sel{width:190px}@media (max-width:640px){.row{flex-direction:column;align-items:stretch;gap:10px}.row .grow{width:100%}.row form{gap:8px;width:100%;display:flex}.row form button{flex:1}.row .role-form{flex-direction:row}.role-form .sel{flex:1;width:auto}.row .meta{margin-bottom:2px}}.used-pill{color:var(--teal);background:#0c1a17;border-color:#12594c}
