@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--bg:#090e10;--panel:#101719;--ink:#e9eee8;--soft:#95a7a5;--mint:#baff8b;--cyan:#57e7d6;--line:#273234;--mono:"Space Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:var(--mint);color:var(--bg)}.site-header{max-width:1560px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;letter-spacing:-1.2px}.brand-mark{display:grid;place-items:center;border:1px solid #baff8b88;border-radius:50%;width:38px;height:38px;color:var(--mint);font-style:italic;font-family:Georgia,serif;font-size:30px;font-weight:400}.brand-radio{font:10px var(--mono);letter-spacing:2px;color:var(--soft);align-self:end;margin-bottom:5px}nav{display:flex;gap:32px;font-size:14px}nav a:first-child{color:var(--mint)}nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:18px}.header-note{font:10px var(--mono);color:var(--soft);letter-spacing:1.5px}.auth-controls{display:flex;align-items:center;gap:10px}.auth-status{max-width:150px;color:var(--soft);font:8px/1.35 var(--mono);letter-spacing:1px;text-align:right}.auth-button{min-height:38px;padding:8px 13px;border:1px solid #41504e;border-radius:8px;background:#111a1c;color:var(--ink);font:700 9px/1.2 var(--mono);letter-spacing:.8px;transition:background .18s,border-color .18s,color .18s,transform .18s}.auth-button:hover:not(:disabled){border-color:var(--mint);color:var(--mint);transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;color:#71807e}.auth-controls[data-state=signed-in] .auth-status{color:var(--mint)}.auth-controls[data-state=error] .auth-status{color:#ffac87}.page{max-width:1560px;margin:auto;padding:0 40px}.edition{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:25px 0 18px;color:var(--soft);font:10px var(--mono);letter-spacing:1.5px}.edition>span:nth-child(2){font:14px DM Sans;letter-spacing:0;color:var(--ink)}.stage{position:relative;height:min(59vw,580px);min-height:350px;background:#102324;overflow:hidden;border-radius:18px;border:1px solid #3d5453;isolation:isolate}.stage-media,.reactive-field{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-image{z-index:0}.stage-video{z-index:1}.stage-media:not([src]){display:none}.reactive-field{z-index:2;pointer-events:none}.stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#040b1055,transparent 30%,transparent 45%,#040b10db);z-index:3;pointer-events:none}.stage-head{position:absolute;top:22px;left:26px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:4}.stage-live{background:#0b1818a8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #bdffde33;border-radius:30px;padding:10px 15px;font:10px var(--mono);letter-spacing:1.5px;color:#d5ede4}.stage-live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:10px;box-shadow:0 0 14px #baff8b88}.visual-controls{display:flex;gap:8px}.visual-controls button{background:#0b1818a8;color:var(--ink);border:1px solid #bdffde33;border-radius:50px;min-height:40px;min-width:40px;padding:8px 13px;font:11px var(--mono);display:flex;gap:7px;align-items:center;justify-content:center}.visual-controls button[aria-pressed=true]{color:var(--mint);border-color:#baff8b88}.visual-controls button:hover{background:#234441}.visual-controls button span{opacity:.65;font-size:9px}.visual-footer{position:absolute;bottom:42px;left:40px;right:40px;z-index:4;display:flex;align-items:end;justify-content:space-between;gap:30px}.visual-kicker{font:10px var(--mono);letter-spacing:2.5px;color:var(--mint);margin-bottom:14px}.visual-name{font:600 clamp(38px,5.8vw,82px)/.96 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-1.5px;max-width:900px;text-wrap:balance}.stage-stamp{font:500 14px/1.2 Barlow Condensed,sans-serif;letter-spacing:3px;position:relative;border-left:1px solid #baff8b66;padding-left:18px;padding-right:35px;color:#d4e3d6}.stage-stamp span{position:absolute;right:0;top:0;font-size:28px;color:var(--mint)}.stage-coordinate{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:3px;color:#fff5;z-index:4}.stage-caption{display:flex;justify-content:space-between;gap:15px;padding:13px 3px 22px;font:9px var(--mono);letter-spacing:1.2px;color:#81948f}.console{display:grid;grid-template-columns:1fr 1.45fr 1fr;background:linear-gradient(120deg,#142022,#0e1517);border:1px solid var(--line);border-radius:16px;overflow:hidden}.console>div{min-width:0}.now-card{padding:27px 30px;display:flex;flex-direction:column}.pilot{font:10px var(--mono);color:var(--mint);display:flex;gap:9px;align-items:center;line-height:1.6}.pilot.error{color:#ffac87}.dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}h2{font:500 31px/1.1 Barlow Condensed,Arial Narrow,sans-serif;margin:20px 0;letter-spacing:.2px;text-wrap:balance}.track-meta{font:11px/1.6 var(--mono);color:var(--soft);display:block;margin-top:12px}.time{display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.6px;color:var(--soft);margin-top:auto}.time span:last-child{color:var(--mint);font-variant-numeric:tabular-nums}.spectrum-card{border-inline:1px solid var(--line);position:relative;min-height:255px;overflow:hidden}.instrument-heading{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.6px;color:var(--soft);z-index:1;pointer-events:none}.instrument-heading span:last-child{color:var(--mint)}.scope{height:255px;position:relative;background:radial-gradient(ellipse at 50% 60%,#15312e66,transparent 65%)}.spectrum-canvas{width:100%;height:100%;display:block}.scope-head{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:9px var(--mono);letter-spacing:1px;color:var(--cyan)}.frequency-legend{position:absolute;bottom:14px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font:8px var(--mono);letter-spacing:1px;color:#79918a}.frequency-legend span:nth-child(2){visibility:hidden}.controls-card{padding:25px 28px}.control-caption{font:9px var(--mono);letter-spacing:1.5px;color:var(--soft)}.tune{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:13px;min-height:56px;border:0;border-radius:8px;background:var(--mint);color:#142115;padding:16px 19px;font-size:13px;font-weight:700;letter-spacing:.8px;transition:background .2s,transform .2s}.tune:hover{background:#d2ffb5;transform:translateY(-2px)}.tune:disabled{opacity:.5;cursor:wait}.tune span{font-size:15px}.volume{display:flex;align-items:center;gap:13px;font:10px var(--mono);color:var(--soft);margin-top:20px}.volume input{width:100%;min-width:0;height:3px;accent-color:var(--mint)}.feedback{margin-top:22px}.feedback[hidden]{display:none}.feedback-label{display:block;font:9px var(--mono);letter-spacing:.9px;color:var(--soft);margin-bottom:8px}.feedback-pills{display:grid;grid-template-columns:1fr 1fr;gap:7px}.feedback button{background:transparent;border:1px solid #354443;color:#b6c9be;border-radius:999px;min-height:38px;padding:8px 12px;font-size:11px;line-height:1.25;text-align:left;transition:color .18s,border-color .18s,background .18s,transform .18s}.feedback button:hover{color:var(--mint);border-color:var(--mint);transform:translateY(-1px)}.feedback button[aria-pressed=true]{color:#142115;border-color:var(--mint);background:var(--mint)}.feedback button.is-pending{border-color:#7b9689;color:#d8e9df}.feedback button:disabled{opacity:.55;cursor:wait}.voice-strip{display:flex;align-items:center;gap:18px;margin-top:20px;padding:23px 28px;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.voice-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#27352c;color:var(--mint);font:italic 26px Georgia}.voice-label{font:9px/1.9 var(--mono);letter-spacing:.8px;color:var(--soft);flex:none}.voice-label strong{font:14px DM Sans;color:var(--ink);letter-spacing:0}.subtitle{font-size:14px;line-height:1.65;color:#b0c1b8;margin:0 40px 0 14px;max-height:100px;overflow:auto;scrollbar-width:thin}.voice-decoration{position:absolute;right:22px;top:0;font:100px Georgia;color:#263831;pointer-events:none}.station{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:60px;align-items:center;padding:58px 4px}.section-number{font:9px var(--mono);letter-spacing:2px;color:var(--soft)}h3{font:500 36px/1.1 Barlow Condensed,sans-serif;margin:13px 0 0}.station p{font-size:14px;line-height:1.8;color:var(--soft)}.station-sign{font:600 29px/.98 Barlow Condensed;color:var(--mint);border:1px solid #46633e;padding:22px 26px;transform:rotate(-3deg);position:relative;border-radius:4px}.station-sign span{position:absolute;right:20px;top:20px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:24px 0 35px;font:9px var(--mono);color:var(--soft)}footer>span:nth-child(2){font:italic 14px Georgia;color:#b3c5b4}.stage:fullscreen{width:100%;height:100%;max-height:none;border:0;border-radius:0}@media(min-width:1700px){.stage{height:650px}}@media(max-width:1000px){.header-note{display:none}.page{padding:0 24px}.site-header{padding:22px 24px}.console{grid-template-columns:1fr 1.2fr}.controls-card{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.control-caption{display:none}.tune{margin:0;grid-row:1/3}.volume{margin:10px 0}.feedback{margin:15px 0 0}.spectrum-card{border-right:0}.station{gap:25px}.stage{height:480px}.visual-name{font-size:64px}}@media(max-width:640px){.site-header{padding:20px;flex-wrap:wrap;gap:18px}.brand{font-size:24px}.header-actions{margin-left:auto}.auth-status{display:none}nav{order:3;gap:18px;font-size:11px;width:100%;justify-content:space-between}.brand-radio{font-size:9px}.page{padding:0 16px}.edition{font-size:8px;letter-spacing:1px;padding-top:18px}.edition>span:nth-child(2){display:none}.edition-end{font-size:8px}.stage{height:430px;min-height:0;border-radius:12px}.stage-head{top:14px;left:14px;right:14px}.stage-live{font-size:8px;padding:9px;letter-spacing:.5px}.visual-controls button{min-width:35px;min-height:35px;padding:8px}.visual-footer{left:22px;right:22px;bottom:28px}.visual-name{font-size:48px;letter-spacing:-.7px}.visual-kicker{font-size:8px;letter-spacing:1.5px}.stage-stamp,.stage-coordinate{display:none}.stage-caption{font-size:8px;letter-spacing:0}.stage-caption span:last-child{display:none}.console{grid-template-columns:1fr}.now-card{padding:22px 24px}.now-card h2{font-size:28px;margin:12px 0}.track-meta{margin-top:7px;font-size:10px}.time{margin-top:8px}.spectrum-card{border:0;border-top:1px solid var(--line)}.scope{height:235px}.spectrum-card{min-height:235px}.controls-card{padding:22px 24px;display:block}.tune{min-height:60px}.volume,.feedback{margin-top:22px}.voice-strip{padding:20px;flex-wrap:wrap;gap:12px}.subtitle{margin:5px 0 0;flex-basis:100%;font-size:13px}.voice-decoration{right:15px}.station{grid-template-columns:1fr;gap:18px;padding:38px 8px}.station p{margin:0}.station-sign{max-width:250px;margin-top:12px}footer{flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.tune:hover{transform:none}}