:root{color:#f8f1e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0b0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0d0b0a;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}#root{min-height:100svh}.app-shell{color:#f5dec0;background:radial-gradient(circle at 18% 12%,#ffbd6233,#0000 26rem),radial-gradient(circle at 84% 82%,#5a35226b,#0000 28rem),linear-gradient(135deg,#160f0a 0%,#24150d 48%,#0c0806 100%);place-items:center;min-height:100svh;padding:clamp(12px,2.4vmin,24px);display:grid}.radio-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#462a1cdb,#160f0aeb),#17120feb;border:1px solid #f5dec02e;border-radius:34px;width:min(100%,460px);padding:28px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000080,inset 0 1px #ffffff14}.radio-card:before{pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(#ffffff06 50%,#0000 50%) 0 0/100% 6px,radial-gradient(circle at 50% 0,#ffd2892e,#0000 19rem);position:absolute;inset:0}.radio-card>*{z-index:1;position:relative}.club-board{color:#ffdc9a;background:linear-gradient(#ffe0960e 50%,#0000 50%) 0 0/100% 6px,repeating-linear-gradient(90deg,#ffbd621c 0 1px,#0000 1px 10px),radial-gradient(circle at 15% 26%,#ff5c3847,#0000 26%),radial-gradient(circle at 82% 44%,#ffbd6224,#0000 32%),linear-gradient(#230c09f0,#0d0806f5);border:1px solid #ffbd6261;border-radius:32px;grid-template-columns:minmax(150px,.56fr) minmax(0,1fr);grid-template-areas:"visual station""controls controls";align-items:center;gap:clamp(10px,2.4vmin,24px);min-height:clamp(330px,58svh,560px);margin:0 0 18px;padding:clamp(18px,3vmin,34px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 44px #ff7b402b,inset 0 1px #fff0d717,0 0 48px #ff613621}.club-board:before{pointer-events:none;content:"";opacity:.78;background:radial-gradient(circle at 16% 24%,#ffeab03d 0 1px,#0000 2px) 0 0/18px 18px,radial-gradient(circle at 44% 62%,#ff6f4833 0 1px,#0000 2px) 0 0/22px 22px,radial-gradient(circle at 78% 34%,#ffeab033 0 1px,#0000 2px) 0 0/20px 20px;position:absolute;inset:0}.club-board:after{pointer-events:none;content:"";background:linear-gradient(110deg,#0000 28%,#fff4cc26 45%,#0000 62%);position:absolute;inset:-36% -20%;transform:translate(-48%)}.club-board>*{z-index:1;position:relative}.brand-row{align-items:center;gap:16px;margin-bottom:24px;display:flex}.brand-mark{color:#180f0a;letter-spacing:-.06em;background:linear-gradient(135deg,#fff0d7,#d89a5e 58%,#8a522f);border:1px solid #fff0d752;border-radius:18px;place-items:center;width:54px;height:54px;font-size:1rem;font-weight:900;display:grid;box-shadow:0 12px 28px #00000042,inset 0 2px #ffffff80}.eyebrow,.station-kicker{color:#ffbd62;letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:0;font-size:clamp(1.7rem,8vw,2.55rem);line-height:1}.visual-stage{border-radius:28px;grid-area:visual;place-items:end center;min-height:clamp(190px,34svh,400px);margin:0;padding:0;display:grid;position:relative;overflow:hidden}.visual-stage:before{content:"ON AIR";color:#ffc65e80;letter-spacing:.18em;text-shadow:0 0 8px #ffbd62b8,0 0 20px #ff5c387a,0 0 34px #ff5c3833;background:#140b0857;border:1px solid #ffbd6233;border-radius:999px;place-items:center;min-height:44px;font-family:Courier New,ui-monospace,monospace;font-size:clamp(1rem,2.4vw,1.65rem);font-weight:950;display:grid;position:absolute;inset:auto 2% 4%;box-shadow:inset 0 0 24px #ff5c381a;-webkit-mask-image:none;mask-image:none}.visual-stage:after{display:none}.retro-radio{transform-origin:50% 78%;width:min(100%,322px);height:218px;position:relative}.radio-signal{opacity:.22;width:120px;height:74px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.radio-signal span{width:calc(34px + var(--ring-size,0px));height:calc(28px + var(--ring-size,0px));border:2px solid #ffbd629e;border-bottom:0;border-radius:999px 999px 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.radio-signal span:first-child{--ring-size:0px}.radio-signal span:nth-child(2){--ring-size:28px}.radio-signal span:nth-child(3){--ring-size:58px}.radio-antenna{transform-origin:0;background:linear-gradient(90deg,#f5dec0,#8a6041);border-radius:999px;width:148px;height:4px;position:absolute;top:30px;left:55px;transform:rotate(-23deg);box-shadow:0 0 16px #ffbd623d}.radio-antenna:after{content:"";background:#ffbd62;border-radius:50%;width:14px;height:14px;position:absolute;top:-5px;right:-8px;box-shadow:0 0 16px #ffbd626b}.radio-body{background:linear-gradient(135deg,#ffffff1f,#0000 36%),linear-gradient(160deg,#7a472c 0%,#5a3522 44%,#2c190f 100%);border:2px solid #fff0d72e;border-radius:32px 32px 38px 38px;grid-template-columns:.82fr 1.18fr;gap:16px;min-height:154px;padding:20px;display:grid;position:absolute;bottom:20px;left:6px;right:6px;box-shadow:0 26px 46px #00000052,inset 0 4px #ffffff14,inset 0 -9px #0000002e}.radio-speaker{background:repeating-radial-gradient(circle at 18px 18px,#f5dec080 0 2px,#0000 2px 13px),linear-gradient(#140c08a3,#0d0805c2);border-radius:24px;align-content:center;gap:10px;padding:16px 12px;display:grid;box-shadow:inset 0 2px 18px #0000006b}.radio-speaker span{background:#f5dec061;border-radius:999px;height:6px;display:block}.radio-face{color:#2b190f;background:linear-gradient(#f5dec0 0%,#d7ad7c 100%);border-radius:24px;gap:12px;padding:14px;display:grid;box-shadow:inset 0 3px #ffffff6b,inset 0 -8px #61331b2e}.radio-window{color:#4b270d;letter-spacing:.11em;background:linear-gradient(#6a3a16,#2f180b);border:1px solid #42221261;border-radius:14px;place-items:center;min-height:42px;font-size:.9rem;font-weight:950;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 14px #0000007a}.radio-window-copy{z-index:1;color:#ffbd62b3;text-shadow:0 0 14px #ffbd6247;position:relative}.radio-window-scan{opacity:.28;background:linear-gradient(90deg,#0000 0%,#ffdeafe6 46%,#0000 100%);position:absolute;inset:0;transform:translate(-120%)}.signal-bars{justify-content:center;align-items:end;gap:5px;height:30px;display:flex}.signal-bar{opacity:.42;transform-origin:bottom;background:linear-gradient(#77d994,#3b7d53);border-radius:999px;width:7px;height:26px;transform:scaleY(.35);box-shadow:0 0 12px #77d99447}.signal-bar:nth-child(2){height:22px}.signal-bar:nth-child(3){height:30px}.signal-bar:nth-child(4){height:18px}.signal-bar:nth-child(5){height:25px}.radio-controls{grid-template-columns:48px 1fr;align-items:center;gap:12px;display:grid}.radio-dial{background:radial-gradient(circle,#fff0d7 0 22%,#b87942 23% 55%,#5a3522 56% 100%);border:8px solid #5a3522;border-radius:50%;width:48px;height:48px;box-shadow:inset 0 2px #ffffff6b,0 8px 18px #3e221440}.radio-tuning-line{background:linear-gradient(90deg,#0000 0 12%,#5a352299 12% 15%,#0000 15% 30%,#5a352299 30% 33%,#0000 33% 48%,#5a352299 48% 51%,#0000 51% 66%,#5a352299 66% 69%,#0000 69%),#5a35222e;border-radius:999px;height:12px}.radio-shadow{filter:blur(10px);background:#00000057;border-radius:50%;height:24px;position:absolute;bottom:0;left:18px;right:18px}.nenne-dj{z-index:1;aspect-ratio:1;transform-origin:50% 84%;filter:drop-shadow(0 22px 34px #00000057);width:min(100%,360px);position:relative}.nenne-dj-glow{filter:blur(10px);opacity:.86;background:radial-gradient(circle at 48% 38%,#ffd99c3d,#0000 33%),radial-gradient(circle at 50% 82%,#ffbd622e,#0000 40%);border-radius:999px;position:absolute;inset:12% 6% 3%}.nenne-dj-frame{object-fit:contain;opacity:0;transform-origin:50% 84%;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nenne-dj-frame-1{opacity:1}.state-playing .club-board:after,.state-loading .club-board:after{animation:3.6s ease-in-out infinite sign-sweep}.state-playing .visual-stage:before,.state-loading .visual-stage:before{animation:2.4s ease-in-out infinite sign-pulse}.state-playing .nenne-dj{animation:1.9s steps(8,end) infinite nenne-bass-bounce}.state-playing .nenne-dj-frame{animation:1.9s step-end infinite nenne-dj-frames}.state-playing .nenne-dj-frame-1{animation-name:nenne-frame-1}.state-playing .nenne-dj-frame-2{animation-name:nenne-frame-2}.state-playing .nenne-dj-frame-3{animation-name:nenne-frame-3}.state-playing .nenne-dj-frame-4{animation-name:nenne-frame-4}.state-playing .nenne-dj-frame-5{animation-name:nenne-frame-5}.state-playing .nenne-dj-frame-6{animation-name:nenne-frame-6}.state-loading .nenne-dj{animation:1.15s ease-in-out infinite nenne-listening}.state-loading .nenne-dj-frame-1,.state-loading .nenne-dj-frame-4{animation:1.15s step-end infinite nenne-loading-frames}.state-loading .nenne-dj-frame-4{animation-name:nenne-loading-frame-4}.state-error .nenne-dj{filter:drop-shadow(0 22px 34px #00000057)saturate(.78)}.state-paused .nenne-dj,.state-idle .nenne-dj{transform:rotate(-.6deg)}.mascot{transform-origin:50% 90%;width:54px;height:66px;position:absolute;bottom:22px;right:18px}.mascot-head{background:linear-gradient(135deg,#ffffff1f,#0000 32%),linear-gradient(#5a3522,#28150d);border:2px solid #fff0d738;border-radius:16px 16px 18px 18px;position:absolute;inset:7px 7px 13px;box-shadow:0 10px 18px #00000042,inset 0 -5px #0003}.mascot-eye,.mascot-smile,.mascot-arm,.mascot-foot{display:block;position:absolute}.mascot-eye{background:#f5dec0;border-radius:50%;width:5px;height:5px;top:18px}.mascot-eye-left{left:15px}.mascot-eye-right{right:15px}.mascot-smile{border-bottom:2px solid #f5dec0cc;border-radius:0 0 999px 999px;width:16px;height:8px;top:29px;left:50%;transform:translate(-50%)}.mascot-arm{background:#b87942;border-radius:999px;width:18px;height:4px;top:27px}.mascot-arm-left{left:0;transform:rotate(-30deg)}.mascot-arm-right{right:0;transform:rotate(30deg)}.mascot-foot{background:#d7ad7c;border-radius:999px;width:15px;height:6px;bottom:6px}.mascot-foot-left{left:13px}.mascot-foot-right{right:13px}.station-panel{color:#ffdc9a;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:station;padding:0;position:relative;overflow:visible}.station-panel:before,.station-panel:after{display:none}.station-panel h2,.station-kicker,.station-meta,.station-tagline{z-index:1;text-transform:uppercase;font-family:Courier New,ui-monospace,monospace;position:relative}.station-panel h2{color:#ffe19d;letter-spacing:-.06em;text-shadow:0 0 8px #ffd278db,0 0 28px #ff5c3880,0 0 58px #ff5c383d;margin-bottom:10px;font-size:clamp(2.7rem,6.5vw,5.7rem);line-height:.86}.station-meta,.station-tagline,.hint{color:#dbc8b8}.station-kicker{color:#ff785d;text-shadow:0 0 12px #ff4d36b3}.station-meta{color:#ffe2b1d1;letter-spacing:.08em;margin-bottom:12px;font-size:clamp(.92rem,1.7vw,1.2rem)}.station-tagline{color:#ffe0b6e6;letter-spacing:-.02em;text-transform:none;margin-bottom:0;font-size:clamp(.98rem,1.7vw,1.24rem)}.board-controls{grid-area:controls;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.play-button{color:#ffe19d;cursor:pointer;letter-spacing:.1em;background:linear-gradient(#ffe09614 50%,#0000 50%) 0 0/100% 6px,linear-gradient(#2a100af0,#110906f5);border:1px solid #ffbd6257;border-radius:999px;grid-template-columns:auto auto;place-items:center;gap:8px;width:auto;min-width:98px;height:42px;margin:0;font-family:Courier New,ui-monospace,monospace;font-size:.82rem;font-weight:950;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-grid;box-shadow:inset 0 0 18px #ff7b4029,0 0 18px #ff61361f}.play-button:active{transform:scale(.97)}.play-button.is-playing{color:#ff785d;filter:saturate(1.05)brightness(1.06);box-shadow:inset 0 0 20px #ff7b4038,0 0 22px #ff613633}.play-icon{font-size:1.02rem;line-height:1}.status-pill{color:#ead7c5;letter-spacing:.02em;white-space:nowrap;background:#140b0852;border:1px solid #ffbd622e;border-radius:999px;align-items:center;gap:8px;margin:0;padding:10px 13px;font-family:Courier New,ui-monospace,monospace;font-size:.82rem;font-weight:900;display:inline-flex}.status-dot{background:#9f8975;border-radius:50%;width:10px;height:10px}.status-playing .status-dot{background:#72e29a;box-shadow:0 0 18px #72e29ad9}.status-loading .status-dot{background:#f7c46a;box-shadow:0 0 18px #f7c46abf}.status-error .status-dot{background:#ff7b7b;box-shadow:0 0 18px #ff7b7bbf}.error-box{background:#781f1f2e;border:1px solid #ff7b7b59;border-radius:18px;margin-bottom:20px;padding:14px}.error-box p{color:#ffd0d0;margin-bottom:10px}.error-box button{color:#180f0a;cursor:pointer;background:#ffd0d0;border:0;border-radius:999px;padding:10px 14px;font-weight:900}.volume-control{color:#dbc8b8;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:6px;font-weight:800;display:grid}.volume-control input{accent-color:#d6995d}.hint{margin:24px 0 4px;font-size:.92rem;line-height:1.6}.state-playing .retro-radio{animation:1.8s ease-in-out infinite radio-groove}.state-playing .radio-window-copy{color:#ffd99c;text-shadow:0 0 12px #ffbd62c7,0 0 28px #ffbd625c}.state-playing .radio-window-scan,.state-loading .radio-window-scan{animation:2.2s ease-in-out infinite window-scan}.state-playing .signal-bar{opacity:.95;animation:.9s ease-in-out infinite equalize}.state-playing .signal-bar:nth-child(2){animation-delay:.12s}.state-playing .signal-bar:nth-child(3){animation-delay:.24s}.state-playing .signal-bar:nth-child(4){animation-delay:.36s}.state-playing .signal-bar:nth-child(5){animation-delay:.18s}.state-playing .radio-signal{opacity:.78}.state-playing .radio-signal span{animation:2s ease-out infinite signal-wave}.state-playing .radio-signal span:nth-child(2){animation-delay:.26s}.state-playing .radio-signal span:nth-child(3){animation-delay:.52s}.state-playing .mascot{animation:1.1s ease-in-out infinite tiny-dance}.state-playing .mascot-arm-left{animation:1.1s ease-in-out infinite arm-left-dance}.state-playing .mascot-arm-right{animation:1.1s ease-in-out infinite arm-right-dance}.state-loading .retro-radio{animation:1.4s ease-in-out infinite tuning-pulse}.state-loading .radio-dial{animation:1.6s ease-in-out infinite dial-tune}.state-error .radio-window-copy{color:#ff7d73c7;text-shadow:0 0 14px #ff7d7352}@keyframes sign-sweep{0%,38%{opacity:0;transform:translate(-52%)}52%{opacity:1}78%,to{opacity:0;transform:translate(52%)}}@keyframes sign-pulse{0%,to{opacity:.72;filter:brightness()}50%{opacity:.96;filter:brightness(1.18)}}@keyframes nenne-bass-bounce{0%,50%,to{transform:translateY(0)scale(1)rotate(0)}12.5%,62.5%{transform:translateY(1px)scale(1.002)rotate(-.22deg)}25%,75%{transform:translateY(-2px)scale(1.006)rotate(.2deg)}37.5%,87.5%{transform:translateY(1px)scale(1.002)rotate(.22deg)}}@keyframes nenne-gentle-nod{0%,to{transform:rotate(-.35deg)translateY(0)}50%{transform:rotate(.35deg)translateY(-1px)}}@keyframes nenne-frame-1{0%,12.49%,50%,62.49%{opacity:1}12.5%,49.99%,62.5%,to{opacity:0}}@keyframes nenne-frame-2{0%,12.49%,25%,37.49%,50%,to{opacity:0}12.5%,24.99%,37.5%,49.99%{opacity:1}}@keyframes nenne-frame-3{0%,24.99%,37.5%,to{opacity:0}25%,37.49%{opacity:1}}@keyframes nenne-frame-4{0%,to{opacity:0}}@keyframes nenne-frame-5{0%,62.49%,75%,87.49%{opacity:0}62.5%,74.99%,87.5%,to{opacity:1}}@keyframes nenne-frame-6{0%,74.99%,87.5%,to{opacity:0}75%,87.49%{opacity:1}}@keyframes nenne-listening{0%,to{transform:rotate(-.8deg)translateY(0)}50%{transform:rotate(.8deg)translateY(-3px)}}@keyframes nenne-loading-frames{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes nenne-loading-frame-4{0%,49.99%{opacity:0}50%,to{opacity:1}}@keyframes radio-groove{0%,to{transform:rotate(-.5deg)translateY(0)}50%{transform:rotate(.5deg)translateY(-2px)}}@keyframes window-scan{0%{transform:translate(-120%)}46%,to{transform:translate(120%)}}@keyframes equalize{0%,to{transform:scaleY(.35)}45%{transform:scaleY(1)}72%{transform:scaleY(.58)}}@keyframes signal-wave{0%{opacity:0;transform:translate(-50%)scale(.86)}35%{opacity:.8}to{opacity:0;transform:translate(-50%)scale(1.26)}}@keyframes tiny-dance{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes arm-left-dance{0%,to{transform:rotate(-28deg)}50%{transform:rotate(-50deg)}}@keyframes arm-right-dance{0%,to{transform:rotate(30deg)}50%{transform:rotate(52deg)}}@keyframes tuning-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}@keyframes dial-tune{0%,to{transform:rotate(-10deg)}50%{transform:rotate(18deg)}}@media (width>=760px){.radio-card{width:min(100%,1180px);max-height:calc(100svh - clamp(24px,4.8vmin,48px));padding:clamp(18px,2.2vmin,26px)}.brand-row{margin-bottom:14px}.club-board{grid-template-columns:minmax(220px,.43fr) minmax(0,1fr);grid-template-areas:"visual station""visual controls";min-height:clamp(360px,62svh,590px);margin-bottom:14px;padding:clamp(22px,3.2vmin,40px)}.visual-stage{align-self:stretch;min-height:0}.retro-radio{width:min(100%,360px);height:clamp(210px,31svh,246px)}.nenne-dj{width:min(100%,360px)}.station-panel{align-self:end}.station-panel h2{font-size:clamp(3.4rem,6.2vw,6.2rem)}.board-controls{align-self:start}.error-box{margin-bottom:14px}.volume-control{margin-top:0}.hint{margin:12px 0 4px;font-size:.86rem;line-height:1.45}}@media (width>=760px) and (height<=740px){.radio-card{border-radius:28px;padding:16px}.brand-mark{border-radius:15px;width:44px;height:44px}.brand-row{gap:12px;margin-bottom:10px}h1{font-size:clamp(1.45rem,4vw,2.02rem)}.eyebrow,.station-kicker{font-size:.68rem}.club-board{min-height:clamp(300px,55svh,410px);margin-bottom:10px;padding:clamp(16px,2.4vmin,26px)}.retro-radio{width:min(100%,310px);height:198px}.nenne-dj{width:min(100%,300px)}.station-panel h2{margin-bottom:6px;font-size:clamp(2.8rem,5.6vw,4.6rem)}.station-meta{margin-bottom:7px;font-size:.86rem}.station-tagline{font-size:.92rem}.play-button{min-width:90px;height:38px;font-size:.76rem}.status-pill{padding:8px 11px;font-size:.76rem}.volume-control{gap:10px;font-size:.9rem}.hint{margin-top:8px;font-size:.78rem}}@media (width<=420px){.app-shell{padding:14px}.radio-card{border-radius:28px;padding:18px}.brand-row{margin-bottom:14px}.club-board{grid-template-columns:1fr;grid-template-areas:"station""visual""controls";min-height:auto;padding:18px}.station-panel h2{font-size:clamp(2.75rem,16vw,4.7rem)}.visual-stage{min-height:206px;padding-inline:0}.retro-radio{width:min(100%,292px);height:202px}.nenne-dj{width:min(100%,300px)}.radio-body{grid-template-columns:.76fr 1.24fr;gap:12px;padding:16px}.mascot{bottom:20px;right:12px;transform:scale(.9)}.board-controls{justify-content:space-between;gap:8px}.play-button{min-width:86px;height:38px;font-size:.76rem}.status-pill{padding:8px 10px;font-size:.76rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.state-playing .nenne-dj,.state-playing .nenne-dj-frame{animation-duration:1.9s!important;animation-iteration-count:infinite!important}}