:root{--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html{font-size:calc(100%*env(preferred-text-scale,1))}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;background-color:var(--bg, #c1440e);color:#ffffffe6;-webkit-tap-highlight-color:transparent}.section-label{font-size:.6875rem;letter-spacing:.1em;text-transform:lowercase;opacity:.45;margin-bottom:12px}.spine{display:flex;align-items:center;gap:12px;height:52px;padding:0 20px;border:none;border-radius:3px;font-family:inherit;text-align:left;background-color:var(--spine, #444);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 8px);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000040;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s var(--ease),opacity .2s;opacity:.85}@media(hover:hover){.spine:hover{opacity:1}}.spine:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.spine.spine-active{transform:translate(8px);opacity:1}.spine.spine-pride{background-image:linear-gradient(135deg,#b33030,#c25a10 20%,#9a7a10 38%,#2a7a30 52%,#1a4a8a 68%,#5a2080 82%,#9e2a60)}.spine .eq{display:none;color:#ffffffe0;transform:translateY(-1.5px)}.spine.spine-playing .eq{display:inline-flex}.spine[data-text=dark] .eq{color:#000000b3}.spine-title{flex:1;min-width:0;font-size:.8125rem;letter-spacing:.08em;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffe0}.spine-count{font-size:.6875rem;letter-spacing:.04em;color:#ffffff73;flex-shrink:0}.spine[data-text=dark] .spine-title{color:#000000c7}.spine[data-text=dark] .spine-count{color:#00000073}.eq{display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:12px;flex-shrink:0}.eq i{flex:1;height:100%;background:currentColor;border-radius:1px;transform:scaleY(.4);transform-origin:bottom;animation:eq-bar .9s var(--ease, ease) infinite}.eq i:nth-child(1){animation-delay:-.15s;animation-duration:1.1s}.eq i:nth-child(2){animation-delay:-.45s}.eq i:nth-child(3){animation-delay:-.3s;animation-duration:.8s}@keyframes eq-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}:root:not(.audio-playing) .eq i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.spine{transition:none}.eq i{animation:none;transform:scaleY(.55)}}#ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;mix-blend-mode:overlay;background-image:radial-gradient(ellipse 80% 65% at var(--orb1x, 50%) var(--orb1y, 50%),rgba(255,255,255,var(--orb-bright, 0)) 0%,transparent 100%),radial-gradient(ellipse 65% 80% at var(--orb2x, 50%) var(--orb2y, 50%),rgba(0,0,0,var(--orb-dark, 0)) 0%,transparent 100%)}#file-warning{display:none;position:fixed;top:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.8125rem;text-align:center;padding:10px 16px;z-index:100;line-height:1.5}#offline-indicator{position:fixed;top:0;left:0;right:0;background:#0e0e0eed;color:#ffffff8c;font-size:.75rem;letter-spacing:.07em;text-transform:lowercase;text-align:center;padding:10px 16px;z-index:200;transform:translateY(-100%);transition:transform .38s var(--ease);pointer-events:none}#offline-indicator.banner-visible{transform:translateY(0);pointer-events:auto}.banner-action{background:none;border:none;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;opacity:.75;padding:0 0 0 .75em}.banner-action:hover{opacity:1}@keyframes buf-spin{to{transform:rotate(360deg)}}#btn-play.buffering{animation:buf-spin 1.2s linear infinite;display:inline-block}body.is-offline .track{pointer-events:none;cursor:default;opacity:.45;transition:opacity .4s ease}body.is-offline .track:hover{background:transparent}#tape{position:relative;z-index:1;padding:56px 0 0}#tape-title{font-size:1rem;font-weight:400;letter-spacing:.08em;text-transform:lowercase;opacity:.65;margin-bottom:24px;padding:0 28px}#tape-head{display:flex;align-items:center;margin-bottom:24px;padding:0 14px 0 28px;gap:16px}#tape-head #tape-title{margin-bottom:0;flex:1;min-width:0;padding-left:0}#library-btn{background:none;border:none;color:#ffffff4d;font-size:1.125rem;font-family:inherit;line-height:1;cursor:pointer;width:48px;padding:14px;margin:-14px;text-align:right;-webkit-tap-highlight-color:transparent;transition:color .15s;user-select:none;-webkit-user-select:none;flex-shrink:0;visibility:hidden}@media(hover:hover){#library-btn:hover{color:#ffffff8c}}#track-list{list-style:none}.track{display:flex;align-items:center;padding:14px 28px;min-height:60px;cursor:pointer;gap:16px;transition:background .1s;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}@media(hover:hover){.track:hover{background:#0000001a}}.track.active{background:#00000026}.track.active.playing{box-shadow:inset 3px 0 #ffffff8c}.track-progress{position:absolute;left:0;top:0;bottom:0;width:0%;background:#00000038;pointer-events:none;transition:width .5s linear}.track-resume{font-size:.75rem;opacity:0;font-variant-numeric:tabular-nums;flex-shrink:0;transition:opacity .15s}.track.resumable .track-resume{opacity:.5}.track.kb-focused{box-shadow:inset 2px 0 #ffffff8c}.track:focus{outline:none}.track-num{font-size:.8125rem;opacity:.4;width:20px;text-align:right;flex-shrink:0}.track-info{flex:1;min-width:0}.track-title{font-size:1.0625rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:.875rem;opacity:.6;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title>span,.track-artist>span,#np-title>span,#np-artist>span{display:inline-block}#bar{position:fixed;bottom:0;left:0;right:0;background-color:#0000006b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:14px 28px max(16px,env(safe-area-inset-bottom));transform:translateY(calc(100% + 1px));transition:transform .4s var(--ease);will-change:transform;z-index:2}#bar.bar-visible{transform:translateY(0)}#scrubber{width:100%;height:3px;background:#ffffff2e;border-radius:2px;cursor:pointer;margin-bottom:14px;position:relative;touch-action:none}#scrubber:before{content:"";position:absolute;top:-12px;right:0;bottom:-12px;left:0}#scrubber-fill{height:100%;width:0%;background:#ffffffbf;border-radius:2px;pointer-events:none}#controls{display:flex;align-items:center;gap:16px}#btn-play{background:none;border:none;color:inherit;cursor:pointer;font-size:1.125rem;line-height:1;padding:4px;flex-shrink:0;opacity:.85;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}#now-playing{flex:1;min-width:0}#np-title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#np-artist{font-size:.75rem;opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}#np-tape{display:flex;align-items:baseline;gap:5px;background:none;border:none;padding:0;color:inherit;font:inherit;font-size:.6875rem;opacity:.45;margin-top:3px;max-width:100%;cursor:pointer;text-align:left}#np-tape .eq{width:11px;height:9px}#np-tape .np-tape-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover){#np-tape:hover{opacity:.75}}#bar.np-unlinked #now-playing{cursor:pointer}#time{font-size:.75rem;opacity:.4;font-variant-numeric:tabular-nums;flex-shrink:0}#attribution{font-size:.625rem;opacity:.3;text-align:right;margin-top:10px;color:inherit;text-decoration:none;display:none;transition:opacity .15s}#attribution:hover{opacity:.55}#yt-player{position:fixed;left:-9999px;top:0;width:1px;height:1px}@media(max-width:480px){#tape-title{font-size:.9375rem;padding:0 20px}#tape-head{padding-left:20px;gap:14px}.track{padding:13px 20px;gap:14px}.track-title{font-size:1rem}.track-artist{font-size:.8125rem}#bar{padding:12px 20px max(14px,env(safe-area-inset-bottom))}#time{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#bar:before{content:"";position:absolute;bottom:0;left:28px;right:28px;height:2px;background:linear-gradient(to bottom,#0000004d 50%,#ffffff0f 50%);opacity:0;transition:opacity .4s var(--ease)}#bar.bar-visible:before{opacity:1}@media(max-width:480px){#bar:before{left:20px;right:20px}}#playlist-footer{padding:40px 28px max(calc(var(--bar-h, 0px) + 40px),calc(env(safe-area-inset-bottom) + 28px))}#playlist-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;font-size:.75rem;letter-spacing:.04em;color:#ffffff59;opacity:0;transition:opacity .9s ease}#playlist-meta.visible{opacity:1}.meta-line{display:flex;align-items:baseline;gap:16px}.meta-icon{flex:0 0 14px;width:14px;height:14px;margin-left:6px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.5;position:relative;top:2px}.meta-line>span{white-space:nowrap}.meta-loc-cta{cursor:pointer;-webkit-tap-highlight-color:transparent}.meta-loc-cta:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:3px;border-radius:2px}.meta-loc-body{display:flex;flex-direction:column;gap:3px;min-width:0}.meta-loc-hook{align-self:flex-start;color:#ffffff9e;text-decoration:underline;text-decoration-color:#ffffff52;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.meta-loc-hook:after{content:" ›"}.meta-loc-note{font-size:.6875rem;opacity:.6;white-space:normal}.meta-loc-cta:active .meta-loc-hook{color:#fffffff2}@media(hover:hover){.meta-loc-cta:hover .meta-loc-hook{color:#ffffffe6;text-decoration-color:#fff9}}@media(max-width:480px){#playlist-footer{padding:32px 20px max(calc(var(--bar-h, 0px) + 36px),calc(env(safe-area-inset-bottom) + 24px))}.meta-line{gap:14px}}#share-btn{background:none;border:none;color:#ffffff4d;font-size:1rem;font-family:inherit;line-height:1;cursor:pointer;padding:14px;-webkit-tap-highlight-color:transparent;transition:color .15s;user-select:none;-webkit-user-select:none;flex-shrink:0;visibility:hidden}@media(hover:hover){#share-btn:hover{color:#ffffff8c}}@property --mask-l{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --mask-r{syntax: "<length>"; inherits: false; initial-value: 32px;}@keyframes marquee-scroll{0%,12%{transform:translate(0)}88%,to{transform:translate(var(--marquee-offset, 0px))}}@keyframes marquee-mask{0%,12%{--mask-l: 0px;--mask-r: 2em}88%,to{--mask-l: 2em;--mask-r: 0px}}.marquee-active{text-overflow:clip;-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--mask-l, 0px),black calc(100% - var(--mask-r, 2em)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--mask-l, 0px),black calc(100% - var(--mask-r, 2em)),transparent 100%);animation:marquee-mask var(--marquee-dur, 4s) linear(0,.005 3%,.02 6%,.05 9%,.08 12%,.92 88%,.95 91%,.98 94%,.995 97%,1) infinite alternate}.marquee-active>span{animation:marquee-scroll var(--marquee-dur, 4s) ease-in-out infinite alternate;animation-timing-function:linear(0,.005 3%,.02 6%,.05 9%,.08 12%,.92 88%,.95 91%,.98 94%,.995 97%,1);will-change:transform}@media(prefers-reduced-motion:reduce){.track-progress{transition:none}#playlist-meta{transition:none;opacity:1}}#pride-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.5s ease}#viz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:0}#viz-overlay.viz-open{pointer-events:auto}#viz-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}body.viz-active{overflow:hidden}#viz-text{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));display:flex;align-items:center;gap:10px;color:#ffffffa6;touch-action:none;padding:16px;margin:-16px}#viz-overlay.viz-open #viz-text{pointer-events:auto}#viz-progress{width:14px;height:14px;flex-shrink:0;transform:rotate(-90deg)}#viz-title{font-size:.8125rem;font-weight:400;letter-spacing:.06em}#viz-artist{font-size:.6875rem;opacity:.55;margin-top:3px}#viz-exit{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;background:none;border:none;color:#ffffff59;font-size:1.75rem;cursor:pointer;padding:12px;line-height:1;transition:color .15s}#viz-exit:hover{color:#ffffffb3}#viz-picker{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));display:flex;flex-direction:column-reverse;align-items:flex-end;gap:2px;z-index:2}#viz-picker-toggle{background:none;border:none;color:#ffffff47;font-size:1.125rem;line-height:1;padding:10px;cursor:pointer;transition:color .15s,opacity .3s}#viz-picker-toggle:hover{color:#ffffffa6}#viz-picker-menu-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}#viz-picker-menu{min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end;gap:0;opacity:0;pointer-events:none;transition:opacity .25s ease}#viz-picker.picker-open #viz-picker-menu-wrap{grid-template-rows:1fr}#viz-picker.picker-open #viz-picker-menu{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){#viz-picker-menu-wrap,#viz-picker-menu{transition:none}}#viz-picker-menu button{background:none;border:none;color:#fff6;font-family:inherit;font-size:.75rem;letter-spacing:.08em;padding:7px 10px;cursor:pointer;transition:color .15s}#viz-picker-menu button:hover{color:#ffffffbf}#viz-picker-menu button.active{color:#ffffffd9}#viz-picker-menu button.active:before{content:"● ";font-size:.5rem;vertical-align:2px}#btn-viz{background:none;border:none;color:#ffffff4d;font-size:1rem;cursor:pointer;padding:4px 8px;flex-shrink:0;transition:color .15s;line-height:1}#btn-viz:hover{color:#ffffffa6}@media(prefers-reduced-motion:reduce){body.viz-entering #tape,body.viz-exiting #tape{animation:none;opacity:0}}#library-drawer{position:fixed;top:0;bottom:0;left:0;width:min(78vw,300px);background:#0e0e0e8c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translate(-100%);visibility:hidden;transition:transform .4s var(--ease),visibility 0s linear .4s;z-index:60;padding:max(56px,env(safe-area-inset-top)) 0 env(safe-area-inset-bottom);overflow-y:auto}#library-drawer.drawer-open{transform:translate(0);visibility:visible;transition:transform .4s var(--ease)}#library-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:59}#library-drawer.drawer-open+#library-scrim{opacity:1;pointer-events:auto}#library-shelf{list-style:none}#library-shelf .spine{width:calc(100% - 20px);margin:6px 10px}#library-shelf .spine{filter:saturate(0)}#library-shelf .spine.spine-active{filter:none}@media(hover:hover){#library-shelf .spine:hover{filter:saturate(.6)}#library-shelf .spine.spine-active:hover{filter:none}}#library-shelf .spine.spine-active{background-color:var(--bg, var(--spine, #444));background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 8px)}#library-shelf .spine.spine-active .spine-title,#library-shelf .spine.spine-active .eq{color:#ffffffe0}#library-shelf .spine.spine-active .spine-count{color:#ffffff73}@media(prefers-reduced-motion:reduce){#library-drawer,#library-scrim{transition:none}}