:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f5f8;background:#141a24;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{isolation:isolate;margin:0}main{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(17rem,.85fr) minmax(0,1.6fr);gap:1rem 1.5rem;width:min(100% - 3rem,80rem);height:100dvh;margin:0 auto;padding-block:1.25rem;display:grid}.site-header{z-index:1;grid-area:1/1;min-width:0;position:relative}.eyebrow{color:#ffdc4b;letter-spacing:.06em;margin:0 0 .5rem;font-size:.75rem;font-weight:700}h1{margin:0;font-size:clamp(2rem,5vw,2.75rem);line-height:1}.intro{color:#d1dbe5;margin:.75rem 0 0;font-size:.95rem;line-height:1.5}footer{z-index:1;color:#c4cdd9;grid-area:3/1;font-size:.7rem;line-height:1.45;position:relative}footer p{margin:0 0 .5rem}a{color:#ffdc4b;text-underline-offset:.25em}a:focus-visible{outline-offset:5px;outline:3px solid #ffdc4b}.picker{grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:inherit;min-width:0;min-height:0;display:grid}.suggestions{flex-direction:column;grid-area:1/2/-1;min-width:0;min-height:0;display:flex;position:relative}.picker-hint{color:#c4cdd9;margin:.5rem 0 0;font-size:.75rem;line-height:1.5}.song-list{overscroll-behavior:contain;scrollbar-color:#708197 #141a24;flex:1;grid-auto-rows:max-content;align-content:start;gap:.35rem;min-height:0;margin:0;padding:.35rem;list-style:none;display:grid;overflow-y:auto}.song-row{text-align:left;color:#f3f5f8;width:100%;min-height:4rem;font:inherit;cursor:pointer;background:linear-gradient(110deg,#303d50,#1b2738);border:2px solid #65748a;border-radius:.15rem;align-items:center;gap:.75rem;padding:.45rem .75rem;scroll-margin-block:.5rem;display:flex}.song-row:hover{border-color:#e4ebf1}.song-row[aria-pressed=true]{color:#141a24;background:linear-gradient(110deg,#ffe685,#ffca33);border-color:#fff2b0;box-shadow:3px 3px #090f18}.song-row:focus-visible{outline-offset:2px;outline:3px solid #a7deff}.song-copy{overflow-wrap:anywhere;flex:1;gap:.2rem;min-width:0;display:grid}.song-copy strong{font-size:1.05rem;line-height:1.25}.song-copy>span{color:#d1dbe5;font-size:.8rem;line-height:1.3}.song-row[aria-pressed=true] .song-copy>span{color:#29313d}.dlc-badge{color:#fff1dc;background:#4b2025;border:1px solid #efb77c;flex:none;padding:.2rem .35rem;font-size:.7rem;font-weight:700}.countdown{color:#d6f2e6;text-align:center;font-variant-numeric:tabular-nums;background:#101c27;border:1px solid #667b89;flex:none;min-width:3.1rem;padding:.35rem;font-size:.85rem;font-weight:700;position:relative}.song-info{background:#182230;border:3px solid #dce5e9;flex-direction:column;grid-area:2/1;min-width:0;min-height:0;display:flex;box-shadow:6px 6px #090f18}.info-cover{flex:1;align-items:end;min-height:0;display:flex;position:relative}.song-artwork{background:#253241;overflow:hidden}.song-artwork img{object-fit:cover;width:100%;height:100%;display:block}.page-artwork{z-index:-1;pointer-events:none;position:fixed;inset:0}.page-artwork img{opacity:.3;filter:saturate(.8)}.page-artwork:after{content:"";background-image:linear-gradient(110deg,#0a111bbb,#10182766 55%,#0a111bbb),radial-gradient(circle,#050a12c9 1px,#0000 1.4px);background-size:auto,5px 5px;position:absolute;inset:0}.panel-artwork{position:absolute;inset:0}.info-copy{background:linear-gradient(#0000,#0d1522ee 42%);width:100%;padding:3rem 1rem 1rem;position:relative}.selected-title{overflow-wrap:anywhere;margin:.5rem 0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}.selected-artist{color:#e1e8ef;overflow-wrap:anywhere;margin:0;line-height:1.4}.bpm{color:#f99;flex-wrap:wrap;gap:.5rem;margin:0;font-weight:700;display:flex}.bpm dd{margin:0}.channel{flex-wrap:wrap;gap:.5rem;margin:.35rem 0 0;font-size:.75rem;line-height:1.4;display:flex}.channel dt{color:#c4cdd9}.channel dd{color:#ffdc4b;margin:0;font-weight:700}.play-types{flex:none;padding:1rem}.play-type+.play-type{margin-top:1.25rem}.play-type h3{color:#ffb46a;letter-spacing:.04em;margin:0 0 .6rem;font-size:.85rem}.play-type ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.play-type li{text-align:center;background:#111820;border:1px solid #69788d;min-width:2.5rem;padding:.5rem;font-weight:700}.song-avatar{border:1px solid #d2dce4;flex:none;width:3rem;height:3rem}.artwork-placeholder{width:100%;height:100%;min-height:inherit;color:#c4cdd9;background-image:radial-gradient(#8396ac44 1px,#0000 1.4px);background-size:6px 6px;place-items:center;font-size:2rem;display:grid}.picker-status{background:#182230;border:2px solid #65748a;grid-area:1/2/-1;padding:2rem}.picker-status button{font:inherit;color:#141a24;cursor:pointer;background:#ffdc4b;border:2px solid #fff2b0;padding:.6rem 1rem;font-weight:700}.picker-status button:focus-visible{outline-offset:3px;outline:3px solid #a7deff}.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}.pause-overlay{z-index:100;background:#727980b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.pause-message{color:#fff;text-align:center;background:#19232f;border:2px solid #c9d3dc;max-width:28rem;padding:1.5rem 2rem}.pause-message h2{margin-top:0}.pause-message p{margin-bottom:0;line-height:1.5}@media (max-width:760px){main{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:.75rem;width:calc(100% - 1.5rem);padding-block:.75rem}h1{font-size:2rem}.intro{display:none}.song-info{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.suggestions,.picker-status{grid-area:3/1}footer{grid-row:4;font-size:.65rem}.info-cover{min-height:10rem}.info-copy{background:linear-gradient(#0d152255,#0d1522f5 30%);padding:1.5rem .65rem .65rem}.selected-title{font-size:1.15rem}.selected-artist{font-size:.8rem}.bpm{font-size:.85rem}.channel{gap:.3rem;font-size:.7rem}.play-types{padding:.65rem}.play-type+.play-type{margin-top:.75rem}.play-type h3{margin-bottom:.4rem;font-size:.7rem}.play-type ul{gap:.25rem}.play-type li{min-width:1.65rem;padding:.3rem .2rem;font-size:.75rem}.song-row{gap:.5rem;padding:.5rem}.song-copy strong{font-size:.95rem}}@media (max-height:700px){main{row-gap:.5rem;padding-block:.5rem}.intro{display:none}}@media (min-width:600px) and (max-height:600px){main{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}h1{font-size:1.5rem}.eyebrow,.picker-hint{font-size:.6rem}.song-info{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.suggestions,.picker-status{grid-area:1/2/-1}footer{grid-row:3;font-size:.6rem}.info-cover{min-height:0}.info-copy,.play-types{padding:.5rem}.selected-title{font-size:1rem}.selected-artist,.bpm,.channel{font-size:.7rem}.play-type h3{margin:0 0 .3rem;font-size:.65rem}.play-type+.play-type{margin-top:.6rem}.play-type ul{gap:.2rem}.play-type li{min-width:1.4rem;padding:.25rem .1rem;font-size:.7rem}}@media (max-width:360px){.song-avatar{width:2.5rem;height:2.5rem}.song-row{gap:.35rem}.countdown{min-width:2.75rem;padding:.25rem}}