:root{color:#f7f7f2;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0e0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 5%,#bdff7029,#0000 27rem),radial-gradient(circle at 5% 95%,#6a5bff1f,#0000 30rem),#0d0e0c;min-width:320px;min-height:100vh;margin:0}button,input,summary{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #bdff70}.shell{width:min(100%,72rem);min-height:100vh;margin:0 auto;padding:2rem 1.1rem 3rem}.home-intro{max-width:49rem}.eyebrow,.card-kicker{color:#bdff70;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .9rem;font-size:.72rem;font-weight:850}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-.07em;margin:0;font-size:clamp(3.25rem,16vw,7rem);font-weight:900;line-height:.9}.lede{color:#c0c2b9;max-width:39rem;margin:1.5rem 0;font-size:clamp(1rem,4vw,1.28rem);line-height:1.55}.status,.loader,.live-pill{color:#dcddd7;background:#ffffff0a;border:1px solid #34372f;border-radius:999px;align-items:center;gap:.6rem;min-height:2.5rem;padding:.62rem .9rem;font-size:.83rem;font-weight:750;display:inline-flex}.status__dot{background:#d6a13b;border-radius:50%;flex:none;width:.6rem;height:.6rem}.status--ready .status__dot,.live-pill:before{background:#9ce64e;box-shadow:0 0 0 .22rem #9ce64e24}.status--unavailable .status__dot{background:#ff786d}.entry-grid{gap:.85rem;margin-top:2.5rem;display:grid}.entry-card{background:#ffffff09;border:1px solid #2c2f28;border-radius:1.35rem;gap:1rem;padding:1.25rem;display:grid;box-shadow:0 1.2rem 4rem #0000001f}.entry-card--primary{background:linear-gradient(145deg,#bdff7017,#ffffff08);border-color:#536536}.entry-card h2{letter-spacing:-.035em;margin:-.3rem 0 .35rem;font-size:1.55rem}.entry-card label{color:#d4d6cf;gap:.45rem;font-size:.85rem;font-weight:700;display:grid}input{color:#fff;background:#151713;border:1px solid #40443a;border-radius:.8rem;width:100%;min-height:3.2rem;padding:.8rem .9rem}input::placeholder{color:#767a70}.code-input{letter-spacing:.16em;text-transform:uppercase;font-weight:850}button{color:#10120d;cursor:pointer;background:#bdff70;border:0;border-radius:.85rem;min-height:3.2rem;padding:.8rem 1rem;font-weight:850}button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{background:#f6f7f1}.danger-button{color:#ffc5c0;background:#ff786d1f;border:1px solid #8c3d37}.button-link{color:#10120d;background:#bdff70;border-radius:.85rem;justify-content:center;align-items:center;min-height:3.2rem;padding:.8rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.error-banner{color:#ffc5c0;background:#ff786d1a;border:1px solid #8c3d37;border-radius:.85rem;margin:1rem 0 0;padding:.9rem 1rem;line-height:1.45}.shell--centered{place-items:center;display:grid}.closed-lobby-card{background:#ffffff0a;border:1px solid #536536;border-radius:1.5rem;width:min(100%,40rem);padding:clamp(1.4rem,5vw,3rem)}.closed-lobby-card h1{font-size:clamp(2.7rem,12vw,5.4rem)}.closed-lobby-card p:not(.eyebrow){color:#c0c2b9;margin:1.4rem 0;line-height:1.6}.loader .status__dot{animation:1.2s ease-in-out infinite pulse}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.lobby-actions{background:#ff786d0f;border:1px solid #633834;border-radius:1rem;gap:1rem;margin-top:.8rem;padding:1rem;display:grid}.lobby-actions>div{gap:.35rem;display:grid}.lobby-actions span{color:#b9bbb4;font-size:.86rem;line-height:1.45}@media (width>=42rem){.lobby-actions{grid-template-columns:1fr auto;align-items:center}}.brand{color:#fff;letter-spacing:-.04em;font-size:1.05rem;font-weight:900;text-decoration:none}.live-pill{min-height:auto;padding:.45rem .75rem}.live-pill:before{content:"";border-radius:50%;width:.48rem;height:.48rem}.lobby-card{max-width:64rem}.lobby-card h1{font-size:clamp(2.35rem,10vw,4.7rem)}.member-line{color:#b9bcb2;margin:.75rem 0 0}.lobby-overview{gap:1rem;margin-bottom:1.2rem;display:grid;position:relative}.lobby-settings summary{color:#d8dbd2;cursor:pointer;background:#ffffff0a;border:1px solid #454a40;border-radius:.8rem;align-items:center;gap:.5rem;min-height:2.65rem;padding:.65rem .85rem;font-size:.82rem;font-weight:800;list-style:none;display:inline-flex}.lobby-settings summary::-webkit-details-marker{display:none}.lobby-settings[open] summary{color:#d9ffad;background:#bdff7017;border-color:#718b4d}.settings-content{background:#171914;border:1px solid #454a40;border-radius:1.25rem;gap:.75rem;margin-top:.65rem;padding:.85rem;display:grid;box-shadow:0 1.2rem 3rem #00000052}.invite-settings{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.field-label{color:#b6b9af;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:block}.lobby-code{color:#bdff70;letter-spacing:.12em;font-size:1.35rem;line-height:1;display:block}.invite-url{color:#8f9387;grid-column:1/-1;margin:0;font-size:.7rem;line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-panel{background:#ffffff06;border:1px solid #3b3f35;border-radius:1.25rem;margin-top:1rem;padding:1.15rem}.search-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.search-heading h2{margin:0;font-size:1.35rem}.search-limit{color:#8f9387;font-size:.72rem;font-weight:700}.search-form{gap:.65rem;margin-top:1rem;display:grid}.search-error,.search-empty,.search-issues{border-radius:.8rem;margin:.85rem 0 0;padding:.85rem;line-height:1.45}.search-error{color:#ffc5c0;background:#ff786d1a;border:1px solid #8c3d37}.search-empty{color:#aeb1a8;border:1px dashed #4b5045}.search-issues{color:#f2d99f;background:#d6a13b17;border:1px solid #77652f;font-size:.82rem}.search-issues ul{margin:.45rem 0 0;padding-left:1.15rem}.search-results{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.search-results>li{background:#151713;border:1px solid #363a31;border-radius:.9rem;gap:.75rem;padding:.9rem;display:grid}.track-copy{gap:.22rem;min-width:0;display:grid}.track-copy strong{color:#fff}.track-copy span{color:#c4c7bd;font-size:.86rem}.track-copy small{color:#858a7d;font-size:.74rem}.track-sources{flex-wrap:wrap;gap:.35rem;display:flex}.track-add-button{min-height:2.65rem;padding:.6rem .8rem}.track-add-button--added{background:#d8ffab;box-shadow:0 0 0 3px #bdff701f}.queue-add-feedback{color:#dcffb5;background:#bdff701a;border:1px solid #678849;border-radius:.75rem;align-items:center;gap:.5rem;margin:.75rem 0 0;padding:.7rem .8rem;font-size:.82rem;display:flex}.queue-add-feedback span{color:#151713;background:#bdff70;border-radius:50%;flex:none;place-items:center;width:1.4rem;height:1.4rem;font-weight:900;display:grid}.availability{color:#c9cbc4;background:#ffffff12;border-radius:999px;padding:.34rem .5rem;font-size:.68rem;font-weight:750}.availability--playable{color:#cfff9a;background:#9ce64e1f}.availability--unavailable{color:#ffc5c0;background:#ff786d1a}.empty-queue{color:#858a7d;border:1px dashed #3b3f35;border-radius:1.25rem;gap:1rem;margin-top:1rem;padding:1.15rem;display:flex}.empty-queue>span{font-size:1.5rem}.empty-queue h2,.empty-queue h3{color:#dadcd4;margin:0 0 .35rem;font-size:1rem}.empty-queue p{margin:0;line-height:1.5}.queue-panel{background:#ffffff09;border:1px solid #3b3f35;border-radius:1.25rem;margin-top:1rem;padding:1.15rem}.player-panel{background:radial-gradient(circle at 90% 0,#bdff701a,#0000 38%),#151713;border:1px solid #52673a;border-radius:1.25rem;margin-top:0;padding:1.3rem}.player-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.player-heading h2{margin:0;font-size:1.35rem}.lease-pill{color:#c4c7bd;border:1px solid #4b5045;border-radius:999px;padding:.4rem .65rem;font-size:.7rem;font-weight:800}.lease-pill--held{color:#d4ff9f;background:#bdff7014;border-color:#678849}.now-playing{background:#ffffff0a;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:1rem;padding:.9rem;display:grid}.now-playing__icon{color:#151713;background:#bdff70;border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;display:grid}.now-playing strong,.now-playing small{display:block}.now-playing small{color:#aeb1a8;margin-top:.2rem}.playback-state{color:#bdff70;font-size:.72rem;font-weight:800}.player-empty,.player-transition,.player-error{border-radius:.75rem;margin:.9rem 0 0;padding:.75rem}.player-empty{color:#aeb1a8;border:1px dashed #4b5045}.player-transition{color:#d4ff9f;background:#bdff7012;font-size:.8rem}.player-error{color:#ffc5c0;border:1px solid #8c3d37}.player-actions,.simulation-actions{flex-wrap:wrap;gap:.55rem;margin-top:.85rem;display:flex}.player-actions button{flex:8rem}.simulation-actions{color:#858a7d;border-top:1px solid #34382f;align-items:center;padding-top:.75rem;font-size:.75rem}.simulation-actions button{color:#d7dbd1;background:#2e302b;min-height:2.35rem;padding:.45rem .65rem}.youtube-player{border-top:1px solid #34382f;margin-top:1rem;padding-top:1rem}.youtube-player__frame{aspect-ratio:16/9;background:#000;border:1px solid #4b5045;border-radius:.85rem;width:100%;min-height:200px;overflow:hidden}.youtube-player__frame>div,.youtube-player__frame iframe{border:0;width:100%;height:100%;min-height:200px;display:block}.youtube-player__status,.youtube-player__error,.youtube-player__policy{margin:.65rem 0 0;font-size:.78rem}.youtube-player__status,.youtube-player__policy{color:#aeb1a8}.youtube-player__error{color:#ffc5c0}.youtube-player__notice{color:#ffe2a8;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.65rem;font-size:.78rem;display:flex}.youtube-player__notice button{min-height:2.35rem;padding:.45rem .7rem}.queue-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.queue-heading h2{margin:0;font-size:1.35rem}.realtime-state{color:#cfff9a;border:1px solid #4c5f34;border-radius:999px;flex:none;padding:.4rem .6rem;font-size:.68rem;font-weight:800}.realtime-state--connecting{color:#f2d99f;border-color:#77652f}.realtime-state--degraded{color:#ffc5c0;border-color:#8c3d37}.queue-error,.queue-loading{border-radius:.8rem;margin:.9rem 0 0;padding:.8rem}.queue-error{color:#ffc5c0;background:#ff786d1a;border:1px solid #8c3d37}.queue-loading{color:#aeb1a8;border:1px dashed #4b5045}.queue-list{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.queue-list>li{background:#151713;border:1px solid #363a31;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.9rem;display:grid}.queue-position{color:#bdff70;background:#bdff701f;border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.queue-actions{grid-column:1/-1;grid-template-columns:3rem 3rem minmax(0,1fr);gap:.45rem;display:grid}.queue-actions button{min-height:2.6rem;padding:.5rem}.queue-actions .queue-remove{color:#f2b2ac;background:#2e302b}.queue-version{color:#74796e;text-align:right;margin:.75rem 0 0;font-size:.68rem}@media (width>=48rem){.shell{padding:4rem 2.5rem}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4rem}.entry-card{padding:1.6rem}.lobby-overview{grid-template-columns:minmax(0,1fr) auto;align-items:start}.lobby-settings{grid-area:1/2}.settings-content{z-index:5;width:min(28rem,100vw - 5rem);position:absolute;top:3rem;right:0}.search-form{grid-template-columns:minmax(0,1fr) auto}.search-form button{min-width:9rem}.search-results>li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.track-sources{justify-content:flex-end}.queue-list>li{grid-template-columns:auto minmax(0,1fr) auto}.queue-actions{grid-column:auto;grid-template-columns:2.7rem 2.7rem auto}}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.loader .status__dot{animation:none}}