@keyframes flicker{0%{opacity:.4}10%{opacity:.9}20%{opacity:.3}30%{opacity:.85}40%{opacity:.5}50%{opacity:.95}60%{opacity:.35}70%{opacity:.8}80%{opacity:.6}90%{opacity:.9}to{opacity:1}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes warm-up-glow{0%{filter:brightness(.2)}60%{filter:brightness(.7)}to{filter:brightness(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radio{position:relative;width:720px;max-width:95vw;padding:32px;border-radius:24px;z-index:10;background:repeating-linear-gradient(87deg,rgba(61,28,2,.15) 0px,transparent 2px,transparent 8px,rgba(61,28,2,.08) 10px),linear-gradient(160deg,#6b3a1f,#5c2e12,#4a2209,#5c2e12,#6b3a1f);box-shadow:0 12px 40px #0009,0 4px 16px #0006,inset 0 1px #ffffff0d}.radio__power{position:absolute;top:-6px;right:32px;width:18px;height:12px;border:none;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#555,#333);box-shadow:0 -1px 3px #0006,inset 0 1px #ffffff1a;cursor:pointer;z-index:20;transition:transform .1s}.radio__power:active{transform:translateY(2px)}.radio--on .radio__power{background:linear-gradient(180deg,#666,#444)}.radio__inner{position:relative;background:linear-gradient(180deg,#00000026,#0000000d,#0003);border-radius:16px;padding:24px;box-shadow:inset 0 2px 8px #0006,inset 0 -1px 4px #0003}.radio__top-row{display:flex;gap:24px;margin-bottom:20px}.radio__slider-row{margin-bottom:20px}.radio__knob-row{display:flex;align-items:flex-start;justify-content:space-evenly}.radio__knob-slot{position:relative;display:flex;align-items:flex-start;justify-content:center;width:80px;height:86px}.radio-knob{display:flex;flex-direction:column;align-items:center}.radio-knob__outer{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#5c3a1e,#3a2010,#5c3a1e);box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.radio-knob__outer:active{cursor:grabbing}.radio-knob__inner{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4a2a12,#2a1508);box-shadow:inset 0 2px 4px #0006;position:relative;will-change:transform}.radio-knob__indicator{position:absolute;top:4px;left:50%;width:2px;height:10px;background:#ff9f1c;border-radius:1px;transform:translate(-50%);box-shadow:0 0 4px #ff9f1c80}.radio-knob__label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#fff5e166;white-space:nowrap;pointer-events:none}.tuner-slider{position:relative;width:100%;height:72px;background:linear-gradient(180deg,#0000004d,#0000001a,#00000040);border-radius:8px;box-shadow:inset 0 2px 6px #00000080,0 1px #ffffff0a;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.tuner-slider:active{cursor:grabbing}.tuner-slider__track{position:absolute;top:0;left:16px;right:16px;bottom:0;display:flex;align-items:center}.tuner-slider__markings{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;padding-bottom:8px}.tuner-slider__mark{position:absolute;bottom:8px;width:1px;background:#fff5e140;transform:translate(-50%)}.tuner-slider__mark--major{height:20px;background:#fff5e180;width:2px}.tuner-slider__mark--minor{height:10px}.tuner-slider__label{position:absolute;top:8px;font-family:Inter,sans-serif;font-size:10px;color:#fff5e199;transform:translate(-50%);white-space:nowrap}.tuner-slider__needle{position:absolute;top:4px;bottom:4px;width:3px;background:#e85d4a;border-radius:2px;box-shadow:0 0 8px #e85d4a99,0 0 16px #e85d4a4d;transform:translate(-50%);z-index:2;transition:left .05s linear}.display{position:relative;flex:0 0 220px;height:120px;background:#1a0a00;border-radius:8px;padding:10px 14px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #000c,0 1px #ffffff08}.display--off .display__year,.display--off .display__now-playing,.display--off .display__vibes,.display--off .display__info-btn{opacity:0}.display--warming .display__year{animation:flicker .1s infinite}.display__info-btn{position:absolute;bottom:8px;left:10px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;font-style:italic;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,159,28,.25);background:#ff9f1c0d;color:#ff9f1c66;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:3;transition:color .2s,border-color .2s,background .2s}.display__info-btn:hover{color:#ff9f1ccc;border-color:#ff9f1c80;background:#ff9f1c1a}.display__year{font-family:VT323,monospace;font-size:52px;line-height:1;color:#ff9f1c;text-shadow:0 0 8px rgba(255,159,28,.8),0 0 20px rgba(255,159,28,.4),0 0 40px rgba(255,159,28,.2);text-align:center;transition:opacity .3s}.display__now-playing{font-family:VT323,monospace;font-size:16px;color:#ff9f1c;text-shadow:0 0 4px rgba(255,159,28,.6),0 0 12px rgba(255,159,28,.3);white-space:nowrap;overflow:hidden;width:100%;margin-top:6px;transition:opacity .3s}.display__marquee{display:inline-block}.display__vibes{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:4px;min-height:14px;transition:opacity .3s}.display__vibe-tag{font-family:Inter,sans-serif;font-size:7px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#ff9f1c66;text-shadow:0 0 3px rgba(255,159,28,.15);background:#ff9f1c0f;padding:1px 4px;border-radius:2px;border:1px solid rgba(255,159,28,.1)}.display__info-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a0a00f5;z-index:4;padding:12px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;animation:info-fade-in .2s ease}.display__info-title{font-family:VT323,monospace;font-size:22px;color:#ff9f1c;text-shadow:0 0 6px rgba(255,159,28,.6),0 0 16px rgba(255,159,28,.3);text-align:center}.display__info-time{font-family:Inter,sans-serif;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#ff9f1c80;margin-bottom:2px}.display__info-label{font-family:Inter,sans-serif;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#ff9f1c4d;margin-top:2px}.display__info-vibes{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:100%}.display__glow-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(255,159,28,.03) 0%,transparent 70%);pointer-events:none;animation:glow-pulse 3s ease-in-out infinite}.show-dial .radio-knob__inner{transition:transform .1s ease-out}.show-dial__notches{position:absolute;top:0;left:50%;width:56px;height:56px;transform:translate(-50%);pointer-events:none}.show-dial__notch{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff5e159;transform:translate(-50%,-50%)}@keyframes info-fade-in{0%{opacity:0}to{opacity:1}}.effects-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#0a0e1a;overflow:hidden}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1000}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 50%,rgba(30,10,0,.4) 100%);pointer-events:none;z-index:999}.static-noise{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:998;mix-blend-mode:overlay;transition:opacity .3s ease}.static-noise--active{opacity:.15}.chromatic-aberration{filter:url(#chromatic-aberration-filter)}.glitch-slice{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:50}.glitch-slice__piece{position:absolute;top:0;left:0;width:100%;height:100%;animation:none}.glitch-slice__piece--active{animation:glitch-shift .15s steps(2) forwards}.warm-glow{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#ff6b3505,#4a0e0e0f 60%,#00000026);pointer-events:none;z-index:997}@keyframes glitch-shift{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#0a0e1a;background-image:radial-gradient(ellipse at 50% 30%,#1a2340 0%,transparent 70%),radial-gradient(ellipse at 30% 70%,#243054 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,rgba(18,24,48,.8) 0%,transparent 50%);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff5e1;overflow-x:hidden}#app{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a0e1a;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.splash__content{text-align:center}.splash__title{font-family:VT323,monospace;font-size:clamp(3rem,8vw,6rem);color:#ff9f1c;letter-spacing:.1em;text-shadow:0 0 20px rgba(255,159,28,.4),0 0 60px rgba(255,159,28,.15);margin-bottom:.3em}.splash__tagline{font-family:Inter,sans-serif;font-size:clamp(.9rem,2vw,1.2rem);color:#fff5e180;letter-spacing:.15em;font-weight:400}.splash--exit{animation:splash-glitch-out .8s ease-in forwards}.splash--exit .splash__title{animation:text-glitch .6s steps(3) forwards}.splash--exit .splash__tagline{animation:tagline-fade .3s ease-out forwards}@keyframes splash-glitch-out{0%{opacity:1;clip-path:inset(0 0 0 0)}15%{clip-path:inset(20% 0 30% 0);opacity:1}30%{clip-path:inset(0 0 0 0);opacity:.8}45%{clip-path:inset(50% 0 10% 0);transform:translate(3px);opacity:.6}60%{clip-path:inset(10% 0 60% 0);transform:translate(-5px);opacity:.4}75%{clip-path:inset(30% 0 40% 0);opacity:.2}to{opacity:0;clip-path:inset(50% 0 50% 0);pointer-events:none}}@keyframes text-glitch{0%{transform:none;text-shadow:0 0 20px rgba(255,159,28,.4)}20%{transform:translate(-4px) skew(-2deg);text-shadow:3px 0 #E85D4A,-3px 0 rgba(0,150,255,.6)}40%{transform:translate(3px) skew(1deg);text-shadow:-2px 0 #E85D4A,2px 0 rgba(0,150,255,.6)}60%{transform:translate(-2px);text-shadow:4px 0 #E85D4A,-4px 0 rgba(0,150,255,.6)}80%{transform:translate(1px) skew(-1deg);opacity:.5}to{transform:none;opacity:0}}@keyframes tagline-fade{to{opacity:0;transform:translateY(10px)}}.visitor-counter{position:fixed;bottom:16px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease;pointer-events:auto;cursor:pointer;z-index:100;-webkit-user-select:none;user-select:none}.visitor-counter__display{display:flex;gap:1px;background:#0009;padding:6px 10px;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,159,28,.15)}.visitor-counter__digit{position:relative;width:.6em;height:1em;overflow:hidden;font-family:VT323,monospace;font-size:18px;color:#ff9f1c;text-shadow:0 0 6px rgba(255,159,28,.4);letter-spacing:2px}.visitor-counter__digit-current,.visitor-counter__digit-next{position:absolute;left:0;width:100%;text-align:center;line-height:1em}.visitor-counter__digit-current{top:0}.visitor-counter__digit-next{top:100%}.speaker-grille{flex:1;min-height:120px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(180deg,#0003,#0000000d,#00000026);box-shadow:inset 0 2px 6px #0006}.speaker-grille__fabric{width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(201,139,26,.08) 2px,rgba(201,139,26,.08) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(201,139,26,.08) 2px,rgba(201,139,26,.08) 3px);background-size:5px 5px}.speaker-grille__logo{position:absolute;bottom:8px;right:12px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#c98b1a66}