.app{min-height:100vh;display:flex;flex-direction:column}.gradient-text-amber{background:linear-gradient(135deg,#ffb833,#daa520,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cream{background:linear-gradient(135deg,linen,wheat,#deb887);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-engraved{color:#deb887;text-shadow:0 1px 1px rgba(255,255,255,.15),0 -1px 1px rgba(0,0,0,.6)}.radio-body{background:repeating-linear-gradient(89deg,transparent,transparent 8px,rgba(0,0,0,.04) 8px,rgba(0,0,0,.04) 9px),linear-gradient(160deg,#5c3317,#3d2010,#2c1810 60%,#3d2010,#5c3317);border-radius:18px;border:3px solid #8B6914;box-shadow:0 0 0 1px #daa52066,0 12px 48px #000000d9,0 4px 16px #0009,inset 0 1px #daa52033,inset 0 -1px #0006;padding:20px;position:relative}.radio-body:before,.radio-body:after{content:"✦";position:absolute;font-size:10px;color:#8b6914;opacity:.6}.radio-body:before{top:8px;left:12px}.radio-body:after{bottom:8px;right:12px}.chrome-strip{height:4px;background:linear-gradient(90deg,transparent 0%,#888 10%,#CCC 30%,#FFF 50%,#CCC 70%,#888 90%,transparent 100%);border-radius:2px;margin:8px 0}.retro-play-btn{background:radial-gradient(circle at 35% 30%,#7a4a28,#4a2a10 40%,#2c1810);border:3px solid #8B6914;border-radius:50%;box-shadow:0 4px 16px #000000b3,0 0 0 2px #daa52044,inset 0 1px 2px #daa52033,inset 0 -2px 4px #00000080;cursor:pointer;transition:all .15s ease;position:relative}.retro-play-btn:hover{box-shadow:0 4px 20px #000c,0 0 16px #ffa5004d,0 0 0 2px #ffa50066,inset 0 1px 2px #daa5204d,inset 0 -2px 4px #00000080;transform:translateY(-1px)}.retro-play-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #000000b3,inset 0 2px 6px #0009}.MuiSlider-root[data-retro] .MuiSlider-track,.retro-slider .MuiSlider-track{background:linear-gradient(90deg,#8b6914,orange);border-color:transparent}.retro-slider .MuiSlider-thumb{background:radial-gradient(circle at 35% 30%,#aaa,#555 60%,#333);border:2px solid #8B6914;box-shadow:0 2px 6px #0009}.retro-slider .MuiSlider-rail{background:#3d2010}@media (max-width: 600px){.radio-body{border-radius:12px;padding:14px;border-width:2px}}.wave-container{display:flex;align-items:flex-end;height:40px;gap:4px}.wave{width:5px;height:10px;background:orange;border-radius:2px;animation:bounce 1.2s infinite ease-in-out;transition:background .2s ease}.wave:nth-child(2){animation-delay:.18s}.wave:nth-child(3){animation-delay:.36s}.wave:nth-child(4){animation-delay:.54s}.wave:nth-child(5){animation-delay:.72s}.playing .wave{animation-play-state:running;background:orange;box-shadow:0 0 4px #ffa50099}.paused .wave{animation-play-state:paused;background:#5c3317;box-shadow:none}@keyframes bounce{0%{height:10px}50%{height:35px}to{height:10px}}.wave-container.header-wave{height:16px;gap:3px}.wave-container.header-wave .wave{width:3px;height:5px;border-radius:1px}@keyframes bounce-small{0%{height:5px}50%{height:16px}to{height:5px}}.wave-container.header-wave.playing .wave{animation-name:bounce-small}.wave-container.header-wave.paused .wave{animation-name:none;background:#5c3317;box-shadow:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--wood-darkest: #1A0C06;--wood-dark: #2C1810;--wood-medium: #5C3317;--wood-light: #8B4513;--wood-accent: #A0522D;--cream: #F5DEB3;--cream-light: #FAF0E6;--cream-dark: #DEB887;--parchment: #F4E4C1;--amber: #FFA500;--amber-bright: #FFB833;--amber-dark: #CC6600;--gold: #DAA520;--gold-dark: #B8860B;--speaker-cloth: #2A1A0E;--speaker-bar: #B8860B;--lcd-bg: #0F1F0F;--lcd-text: #88FF44;--lcd-dim: #2A4A1A;--text-cream: #F5DEB3;--text-amber: #FFA500;--text-muted: #9B8060;--shadow-wood: 0 8px 40px rgba(0,0,0,.8), 0 2px 8px rgba(0,0,0,.5);--shadow-inner: inset 0 2px 8px rgba(0,0,0,.5)}html,body{margin:0;padding:0;min-height:100vh;font-family:Lora,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--wood-darkest);color:var(--cream);overflow-x:hidden}body{background-image:repeating-linear-gradient(91deg,transparent,transparent 5px,rgba(0,0,0,.06) 5px,rgba(0,0,0,.06) 6px),repeating-linear-gradient(179deg,transparent,transparent 12px,rgba(92,51,23,.05) 12px,rgba(92,51,23,.05) 13px),linear-gradient(180deg,#1a0c06,#2c1810,#1a0c06)}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--wood-dark);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--amber)}h1,h2,h3,h4{font-family:Special Elite,Georgia,serif;letter-spacing:.04em}a{color:var(--amber);text-decoration:none}a:hover{color:var(--amber-bright)}button{font-family:Special Elite,Georgia,serif;cursor:pointer;border:none;background:none}.lcd-display{background:var(--lcd-bg);color:var(--lcd-text);font-family:VT323,Courier New,monospace;border:2px solid #1A3A1A;border-radius:4px;box-shadow:inset 0 0 16px #000000e6,0 0 6px #88ff441f;text-shadow:0 0 8px var(--lcd-text);letter-spacing:.05em}.speaker-grill{background:repeating-linear-gradient(0deg,transparent 0px,transparent 5px,rgba(184,134,11,.5) 5px,rgba(184,134,11,.5) 6px),repeating-linear-gradient(90deg,transparent 0px,transparent 14px,rgba(0,0,0,.3) 14px,rgba(0,0,0,.3) 15px),var(--speaker-cloth);border:2px solid var(--gold-dark);border-radius:8px;box-shadow:var(--shadow-inner),0 0 0 1px var(--wood-darkest)}.wood-panel{background:repeating-linear-gradient(88deg,transparent,transparent 6px,rgba(0,0,0,.04) 6px,rgba(0,0,0,.04) 7px),linear-gradient(180deg,var(--wood-medium) 0%,var(--wood-dark) 70%,var(--wood-darkest) 100%);border:2px solid var(--gold-dark);box-shadow:var(--shadow-wood)}