:root{--bg:#121212;--surface:#181818;--elevated:#242424;--hover:#2e2e2e;--text:#fff;--muted:#a7a7a7;--accent:#1ed760;--danger:#f15e6c;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}h1,h2{margin:0}h2{align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:1.1rem;display:flex}.btn{font:inherit;background:var(--elevated);color:var(--text);cursor:pointer;border:0;border-radius:999px;padding:.55rem 1.1rem;font-weight:600;transition:transform .1s,background .15s}.btn:hover:not(:disabled){background:var(--hover);transform:scale(1.03)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:#000}.btn.primary:hover:not(:disabled){background:#3be477}.btn.ghost{background:0 0;border:1px solid #555}.btn.big{padding:.9rem 2rem;font-size:1.05rem}.btn.small{padding:.35rem .8rem;font-size:.85rem}.btn.icon{place-items:center;width:2.2rem;height:2.2rem;padding:0;display:grid}.btn.danger:hover:not(:disabled){color:var(--danger)}.input{background:var(--elevated);width:100%;color:var(--text);font:inherit;border:1px solid #0000;border-radius:8px;padding:.7rem .9rem}.input:focus{border-color:var(--accent);outline:none}.muted{color:var(--muted);font-size:.9rem}.muted.error{color:var(--danger)}.home{background:radial-gradient(circle at 50% 0%, #1f3a2a 0%, var(--bg) 60%);place-items:center;min-height:100%;padding:1rem;display:grid}.home-card{text-align:center;flex-direction:column;align-items:center;gap:.9rem;max-width:360px;display:flex}.home-card h1{font-size:2.6rem}.home-card p{color:var(--muted);margin:0 0 .6rem}.logo{font-size:3rem}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid #000;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.brand{white-space:nowrap;flex:1 0 auto;font-size:1.1rem;font-weight:800}.room{background:var(--elevated);border-radius:999px;align-items:center;gap:.9rem;padding:.15rem .3rem .15rem .8rem;display:flex}.room-main{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.15rem 0;display:flex}.room-main:hover strong{color:#3be477}.room-exit{color:var(--muted);cursor:pointer;width:1.8rem;height:1.8rem;font:inherit;background:0 0;border:0;border-radius:50%}.room-exit:hover{background:var(--hover);color:var(--danger)}.room .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.room strong{letter-spacing:.15em;color:var(--accent)}@media (width<=420px){.topbar{gap:.5rem;padding:.7rem .75rem}.room .label{display:none}.room{padding-left:.6rem}}.banner{color:#f3d37a;text-align:center;background:#3a2f12;padding:.5rem 1rem;font-size:.9rem}.banner.warn{justify-content:center;align-items:center;gap:.75rem;display:flex}.banner-close{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0 .25rem}.or{color:var(--muted);margin-top:.4rem;font-size:.85rem}.join{gap:.5rem;display:flex}.input.code{text-align:center;letter-spacing:.2em;text-transform:uppercase;width:12rem}.np-thumb{object-fit:cover;opacity:.6;width:100%;height:100%}.modal-backdrop{z-index:10;background:#000000b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);text-align:center;justify-items:center;gap:.8rem;width:100%;max-width:340px;padding:1.5rem;display:grid}.qr{background:#fff;border-radius:8px;width:200px;height:200px}.qr.small{flex:none;width:96px;height:96px}.joincard{background:var(--elevated);border-radius:8px;align-items:center;gap:1rem;margin-top:1rem;padding:.8rem;display:flex}.joincard-text{flex:1;min-width:0}.joincard-title{font-weight:700}.joincard-url{color:var(--muted);word-break:break-all;margin:.2rem 0;font-size:.9rem}.joincard-code{color:var(--muted);font-size:.85rem}.joincard-code strong{color:var(--accent);letter-spacing:.15em}.code-big{letter-spacing:.3em;color:var(--accent);font-size:2rem;font-weight:800}.url{word-break:break-all;margin:0}.modal-actions{gap:.5rem;display:flex}.panels{flex:1;min-height:0;padding:1rem}.panel{background:var(--surface);border-radius:var(--radius);padding:1rem;overflow-y:auto}.screen{aspect-ratio:16/9;background:#000;border-radius:8px;place-items:center;display:grid;overflow:hidden}.player{width:100%;height:100%}.stage.host{place-items:center;display:grid;overflow:hidden;container-type:size}.stage.host .screen{width:min(100cqw,177.778cqh)}.empty{text-align:center;color:var(--muted);justify-items:center;gap:.5rem;display:grid}.np{align-items:center;gap:1rem;margin-top:1rem;display:flex}.np-text{flex:1;min-width:0}.np-title{font-size:1.25rem;font-weight:700}.np-sub{color:var(--accent);margin-top:.2rem}.upnext{background:var(--elevated);color:var(--muted);border-radius:8px;margin-top:1rem;padding:.7rem .9rem;font-size:.9rem}.upnext strong{color:var(--text)}.statusbar{background:var(--surface);border-top:1px solid #000;flex:none;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);align-items:stretch;gap:1rem;padding:.75rem 1rem;display:grid}.statusbar>*{min-width:0}.statusbar .np,.statusbar .upnext,.statusbar .joincard{height:100%;margin-top:0}.statusbar .np{padding:.5rem .2rem}.statusbar .np-title{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.statusbar .upnext{align-items:center;display:flex}.statusbar .joincard{box-sizing:border-box;padding:.5rem}.statusbar .qr.small{width:80px;height:80px}@media (width<=899px){.statusbar{grid-template-columns:1fr;gap:.5rem}.app:not([data-tab=stage]) .statusbar,.statusbar .joincard,.statusbar .upnext{display:none}}.count{background:var(--elevated);color:var(--muted);border-radius:999px;padding:.1rem .6rem;font-size:.75rem}.fields{gap:.5rem;margin-bottom:.8rem;display:grid}.list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.row{border-radius:8px;align-items:center;gap:.8rem;padding:.5rem;display:flex}.row:hover{background:var(--elevated)}.row img{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:6px;flex:none;width:80px}.row-text{flex:1;min-width:0}.row-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.row-sub{color:var(--muted);font-size:.85rem}.row-actions{gap:.1rem;display:flex}.row.blocked img,.row.blocked .row-title{opacity:.4}.row.blocked .row-sub{color:var(--danger)}.spinner{border:2px solid #00000040;border-top-color:#000;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tabbar{background:var(--surface);border-top:1px solid #000;display:flex}.tabbar button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;justify-items:center;gap:.1rem;padding:.6rem 0;font-size:.75rem;display:grid;position:relative}.tabbar button.active{color:var(--accent)}.tabbar .ti{font-size:1.3rem;line-height:1}.badge{background:var(--accent);color:#000;border-radius:999px;padding:0 .4rem;font-size:.65rem;font-weight:700;position:absolute;top:.3rem;left:56%}@media (width<=899px){.sidebar{display:contents}.app[data-tab=stage] .panel:not(.stage),.app[data-tab=search] .panel:not(.search),.app[data-tab=queue] .panel:not(.queue){display:none}.panel{height:100%}.row img{width:64px}.btn.side-toggle,.sidebar-head{display:none}.app[data-tab=search] .sidebar-head{padding:.2rem .2rem 0;display:block}}@media (width>=900px){.tabbar{display:none}.panels{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:1rem;display:grid}.sidebar{flex-direction:column;gap:1rem;min-height:0;display:flex}.sidebar .panel{flex:1;min-height:0}.side-toggle{flex:none;align-self:flex-start}.sidebar-head{flex:none;align-items:center;gap:.6rem;display:flex}.sidebar-head h2{margin:0}.panels.side-collapsed .sidebar-head h2{display:none}.panels.side-collapsed{grid-template-columns:minmax(0,1fr) auto}.panels.side-collapsed .sidebar .panel{display:none}}