:root{--fade:2s;--ui-fade:.5s;--enter-fade:.38s;--door-wait:.38s;--door-open:1.95s;--door-ease:cubic-bezier(.72, 0, .16, 1);--logo-w:clamp(200px, 40vw, 660px);--logo-y:45%;--enter-gap:clamp(24px, 3vh, 40px);--edge:clamp(20px, 2.4vmin, 32px);--capsule-w:min(560px, calc(100vw - 2rem));--capsule-pad:11px;--art:72px;--play:42px;--ink:#f4f0f8;--room:#06040a}*,:before,:after{box-sizing:border-box}html,body{background:var(--room);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Helvetica,Arial,sans-serif;overflow:hidden}#batcave{position:fixed;inset:0}#yt-stage{z-index:0;width:200px;height:200px;position:absolute;bottom:0;right:0;overflow:hidden}#yt-stage iframe{border:0;width:200px;height:200px;display:block}.bg{z-index:1;background:var(--room);position:absolute;inset:0}.bg-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 0s var(--fade);position:absolute;inset:0}#batcave[data-mood=purple] [data-mood-img=purple],#batcave[data-mood=crimson] [data-mood-img=crimson],#batcave[data-mood=amber] [data-mood-img=amber]{opacity:1;z-index:1;transition:opacity var(--fade) ease-in-out}.doors{z-index:5;pointer-events:none;position:absolute;inset:0}.door{background-color:#06040a;background-image: repeating-linear-gradient(90deg, #ffffff03 0 1px, transparent 1px 7px),  radial-gradient(115% 130% at var(--join) 50%, #22192e9e, #0000 74%);width:50.4%;transition:transform var(--door-open) var(--door-ease) var(--door-wait);will-change:transform;position:absolute;top:-1px;bottom:-1px}.door-l{--join:100%;left:0;box-shadow:inset -1px 0 #ffecd21a,8px 0 40px #000000bf}.door-r{--join:0%;right:0;box-shadow:inset 1px 0 #ffecd21a,-8px 0 40px #000000bf}#batcave[data-state=entering] .door-l,#batcave[data-state=open] .door-l{transform:translate(-100%)}#batcave[data-state=entering] .door-r,#batcave[data-state=open] .door-r{transform:translate(100%)}.seam{opacity:0;background:linear-gradient(#ffd6a800 0%,#ffe2bee6 22%,#fff4e4 50%,#ffe2bee6 78%,#ffd6a800 100%);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 26px 7px #ffc28080,0 0 100px 34px #ff94583d}#batcave[data-state=entering] .seam,#batcave[data-state=open] .seam{animation:seam-bloom calc(var(--door-wait) + var(--door-open)) ease-out forwards}@keyframes seam-bloom{0%{opacity:0}16%{opacity:1}40%{opacity:.8}to{opacity:0}}.hero{left:50%;top:var(--logo-y);z-index:10;position:absolute;transform:translate(-50%,-50%)}.hero-logo{width:var(--logo-w);filter:drop-shadow(0 2px 28px #00000080);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:auto;transition:opacity 1.9s,transform 2.4s cubic-bezier(.22,1,.36,1);display:block}#batcave:not([data-boot=in]) .hero-logo{opacity:0;transform:scale(1.06)}.hero-enter{top:calc(100% + var(--enter-gap));appearance:none;color:var(--ink);font:inherit;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;cursor:pointer;transition:opacity var(--enter-fade) ease;background:0 0;border:0;padding:.5em .75em;font-size:.68rem;position:absolute;left:50%;transform:translate(-50%)}#batcave[data-boot=in][data-state=closed] .hero-enter{opacity:.55;pointer-events:auto;transition:opacity .9s 1.15s;animation:4.5s ease-in-out 2s infinite breathe}#batcave[data-boot=in][data-state=closed] .hero-enter:hover,#batcave[data-boot=in][data-state=closed] .hero-enter:focus-visible{opacity:1;animation:none}@keyframes breathe{50%{opacity:.78}}.clock,.presence{top:var(--edge);z-index:20;letter-spacing:.26em;text-transform:uppercase;font-variant-numeric:tabular-nums;opacity:.48;text-shadow:0 1px 14px #000000b3;transition:opacity var(--ui-fade) ease;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:.62rem;position:absolute}.clock{left:var(--edge)}.presence{white-space:nowrap;align-items:center;gap:.65em;display:flex;left:50%;transform:translate(-50%)}.presence[hidden]{display:none}.presence-dot{background:currentColor;border-radius:50%;width:5px;height:5px;animation:3.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.corner{top:var(--edge);right:var(--edge);z-index:20;opacity:.48;transition:opacity var(--ui-fade) ease;align-items:center;gap:.45rem;display:flex;position:absolute}.corner-rule{opacity:.28;background:currentColor;width:1px;height:.8rem}.utility{align-items:center;gap:.1rem;display:flex}.utility button{appearance:none;color:var(--ink);opacity:.75;cursor:pointer;background:0 0;border:0;place-items:center;width:1.6rem;height:1.6rem;padding:0;transition:opacity .2s;display:grid}.utility button:hover,.utility button:focus-visible{opacity:1}.utility svg{fill:currentColor;filter:drop-shadow(0 1px 10px #000000b3);pointer-events:none;width:12px;height:12px}.mood-set{align-items:center;gap:.1rem;display:flex}.mood{appearance:none;cursor:pointer;background:0 0;border:0;place-items:center;width:1.5rem;height:1.5rem;padding:0;display:grid}.mood:before{content:"";background:var(--lamp);opacity:.45;border-radius:50%;width:7px;height:7px;transition:opacity .2s,box-shadow .2s}.mood[data-mood-set=purple]{--lamp:#9b7cc4}.mood[data-mood-set=crimson]{--lamp:#c4667c}.mood[data-mood-set=amber]{--lamp:#d39a55}.mood:hover:before,.mood:focus-visible:before{opacity:.85}.mood[aria-pressed=true]:before{opacity:1;box-shadow:0 0 0 1px #f4f0f88c}.player{left:50%;bottom:max(2.2rem, calc(env(safe-area-inset-bottom) + 1.1rem));z-index:30;width:var(--capsule-w);padding:var(--capsule-pad);-webkit-backdrop-filter:blur(13px)saturate(120%);backdrop-filter:blur(13px)saturate(120%);transition:opacity var(--ui-fade) ease;background-color:#0a0a0f61;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:clamp(.7rem,1.5vw,1rem);padding-inline-end:clamp(.85rem,1.7vw,1.15rem);display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px -14px #0000008c}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.player{background-color:#0a0a0fb8}}.art{width:var(--art);height:var(--art);background:linear-gradient(150deg,#2a2036,#140e1e 60%,#201830);border-radius:50%;flex:none;position:relative;overflow:hidden;box-shadow:0 3px 16px -2px #0000008c}.art:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.art-img{object-fit:cover;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .6s;display:block}.art-img[data-loaded=true]{opacity:1}.meta{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex;position:relative}.track{flex-direction:column;gap:.1rem;max-width:100%;margin:0;line-height:1.25;display:flex}.track-title,.track-artist{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-title{letter-spacing:-.006em;opacity:.97;font-size:.92rem;font-weight:600}.track-artist{opacity:.62;font-size:.72rem;font-weight:400}#batcave[data-muted=true] .track{opacity:.45}.rail{--p:0;cursor:pointer;background:#ffffff4d;border-radius:3px;height:2px;margin-block:.2rem;position:relative}.rail:before{content:"";position:absolute;inset:-10px 0}.rail-fill{border-radius:inherit;background:var(--ink);transform:scaleX(var(--p));transform-origin:0;position:absolute;inset:0}.rail-head{top:50%;left:calc(var(--p) * 100%);background:var(--ink);pointer-events:none;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 7px #00000080}.times,.notice{font-variant-numeric:tabular-nums;opacity:.62;white-space:nowrap;margin:0;font-size:.66rem}.time-sep{opacity:.6;margin-inline:.35em}#batcave[data-live=true] .rail,#batcave[data-live=true] .elapsed,#batcave[data-live=true] .time-sep{visibility:hidden}#batcave[data-live=true] .duration{letter-spacing:.22em;opacity:.85}.notice{text-overflow:ellipsis;letter-spacing:.22em;text-transform:uppercase;opacity:.8;max-width:100%;font-size:.56rem;position:absolute;bottom:0;left:0;overflow:hidden}#batcave[data-notice=true] .times{visibility:hidden}.transport{flex:none;align-items:center;gap:clamp(.15rem,.7vw,.35rem);margin-inline-start:auto;display:flex}.transport button{appearance:none;color:var(--ink);opacity:.82;cursor:pointer;background:0 0;border:0;place-items:center;width:1.85rem;height:1.85rem;padding:0;transition:opacity .2s;display:grid}.transport button:hover,.transport button:focus-visible{opacity:1}.transport svg{fill:currentColor;pointer-events:none;width:13px;height:13px}.transport [data-act=toggle]{width:var(--play);height:var(--play);color:#17121f;opacity:1;background:#fff;border-radius:50%;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;box-shadow:0 8px 22px -6px #0000008c}.transport [data-act=toggle]:hover,.transport [data-act=toggle]:focus-visible{transform:scale(1.06);box-shadow:0 10px 26px -6px #0009}.transport [data-act=toggle]:active{transform:scale(.97)}.transport [data-act=toggle] svg{width:38%;height:38%}.transport [data-act=shuffle]{opacity:.34;width:1.6rem;height:1.6rem}.transport [data-act=shuffle][aria-pressed=true]{opacity:.9}.transport [data-act=shuffle]:hover,.transport [data-act=shuffle]:focus-visible{opacity:1}.transport [data-act=shuffle] svg{width:12px;height:12px}.i-pause,.i-muted,#batcave[data-playing=true] .i-play{display:none}#batcave[data-playing=true] .i-pause{display:block}#batcave[data-muted=true] .i-sound{display:none}#batcave[data-muted=true] .i-muted{display:block}#batcave[data-state=closed] .player,#batcave[data-state=entering] .player,#batcave:not([data-state=open]) .clock,#batcave:not([data-state=open]) .presence,#batcave:not([data-state=open]) .corner{opacity:0;pointer-events:none}#batcave[data-idle=true] .clock,#batcave[data-idle=true] .presence,#batcave[data-idle=true] .corner{opacity:.26}:focus-visible{outline:1px solid var(--ink);outline-offset:5px;border-radius:2px}@media (prefers-reduced-motion:reduce){:root{--fade:.2s;--ui-fade:.12s;--enter-fade:.15s;--door-wait:60ms;--door-open:.26s}.hero-logo{transition-duration:.2s}.door{transition:opacity var(--door-open) ease var(--door-wait)}#batcave[data-state=entering] .door,#batcave[data-state=open] .door{opacity:0;transform:none}.seam{display:none}#batcave[data-boot=in][data-state=closed] .hero-enter{transition-delay:0s;animation:none}.presence-dot{animation:none}}@media (width<=640px){:root{--logo-w:clamp(180px, 66vw, 420px);--logo-y:44%;--capsule-w:calc(100vw - 1.5rem);--capsule-pad:9px;--art:52px;--play:38px}.player{gap:.6rem;padding-inline-end:.7rem}.track-title{font-size:.86rem}.track-artist{font-size:.7rem}.times,.notice{font-size:.64rem}.transport{gap:.1rem}.transport button{opacity:.85;width:2.4rem;height:2.4rem}.transport [data-act=shuffle]{width:2rem;height:2rem}.presence,.clock{font-size:.58rem}.mood,.utility button{width:2.2rem;height:2.2rem}.corner{top:calc(var(--edge) + 1.9rem);opacity:.7}}@media (width<=380px){.times{display:none}}@media (height<=720px){:root{--capsule-pad:9px;--art:62px;--play:38px}.track-title{font-size:.86rem}.track-artist{font-size:.68rem}.player{bottom:max(1.6rem, calc(env(safe-area-inset-bottom) + 1rem))}}@media (hover:none){#batcave[data-idle=true] .clock,#batcave[data-idle=true] .presence,#batcave[data-idle=true] .corner{opacity:.48}}