:root{--yellow:#e7e99e;--ink:#111}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--yellow);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.page{min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom));background:var(--yellow) url(/bg.png) top center / contain no-repeat;justify-content:center;align-items:flex-end;display:flex}.player{--fg:#f5f5f2;--dim:#f5f5f28c;--line:#ffffff17;--accent:#71e5f8;width:100%;max-width:520px;color:var(--fg);-webkit-backdrop-filter:blur(18px);background:radial-gradient(120% 90% at 0 0,#71e5f859,#0000 60%),radial-gradient(90% 70% at 100% 100%,#2878a059,#0000 70%),linear-gradient(160deg,#0f4a5a 0%,#0a2f3c 55%,#071f29 100%);border:1px solid #ffffff14;border-radius:20px;padding:20px;box-shadow:0 20px 50px #00000059}.ep{border-bottom:1px solid var(--line);align-items:flex-end;gap:18px;padding-bottom:18px;display:flex}.ep-cover{object-fit:cover;border-radius:10px;flex:none;width:124px;height:124px;box-shadow:0 8px 24px #00000073}.ep-info{flex-direction:column;min-width:0;display:flex}.ep-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:.68rem}.ep-title{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 2px;font-size:1.7rem;font-weight:800;line-height:1.05;overflow:hidden}.ep-artist{color:var(--dim);font-size:.9rem}.play-pill{color:#111;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:14px;padding:9px 20px 9px 16px;font-size:.92rem;font-weight:700;transition:transform .12s;display:inline-flex}.play-pill:active{transform:scale(.96)}.play-pill svg{fill:currentColor;width:16px;height:16px}.tracks{margin:10px 0 6px;padding:0;list-style:none}.track{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:13px 12px;font-size:.95rem;display:grid}.track:hover{background:#ffffff0d}.track.active{background:#ffffff14}.track.active .track-title{color:var(--accent)}.track-num{font-variant-numeric:tabular-nums;color:var(--dim);place-items:center;font-size:.85rem;display:grid}.track-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.track-len{font-variant-numeric:tabular-nums;color:var(--dim);font-size:.82rem}.eq{align-items:flex-end;gap:2px;height:12px;display:flex}.eq i{background:var(--accent);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.8s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.55s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.eq i{animation:none;transform:scaleY(.7)}}.progress{padding:0 12px}.times{font-variant-numeric:tabular-nums;color:var(--dim);justify-content:space-between;margin-top:2px;font-size:.72rem;display:flex}.seek{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:18px;margin:0}.seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fg) var(--pct), #ffffff26 var(--pct));border-radius:2px;height:4px}.seek::-moz-range-track{background:#ffffff26;border-radius:2px;height:4px}.seek::-moz-range-progress{background:var(--fg);border-radius:2px;height:4px}.seek::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px}.seek::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}@media (width<=400px){.player{padding:16px}.ep{gap:14px}.ep-cover{width:96px;height:96px}.ep-title{font-size:1.35rem}}.stack{flex-direction:column;align-items:center;width:100%;max-width:520px;display:flex}.cat{margin-bottom:8px}.cat img{height:auto;display:block}.intro{z-index:10;cursor:pointer;background:#141414;place-items:center;animation:.6s ease-in 2.4s forwards intro-out;display:grid;position:fixed;inset:0}.intro-cover{width:min(86vw,86vh);height:auto;animation:.8s cubic-bezier(.2,1.4,.4,1) both intro-in,1.6s ease-in-out .8s both intro-float}@keyframes intro-in{0%{opacity:0;transform:scale(.6)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes intro-float{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes intro-out{to{opacity:0;visibility:hidden;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.intro-cover{animation:none}.intro{animation:.4s linear 2.6s forwards intro-fade}@keyframes intro-fade{to{opacity:0;visibility:hidden}}}