: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{-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--ink);width:100%;max-width:460px;box-shadow:4px 4px 0 var(--ink);background:#ffffffd1;border-radius:20px;align-items:center;gap:16px;padding:14px 18px 14px 14px;display:flex}.play{border:1.5px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;transition:transform .12s;display:grid}.play:active{transform:scale(.94)}.play svg{fill:currentColor;width:26px;height:26px}.meta{flex:1;min-width:0}.titles{flex-direction:column;margin-bottom:8px;display:flex}.title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.artist{opacity:.65;font-size:.8rem}.times{font-variant-numeric:tabular-nums;opacity:.7;justify-content:space-between;margin-top:6px;font-size:.72rem;display:flex}.seek{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:22px;margin:0}.seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--pct), #0000002e var(--pct));border-radius:3px;height:5px}.seek::-moz-range-track{background:#0000002e;border-radius:3px;height:5px}.seek::-moz-range-progress{background:var(--ink);border-radius:3px;height:5px}.seek::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5.5px}.seek::-moz-range-thumb{border:2px solid var(--ink);background:#fff;border-radius:50%;width:12px;height:12px}@media (width<=380px){.play{width:52px;height:52px}.player{gap:12px}}.stack{flex-direction:column;align-items:center;width:100%;max-width:460px;display:flex}.cat{margin-bottom:8px}.cat img{height:auto;display:block}