:root{--bg:#0b1120;--panel:#111a2e;--panel-raised:#1a2540;--border:#243150;--text:#e8edf7;--muted:#94a3b8;--accent:#34d399;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}.app{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;min-height:100vh;padding:20px;display:grid}.stage-frame{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:14px;position:relative;overflow:hidden}#video,#overlay{width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#video{object-fit:cover}.status{color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 2px 0;font-size:13px}.stage-message{text-align:center;background:#0b1120eb;place-content:center;justify-items:center;gap:14px;padding:32px;display:grid;position:absolute;inset:0}.stage-message[hidden]{display:none}.stage-message-text{max-width:44ch;color:var(--text);margin:0}.enroll-layer{background:#0b1120d1;place-content:center;display:grid;position:absolute;inset:0}.enroll-layer[hidden]{display:none}.enroll-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;gap:12px;width:min(360px,80vw);padding:22px;display:grid}.enroll-card h2{margin:0;font-size:17px}.enroll-input{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);font:inherit;border-radius:8px;padding:10px 12px}.enroll-actions{gap:8px;margin-top:12px;display:flex}.enroll-progress{color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.enroll-bar{background:var(--bg);border-radius:99px;height:6px;overflow:hidden}.enroll-bar-fill{background:var(--accent);height:100%;transition:width .12s ease-out}.enroll-hint{color:var(--muted);margin:0;font-size:13px}.enroll-error{color:#fbbf24;margin:0;font-size:13px}.sidebar{align-content:start;gap:14px;display:grid}.sidebar-header h1{margin:0 0 4px;font-size:20px}.sidebar-sub{color:var(--muted);margin:0;font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.count{background:var(--panel-raised);color:var(--text);border-radius:99px;padding:1px 8px;font-size:12px}.panel-hint{color:var(--muted);margin:10px 0 0;font-size:12px}.roster{gap:8px;margin:0;padding:0;list-style:none;display:grid}.roster-empty{color:var(--muted);margin:0;font-size:13px}.roster-row{background:var(--panel-raised);border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.roster-thumb{object-fit:cover;background:var(--bg);border-radius:8px;width:44px;height:44px}.roster-meta{min-width:0;display:grid}.roster-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.roster-detail{color:var(--muted);font-size:12px}.roster-delete{color:var(--muted);border:1px solid var(--border);cursor:pointer;font:inherit;background:0 0;border-radius:7px;padding:4px 8px}.roster-delete:hover{color:var(--danger);border-color:var(--danger)}.slider{width:100%;accent-color:var(--accent)}.checkbox{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.btn{color:var(--text);background:var(--panel-raised);border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:8px;padding:9px 14px;font-weight:500}.btn:hover{border-color:var(--muted)}.btn-primary{color:#06251a;background:var(--accent);border-color:var(--accent)}.btn-danger{width:100%;color:var(--danger);margin-top:12px}.btn-danger:hover{border-color:var(--danger)}@media (width<=900px){.app{grid-template-columns:minmax(0,1fr)}}