*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0e12;--card: #16161d;--card2: #1c1c26;--border: rgba(255,255,255,.07);--orange: #FF9B51;--orange2: #e07a30;--text: #e8e8ec;--muted: #6a6a7a;--accent: #7F8CAA;--teal: #B8CFCE;--shadow-hover: 0 0 0 1px rgba(255,155,81,.3), 0 8px 40px rgba(255,155,81,.15), 0 2px 8px rgba(0,0,0,.6);--radius: 20px;--space-4: 4px;--space-8: 8px;--space-16: 16px;--space-24: 24px;--space-32: 32px}html,body{width:100%;min-height:100vh;background:var(--bg);color:var(--text);font-family:Space Mono,monospace;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.4}.page{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:var(--space-32) var(--space-32) 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto;gap:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-24);position:relative;overflow:hidden;transition:box-shadow .3s ease,transform .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none;border-radius:var(--radius)}.logo-card{grid-column:1;grid-row:1;display:flex;align-items:center;gap:14px;padding:var(--space-24);background:linear-gradient(135deg,#1a1a24,#111118)}.logo-monogram{width:52px;height:52px;background:linear-gradient(135deg,var(--orange) 0%,var(--orange2) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ff9b5166;flex-shrink:0}.logo-monogram svg{width:28px;height:28px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.logo-text{display:flex;flex-direction:column;gap:1px}.logo-name{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:3px;color:var(--text);line-height:1}.logo-sub{font-family:Space Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.clock-card{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;padding:var(--space-16);border-color:#ffffff0d;background:linear-gradient(135deg,#1a1a24,#111118)}.flip-clock{display:flex;align-items:center;gap:8px}.flip-unit{display:flex;gap:4px}.flip-digit{width:52px;height:70px;background:linear-gradient(180deg,#252530,#1a1a23 50%,#141420 50%,#1e1e2a);border-radius:10px;border:.5px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:44px;color:#fff;position:relative;box-shadow:0 4px 15px #00000073,inset 0 1px #ffffff0f;overflow:hidden}.flip-digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#0009}.flip-digit.flipping{animation:flip .35s ease}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.flip-sep{font-family:Bebas Neue,sans-serif;font-size:44px;color:var(--orange);line-height:70px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.ticker-card{grid-column:3 / 5;grid-row:1;padding:0;overflow:hidden;display:flex;align-items:center;background:linear-gradient(135deg,#1a1a24,#111118)}.ticker-label{flex-shrink:0;padding:0 var(--space-16);font-family:Bebas Neue,sans-serif;font-size:13px;letter-spacing:2px;color:var(--orange);border-right:1px solid var(--border);height:100%;display:flex;align-items:center;background:#ff9b510f}.ticker-wrap{flex:1;overflow:hidden;height:100%;display:flex;align-items:center}.ticker-track{display:flex;gap:60px;white-space:nowrap;animation:ticker 140s linear infinite}.ticker-track:hover{animation-play-state:paused}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{font-size:12px;color:var(--muted);letter-spacing:.5px;cursor:pointer;transition:color .2s}.ticker-item:hover{color:var(--text)}.ticker-item:before{content:"◆";color:var(--orange);margin-right:10px;font-size:8px}.radio-card{grid-column:1 / 3;grid-row:2 / 5;padding:var(--space-24);background:linear-gradient(160deg,#1a1820,#0f0e14);display:flex;flex-direction:column;gap:24px}.radio-header{font-family:Bebas Neue,sans-serif;font-size:11px;letter-spacing:3px;color:var(--muted)}.cassette-wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding:8px 0}.cassette-svg-wrap{width:100%;max-width:400px}.cassette-svg-wrap svg{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.8));transition:filter .4s ease}.cassette-svg-wrap.inactive svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.6)) grayscale(.7) brightness(.6)}.reel-group{transform-origin:center;animation:reelSpin 2s linear infinite;animation-play-state:paused}.cassette-svg-wrap:not(.inactive) .reel-group{animation-play-state:running}@keyframes reelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#reelL{transform-origin:118px 148px}#reelR{transform-origin:282px 148px}.station-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap;align-items:flex-end}.station-btn{display:block;background-color:#000;width:calc(20% - 10px);min-width:52px;max-width:76px;height:96px;box-shadow:0 0 10px 2px #0003,0 0 1px 2px #000,inset 0 2px 2px -2px #fff,inset 0 0 2px 15px #47434c,inset 0 0 2px 22px #000;border-radius:5px;padding:var(--space-8);perspective:700px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:1}.station-btn input{display:none}.station-btn input:checked+.button{transform:translateZ(20px) rotateX(25deg);box-shadow:0 -10px 20px #ff9b51cc}.station-btn input:checked+.button .light{animation:sw-flicker .2s infinite .3s}.station-btn input:checked+.button .shine{opacity:1}.station-btn input:checked+.button .shadow{opacity:0}.button{display:block;transition:all .3s cubic-bezier(1,0,1,1);transform-origin:center center -20px;transform:translateZ(20px) rotateX(-25deg);transform-style:preserve-3d;height:100%;position:relative;cursor:pointer;background:linear-gradient(#7a4010,#4a2508 30%,#4a2508 70%,#7a4010);background-repeat:no-repeat}.button:before{content:"";background:linear-gradient(#fffc 10%,#ffffff4d 30%,#5a2e08 75%,#2a1204) 50% 50%/97% 97%,#8a4c18;background-repeat:no-repeat;width:100%;height:50px;transform-origin:top;transform:rotateX(-90deg);position:absolute;top:0}.button:after{content:"";background-image:linear-gradient(#5a2e08,#2a1204);width:100%;height:50px;transform-origin:top;transform:translateY(50px) rotateX(-90deg);position:absolute;bottom:0;box-shadow:0 50px 8px #000,0 80px 20px #00000080}.button .light{opacity:0;animation:sw-light-off 1s;position:absolute;width:100%;height:100%;background-image:radial-gradient(#ffe0a0,#FF9B51 40%,transparent 70%)}.button .dots{position:absolute;width:100%;height:100%;background-image:radial-gradient(transparent 30%,#3c1900b3 70%);background-size:10px 10px}.button .characters{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-image:linear-gradient(#ffffff80,#ffffff80) 50% 68%/60% 2px,linear-gradient(#ffffff80,#ffffff80) 50% 76%/60% 2px,linear-gradient(#ffffff80,#ffffff80) 50% 84%/60% 2px}.station-btn-name{position:absolute;top:15%;left:0;right:0;text-align:center;font-family:Bebas Neue,sans-serif;font-size:10px;letter-spacing:1px;color:#ffffffbf;pointer-events:none;z-index:5;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:color .2s,text-shadow .2s}.station-btn input:checked~.button .station-btn-name{color:#fff;text-shadow:0 0 6px #fff,0 0 12px rgba(255,200,100,.6)}.button .shine{transition:all .3s cubic-bezier(1,0,1,1);opacity:.3;position:absolute;width:100%;height:100%;background:linear-gradient(white,transparent 3%) 50% 50%/97% 97%,linear-gradient(rgba(255,255,255,.5),transparent 50%,transparent 80%,rgba(255,255,255,.5)) 50% 50%/97% 97%;background-repeat:no-repeat}.button .shadow{transition:all .3s cubic-bezier(1,0,1,1);opacity:1;position:absolute;width:100%;height:100%;background:linear-gradient(transparent 70%,#000c);background-repeat:no-repeat}@keyframes sw-flicker{0%{opacity:1}80%{opacity:.8}to{opacity:1}}@keyframes sw-light-off{0%{opacity:1}80%{opacity:0}}.station-btn-led,.station-btn-stripes,.station-btn-divider,.station-btn-rocker{display:none}.weather-row{grid-column:3 / 5;grid-row:2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.weather-card{border-radius:var(--radius);overflow:hidden;position:relative;min-height:130px;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-16);cursor:default;transition:box-shadow .3s ease,transform .2s ease}.weather-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.weather-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(1px) brightness(.45) saturate(1.3);transform:scale(1.08);z-index:0}.weather-frost{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1440,#0a0a1473 40%,#0a0a14bf 75%,#0a0a14e0);z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.weather-card:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 100%);border-radius:var(--radius) var(--radius) 0 0;z-index:2;pointer-events:none}.weather-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);z-index:4;pointer-events:none;box-shadow:inset 0 1px #ffffff1f}.weather-content{position:relative;z-index:5}.weather-city{font-family:Space Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#ffffffb3;margin-bottom:6px}.weather-temp{font-family:Bebas Neue,sans-serif;font-size:42px;color:#fff;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.weather-desc{font-size:10px;color:#ffffff80;margin-top:4px;letter-spacing:1px}.weather-loading{font-size:11px;color:var(--muted);text-align:center;padding:var(--space-16) 0;position:relative;z-index:2}.calendar-card{grid-column:3;grid-row:3 / 5;padding:var(--space-24);background:linear-gradient(160deg,#1a1820,#111018)}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cal-month{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:3px;color:var(--text)}.cal-year{font-size:11px;color:var(--muted);letter-spacing:2px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{text-align:center;font-size:9px;letter-spacing:1px;color:var(--muted);padding:4px 0;text-transform:uppercase}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:8px;cursor:default;transition:background .15s;color:var(--text)}.cal-day:hover:not(.empty):not(.today){background:#ffffff0f}.cal-day.empty{color:transparent}.cal-day.other-month{color:var(--muted);opacity:.4}.cal-day.today{background:var(--orange);color:#fff;font-weight:700;box-shadow:0 0 12px #ff9b5166}.cal-day.weekend{color:var(--accent)}.cal-day.today.weekend{color:#fff}.empty-card{grid-column:4;grid-row:3 / 5;background:linear-gradient(160deg,#141420,#0e0e18);border:1px dashed rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.empty-card-inner{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#ffffff0d;font-size:20px}.site-footer{position:relative;z-index:1;width:calc(100% - 64px);max-width:1376px;margin:20px auto 28px;padding:var(--space-32) var(--space-32);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(160deg,#12121a,#0b0b10);overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.02) 0%,transparent 48%,rgba(127,140,170,.06) 100%);pointer-events:none}.site-footer-brand{position:relative;font-family:Bebas Neue,sans-serif;font-size:clamp(44px,8vw,120px);line-height:.9;letter-spacing:.1em;text-transform:uppercase;text-align:center;background:linear-gradient(180deg,#e8e8ec1a,#7f8caa24,#6a6a7a2e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 28px rgba(0,0,0,.62)}@media (min-width: 1200px){.page{grid-template-rows:78px auto auto auto auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes press{0%{transform:scale(1)}50%{transform:scale(.96) translateY(2px)}to{transform:scale(1)}}.station-btn.pressing .station-btn-body{animation:press .12s ease}.vu-bars{display:flex;align-items:flex-end;gap:2px;height:30px;padding:0 var(--space-8);max-width:400px;width:100%;margin:0 auto}.vu-bar{flex:1;background:var(--orange);border-radius:1px 1px 0 0;transition:height .1s;min-height:2px}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.flip-digit{-webkit-font-smoothing:antialiased}}