:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f5f7;font-synthesis:none;background:#0d0e12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 15% 0,#ff505c24,#0000 38rem),#0d0e12;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:.65rem;padding:.72rem 1rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}button.primary{color:#160506;background:#ff4b5c}button.secondary{color:#f4f5f7;background:#292c35}button.danger{color:#ffdce0;background:#5b2228}button.compact{padding:.5rem .7rem;font-size:.82rem}a{color:#ff8e98}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.consent-card{background:#17191ff5;border:1px solid #30333d;border-radius:1rem;width:min(42rem,100% - 2rem);margin:clamp(2rem,8vh,6rem) auto;padding:clamp(1.3rem,4vw,2.4rem);box-shadow:0 1.5rem 5rem #00000059}.consent-card h1,.party-header h1,.now-row h2,.queue-heading h2{margin:0}.consent-card p{color:#c4c6ce;line-height:1.6}.consent-check{color:#d9dae0;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;margin:1.4rem 0;line-height:1.45;display:grid}.consent-check input{width:1.15rem;height:1.15rem;margin-top:.15rem}.party-shell{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.party-header,.now-row,.queue-heading,.connection-line,.queue-actions,.input-row{align-items:center;display:flex}.party-header,.now-row,.queue-heading{justify-content:space-between;gap:1rem}.party-header{max-width:96rem;margin:0 auto 1rem}.eyebrow{color:#ff7c88;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem;font-size:.78rem;font-weight:800}.connection-line{color:#b8bac2;gap:.45rem;font-size:.9rem}.status-dot{background:#e0a33b;border-radius:50%;width:.65rem;height:.65rem}.status-dot.online{background:#3ba55d}.status-dot.offline{background:#ed4245}.notice{color:#ffe6a8;background:#332b19;border:1px solid #665327;border-radius:.65rem;max-width:96rem;margin:0 auto 1rem;padding:.8rem 1rem}.notice.error{color:#ffc9cf;background:#351b1e;border-color:#713037}.party-grid{grid-template-columns:minmax(30rem,2fr) minmax(18rem,.8fr);gap:1rem;max-width:96rem;margin:0 auto;display:grid}.player-column,.queue-column{background:#17191f;border:1px solid #2c2f37;border-radius:.9rem;min-width:0;padding:1rem}.muted,.player-note,.player-visibility-status,.empty-state{color:#9da0aa}.player-shell{aspect-ratio:16/9;background:#050505;border-radius:.75rem;width:100%;min-width:200px;min-height:270px;margin-top:1rem;position:relative;overflow:hidden}#youtube-player,#youtube-player iframe{width:100%;min-width:200px;height:100%;min-height:200px;display:block}.player-placeholder{text-align:center;color:#a9abb3;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.player-note{margin:.8rem 0 0;font-size:.85rem;line-height:1.45}.player-visibility-status{color:#ffe6a8;background:#332b19;border:1px solid #665327;border-radius:.55rem;margin:.65rem 0 0;padding:.65rem .75rem;font-size:.85rem;line-height:1.45}.count-badge{text-align:center;background:#292c35;border-radius:999px;min-width:2rem;padding:.25rem .55rem;font-weight:700}.add-form{margin:1rem 0}.add-form label{color:#c9cbd2;margin-bottom:.45rem;font-size:.85rem;font-weight:700;display:block}.input-row{gap:.5rem}.input-row input{color:#f4f5f7;background:#0d0f13;border:1px solid #3b3e48;border-radius:.65rem;outline:none;flex:1;min-width:0;padding:.72rem .8rem}.input-row input:focus{border-color:#ff6876;box-shadow:0 0 0 3px #ff4b5c29}.queue-list{gap:.55rem;max-height:min(47vh,30rem);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.queue-item{background:#1e2027;border:1px solid #30333c;border-radius:.65rem;grid-template-columns:1fr auto;align-items:center;gap:.65rem;padding:.7rem;display:grid}.queue-item-title{color:#f4f5f7;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.queue-item-requester{color:#9da0aa;margin-top:.2rem;font-size:.8rem}.queue-actions{gap:.5rem;margin-top:1rem}.legal-footer{color:#9da0aa;flex-wrap:wrap;gap:.6rem 1rem;max-width:96rem;margin:1rem auto 0;font-size:.82rem;display:flex}@media (max-width:880px){.party-grid{grid-template-columns:1fr}.player-shell{min-height:200px}}@media (max-width:520px){.party-header,.now-row{flex-direction:column;align-items:flex-start}.input-row,.queue-actions{flex-direction:column;align-items:stretch}}