@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,900;1,900&display=swap";:root{--case-hi:#f5ece0;--case-bright:#ede2d2;--case-mid:#ddd0bd;--case-low:#b8ab97;--case-deep:#6b6356;--case-shadow:#2a2520;--bezel-hi:#2a2826;--bezel-mid:#161412;--bezel-low:#0a0908;--bezel-edge:#050403;--bezel-rim:#3a3633;--stereo-green-hi:#2dbf95;--stereo-green:#0aa078;--stereo-green-lo:#00755b;--stereo-green-ink:#002a22;--ink-deep:#2a2520;--ink-soft:#6b6356;--tape-body-hi:#f6ead0;--tape-body-lo:#c8b582;--tape-body-edge:#6b5828;--tape-ink:#2a1d0d;--tape-ink-soft:#5a4322;--ribbon:#4a2e1c;--ribbon-edge:#2c180a;--reel-hub-hi:#f3f5f7;--reel-hub:#c9ced3;--reel-hub-lo:#6f7780;--reel-edge:#2a2f35;--reel-well:#0a0c10;--lcd-bg-hi:#16191c;--lcd-bg-lo:#04060a;--lcd-tint:#2a1604;--lcd-on:#ffa64a;--lcd-glow:#ffa44a9e;--lcd-ghost:#ffa44a1a;--led-red:#ff3b30;--led-green:#34c759;--led-amber:#fc0;--led-off:#1a1d22;--btn-cap-hi:#d8d6d1;--btn-cap:#b3b0a9;--btn-cap-lo:#6e6b65;--btn-cap-edge:#2a2724;--btn-shaft:#0e0c0a;--btn-ink:#1a1714}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#d8dde2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;touch-action:manipulation;background:radial-gradient(at 50% 18%,#1c232c 0%,#07090c 70%,#04050a 100%);width:100%;height:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}body:after{content:"";pointer-events:none;z-index:200;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;position:fixed;inset:0}button{font:inherit;color:inherit}@keyframes reel-spin{to{transform:rotate(360deg)}}.walkman[data-state=playing] .reel-disc{animation:2.4s linear infinite reel-spin}.walkman[data-state=forward] .reel-disc{animation:.55s linear infinite reel-spin}.walkman[data-state=rewind] .reel-disc{animation:.55s linear infinite reverse reel-spin}@keyframes cassette-flip{0%{transform:translateY(0) rotateY(var(--flip-from,0deg)) rotate(0deg)}22%{transform:translateY(-62%) rotateY(var(--flip-from,0deg)) rotate(-1.5deg)}34%{transform:translateY(-64%) rotateY(var(--flip-from,0deg)) rotate(-1.5deg)}66%{transform:translateY(-64%) rotateY(var(--flip-to,180deg)) rotate(1.5deg)}78%{transform:translateY(-62%) rotateY(var(--flip-to,180deg)) rotate(1.5deg)}to{transform:translateY(0) rotateY(var(--flip-to,180deg)) rotate(0deg)}}@keyframes led-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}@keyframes rotate-tilt{0%,30%,to{transform:rotate(0)}60%,90%{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}