:root{--ground:#121729;--vellum:#1a2138;--raise:#222b45;--rule:#303a5b;--ink:#edf0f9;--ink-2:#98a3c2;--ink-3:#6c7796;--lamp:#ffc46b;--lamp-soft:rgba(255,196,107,.14);--lamp-ink:#2a1b05;--held:#8fa0c8;--alarm:#f0846c;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--slab:"Zilla Slab", Georgia, serif}*,:before,:after{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important}}:root{--ground:#0c1020;--surface:rgba(255,255,255,.04);--rule:rgba(255,255,255,.08);--ink-2:#9aa6ca;--ink-3:#6e7a9c;--tile:21vw;--tile-gap:2vw}#root{min-height:100vh}.screen{background:radial-gradient(120% 100% at 50% -10%,#1e2745 0%,#141a2e 55%,#0c1020 100%);flex-direction:column;min-height:100vh;padding:5vw;display:flex}.kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:1.45vw}.headline{font-family:var(--slab);margin:.5vw 0 0;font-size:4vw;font-weight:600;line-height:1.15}.body-text{color:var(--ink-2);max-width:40vw;margin:0;font-size:1.65vw;line-height:1.5}.footer-note{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:auto;padding-top:2vw;font-size:1.15vw}.footer-note span+span{margin-left:2vw}.pairing{flex:1;justify-content:space-between;align-items:center;display:flex}.pairing>div{margin-right:4vw}.pairing-code{font-family:var(--mono);letter-spacing:.1em;color:var(--lamp);text-shadow:0 0 5vw rgba(255,196,107,.4);margin:1.4vw 0 1vw;font-size:7.4vw;font-weight:600}.pairing-qr{background:#fff;border-radius:2px;flex:none;padding:1vw;display:block;box-shadow:0 0 6vw rgba(255,196,107,.2)}.screen-home{padding:3.4vw 0 3.4vw 5vw}.home-head{align-items:baseline;margin-right:5vw;display:flex}.who{font-family:var(--slab);margin:0;font-size:2.4vw;font-weight:600}.home-hint{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 0 auto;font-size:1.15vw}.shelf{margin-top:2.6vw}.shelf-title{font-family:var(--slab);margin:0;font-size:1.9vw;font-weight:600}.shelf-row{flex-wrap:nowrap;margin:1.1vw 0 0;padding:.7vw 5vw .7vw 0;list-style:none;display:flex;overflow-x:auto;overflow-y:hidden}.shelf-row>li{margin-right:var(--tile-gap);width:var(--tile);flex:none}.tiles{margin:2.6vw 0 0 calc(-1 * var(--tile-gap));flex-wrap:wrap;padding:0;list-style:none;display:flex}.tiles>li{margin:0 0 var(--tile-gap) var(--tile-gap);width:var(--tile)}.tile{border:1px solid var(--rule);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:2px;width:100%;padding:0;display:block;overflow:hidden}.tile:focus,.tile:hover,.tile-focused{outline:.42vw solid var(--lamp);outline-offset:.55vw;box-shadow:0 0 7vw rgba(255,196,107,.32)}.tile-art{width:100%;height:calc(var(--tile) * .625);object-fit:cover;background:var(--surface);display:block}.tile-title{margin:0;padding:1vw 1.1vw 1.2vw;font-size:1.5vw;font-weight:600;line-height:1.25}.profile-tile{align-items:center;padding:1.8vw;display:flex}.profile-face{margin-right:1.4vw;font-size:3.4vw;line-height:1}.profile-name{font-family:var(--slab);font-size:2.4vw;font-weight:600}.notice{color:var(--ink-2);max-width:44vw;margin:2.6vw 0 0;font-size:2vw;line-height:1.5}.player{background:#000;position:fixed;top:0;bottom:0;left:0;right:0}.yt-host{pointer-events:none;width:100%;height:100%}.yt-host iframe{border:0;width:100%;height:100%}.player-controls{background:linear-gradient(transparent,rgba(6,8,16,.9));padding:4vh 6vw 5vh;position:absolute;bottom:0;left:0;right:0}.player-title{font-family:var(--slab);margin:0 0 1.6vh;font-size:2.6vw;font-weight:600}.player-bar{background:rgba(255,255,255,.22);border-radius:999px;height:.5vh;overflow:hidden}.player-bar-fill{background:var(--lamp);height:100%}.player-times,.player-hint{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:1.2vh 0 0;font-size:1.2vw}.player-times{justify-content:space-between;display:flex}.player-hint{color:var(--ink-3)}
/*$vite$:1*/