@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary: #f3a920;--primary-dim: #c48a1a;--primary-glow: rgba(243, 169, 32, .4);--background-light: #f8f7f5;--background-dark: #181611;--console-metal: #2a261f;--console-metal-light: #393328;--bakelite: #1c1914;--bakelite-deep: #12100e;--glow-amber: #f3a920;--glow-green: #4ade80;--glow-red: #ef4444;--text-primary: #ffffff;--text-secondary: #baaf9c;--text-muted: rgba(255, 255, 255, .4);--font-display: "Space Grotesk", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-console: 0 50px 100px -20px rgba(0, 0, 0, 1);--shadow-glow-amber: 0 0 15px var(--primary-glow), inset 0 0 10px rgba(243, 169, 32, .2);--shadow-glow-green: 0 0 8px rgba(74, 222, 128, .6);--shadow-glow-red: 0 0 20px rgba(239, 68, 68, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background:var(--background-dark);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}::selection{background:var(--primary-glow)}.atmosphere{position:fixed;inset:0;z-index:0;background:linear-gradient(to bottom,var(--background-dark) 0%,transparent 30%,transparent 70%,var(--background-dark) 100%);pointer-events:none}.atmosphere:before{content:"";position:absolute;inset: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.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03}.crt-scanlines{position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;opacity:.4}.console{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;background:var(--console-metal);border:12px solid var(--console-metal-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-console);overflow:hidden}@media(min-width:1024px){.console{aspect-ratio:16 / 9;display:flex;flex-direction:column}body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl)}}.console-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--bakelite);border-bottom:4px solid var(--bakelite-deep)}.station-brand{display:flex;flex-direction:column}.station-name{color:var(--primary);font-size:1.25rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.station-tagline{color:var(--text-secondary);font-size:.625rem;font-weight:500;letter-spacing:.2em}.header-left{display:flex;align-items:center;gap:var(--space-lg)}.header-divider{width:1px;height:2rem;background:var(--console-metal-light)}.signal-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm)}.signal-indicator{width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--glow-green);box-shadow:var(--shadow-glow-green);animation:pulse 2s ease-in-out infinite}.signal-indicator.offline{background:var(--glow-red);box-shadow:0 0 8px #ef444499;animation:none}.signal-text{font-size:.625rem;font-weight:700;color:var(--text-muted);letter-spacing:-.02em;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-controls{display:flex;align-items:center;gap:var(--space-md)}.control-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--console-metal-light);border:none;border-top:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;transition:background-color .2s;box-shadow:var(--shadow-inset)}.control-btn:hover{background:#f3a92033}.control-btn.active{background:var(--primary);color:var(--bakelite)}.control-btn svg{width:1.25rem;height:1.25rem}.console-main{flex:1;display:flex;padding:var(--space-xl);gap:var(--space-xl);overflow:hidden}.sidebar{width:16rem;display:flex;flex-direction:column;gap:var(--space-lg);flex-shrink:0}.selector-panel{background:var(--bakelite);padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--bakelite-deep);box-shadow:var(--shadow-inset);flex:1;display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.selector-panel::-webkit-scrollbar{display:none}.panel-label{color:var(--text-secondary);font-size:.625rem;font-weight:700;letter-spacing:.3em;padding:0 var(--space-sm)}.nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);background:var(--console-metal);border:none;border-bottom:4px solid black;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-decoration:none}.nav-btn:hover{background:#322d25}.nav-btn:active{border-bottom-width:0;transform:translateY(4px)}.nav-btn.active{box-shadow:var(--shadow-glow-amber)}.nav-btn.active .nav-icon{color:var(--primary)}.nav-btn.active .nav-label{color:var(--text-primary)}.nav-btn.active:after{content:"";position:absolute;top:var(--space-sm);right:var(--space-sm);width:6px;height:6px;background:var(--primary);border-radius:var(--radius-full);box-shadow:0 0 8px var(--primary)}.nav-icon{font-size:1.75rem;color:var(--text-muted);transition:color .2s}.nav-label{font-size:.625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);transition:color .2s}.freq-panel{background:var(--bakelite);padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--bakelite-deep);display:flex;flex-direction:column;gap:var(--space-sm);height:8rem}.freq-display{flex:1;background:var(--bakelite-deep);border-radius:var(--radius-sm);padding:var(--space-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.freq-value{color:var(--primary);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;font-style:italic}.freq-unit{position:absolute;bottom:var(--space-sm);right:var(--space-sm);font-size:.5rem;color:#f3a92066}.main-content{flex:1;display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.on-air-container{display:flex;justify-content:center}.on-air{background:var(--console-metal);border:4px solid black;padding:var(--space-xs);border-radius:var(--radius-lg)}.on-air-inner{background:#7f1d1d33;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.3);box-shadow:var(--shadow-glow-red)}.on-air-text{color:var(--glow-red);font-size:1.75rem;font-weight:900;letter-spacing:.4em;text-transform:uppercase}.on-air-inner{animation:on-air-pulse 3s ease-in-out infinite}@keyframes on-air-pulse{0%,to{box-shadow:0 0 15px #ef444466,inset 0 0 10px #ef44441a}50%{box-shadow:0 0 25px #ef444499,inset 0 0 15px #ef444433}}.display-screen{flex:1;position:relative;border-radius:var(--radius-xl);border:12px solid var(--console-metal-light);background:#000;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.display-artwork{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s ease}.display-screen:hover .display-artwork{transform:scale(1.05)}.display-gradient{position:absolute;inset:0;background:linear-gradient(to top,black,rgba(0,0,0,.4) 40%,transparent)}.waveform{position:absolute;bottom:0;left:0;right:0;height:8rem;display:flex;align-items:flex-end;justify-content:center;padding:0 3rem 2rem;gap:3px;opacity:.8}.wave-bar{width:3px;background:var(--glow-green);box-shadow:var(--shadow-glow-green);border-radius:2px 2px 0 0;transition:height .1s ease}.now-playing-overlay{position:absolute;top:var(--space-lg);left:var(--space-xl);right:var(--space-xl)}.now-playing-title{font-size:2.25rem;font-weight:900;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.5);margin-bottom:var(--space-sm)}.now-playing-badge{display:inline-block;background:#00000080;backdrop-filter:blur(8px);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;letter-spacing:.15em;color:var(--primary)}.progress-container{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(to top,black,transparent)}.progress-times{display:flex;justify-content:space-between;font-size:.625rem;font-weight:700;color:var(--text-muted);margin-bottom:var(--space-xs);font-family:var(--font-mono)}.progress-bar{height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--primary);box-shadow:0 0 10px var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.playback-deck{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);background:var(--bakelite);padding:var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--bakelite-deep)}.transport-controls{display:flex;gap:var(--space-lg)}.transport-btn{width:4rem;height:4rem;border-radius:var(--radius-full);background:var(--console-metal);border:4px solid black;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s;box-shadow:0 4px 8px #0000004d}.transport-btn:active{transform:scale(.95)}.transport-btn svg{width:2rem;height:2rem;color:var(--primary)}.transport-btn:hover svg{filter:drop-shadow(0 0 8px var(--primary))}.transport-btn.secondary svg{color:var(--text-muted)}.volume-control{flex:1;display:flex;align-items:center;gap:var(--space-lg)}.volume-label{color:var(--text-secondary);font-size:.625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.volume-slider-container{flex:1;position:relative;padding:var(--space-md)}.volume-track{height:6px;background:var(--bakelite-deep);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset)}.volume-fill{height:100%;background:#f3a920cc;border-radius:var(--radius-sm);box-shadow:0 0 10px var(--primary);position:relative}.volume-knob{position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:var(--console-metal-light);border:2px solid black;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 8px #0006;display:flex;align-items:center;justify-content:center}.volume-knob:before{content:"";width:2px;height:.75rem;background:var(--primary);border-radius:var(--radius-full);margin-bottom:.5rem}.volume-value{color:var(--primary);font-size:.875rem;font-weight:700;font-family:var(--font-mono)}.audio-mode{display:flex;flex-direction:column;align-items:flex-end;padding-left:var(--space-lg);border-left:1px solid var(--console-metal-light)}.audio-mode-label{font-size:.625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary)}.audio-mode-toggle{width:1.5rem;height:.75rem;background:#000;border-radius:var(--radius-full);margin-top:var(--space-xs);position:relative;padding:2px}.audio-mode-toggle:after{content:"";position:absolute;right:2px;top:2px;width:.5rem;height:.5rem;background:var(--primary);border-radius:var(--radius-full)}.info-sidebar{width:18rem;display:flex;flex-direction:column;gap:var(--space-lg);flex-shrink:0}.transmission-log{background:var(--bakelite);padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--bakelite-deep);flex:1;display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden}.log-display{flex:1;background:var(--bakelite-deep);border-radius:var(--radius-sm);padding:var(--space-md);position:relative;display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-inset)}.log-entry{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-sm);border-bottom:1px solid rgba(243,169,32,.1)}.log-entry.active .log-time{color:var(--primary)}.log-entry.active .log-title{color:#f3a920e6}.log-entry:not(.active){opacity:.5}.log-time{font-size:.625rem;font-weight:700;color:var(--text-secondary);font-family:var(--font-mono)}.log-title{font-size:.875rem;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.log-bounce{margin-top:auto;display:flex;justify-content:center}.log-bounce-dot{width:.5rem;height:.5rem;background:var(--primary);border-radius:var(--radius-full);animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.vu-meters{background:var(--bakelite);padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--bakelite-deep);display:flex;flex-direction:column;gap:var(--space-md)}.vu-meter{height:5rem;background:#f4e4bc;border-radius:var(--radius-sm);border:2px solid black;position:relative;overflow:hidden;box-shadow:var(--shadow-inset)}.vu-scale{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;padding:0 var(--space-md);font-size:.5rem;font-weight:700;color:#0006}.vu-scale span:last-child{color:#dc2626}.vu-needle{position:absolute;bottom:-.625rem;left:50%;width:2px;height:5rem;background:#dc2626;transform-origin:bottom center;transition:transform 75ms ease}.vu-label{position:absolute;bottom:var(--space-sm);right:var(--space-sm);font-size:.5rem;font-weight:900;font-style:italic;color:#0003}.console-footer{height:2.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);background:var(--bakelite);border-top:4px solid var(--bakelite-deep)}.footer-dots{display:flex;gap:var(--space-md)}.footer-dot{width:.5rem;height:.5rem;background:var(--console-metal-light);border-radius:var(--radius-full)}.footer-text{font-size:.5rem;font-weight:700;letter-spacing:.5em;text-transform:uppercase;color:var(--text-secondary)}@media(max-width:1023px){body{padding:0}.console{border:none;border-radius:0;min-height:100vh}.console-main{flex-direction:column;padding:var(--space-md);gap:var(--space-md)}.sidebar,.info-sidebar{display:none}.sidebar.mobile-visible{display:flex;position:fixed;inset:0;z-index:100;background:var(--bakelite);padding:var(--space-xl);width:100%}.on-air-text{font-size:1.25rem;letter-spacing:.3em}.display-screen{aspect-ratio:1;border-width:8px}.now-playing-title{font-size:1.5rem}.playback-deck{flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md)}.volume-control{order:1;width:100%}.transport-controls{gap:var(--space-md)}.transport-btn{width:3rem;height:3rem}.audio-mode{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bakelite);border-top:2px solid var(--console-metal-light);padding:var(--space-sm);gap:var(--space-xs);z-index:50}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);background:transparent;border:none;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm)}.mobile-nav-btn.active{background:var(--console-metal);color:var(--primary)}.mobile-nav-btn svg{width:1.25rem;height:1.25rem}.mobile-nav-btn span{font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.console-footer{display:none}.console-main{padding-bottom:5rem}}@media(min-width:1024px){.mobile-nav{display:none}}.page-content{flex:1;overflow-y:auto;padding:var(--space-xl)}.page-header{margin-bottom:var(--space-xl)}.page-title{font-size:2rem;font-weight:900;letter-spacing:-.02em;color:var(--primary);margin-bottom:var(--space-sm)}.page-subtitle{font-size:.875rem;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.external-link{display:inline-block;margin-top:var(--space-sm);font-size:.75rem;color:var(--primary);text-decoration:none;letter-spacing:.05em;transition:opacity .2s}.external-link:hover{opacity:.8;text-decoration:underline}.content-section{background:var(--bakelite);border-radius:var(--radius-lg);border:2px solid var(--bakelite-deep);padding:var(--space-xl);margin-bottom:var(--space-lg)}.content-section h2{font-size:1.125rem;font-weight:700;color:var(--primary);margin-bottom:var(--space-md);letter-spacing:.05em}.content-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.content-section p:last-child{margin-bottom:0}.content-section a{color:var(--primary);font-weight:600;text-decoration:none}.content-section a:hover{text-decoration:underline}.rotation-list{display:flex;flex-direction:column;gap:var(--space-sm)}.rotation-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--console-metal);border-radius:var(--radius-md);border-left:3px solid var(--primary)}.rotation-cover{width:3rem;height:3rem;background:var(--bakelite-deep);border-radius:var(--radius-sm);flex-shrink:0;background-size:cover;background-position:center}.rotation-info{flex:1;min-width:0}.rotation-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rotation-artist{font-size:.875rem;color:var(--text-secondary)}.rotation-links{display:flex;gap:var(--space-sm)}.rotation-link{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--bakelite);border-radius:var(--radius-sm);color:var(--text-muted);transition:all .2s}.rotation-link:hover{background:var(--primary);color:var(--bakelite)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}