*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101617;color:#e8dfcd;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #efb772;outline-offset:5px}.scene{position:relative;isolation:isolate;overflow:hidden;min-height:940px;background:radial-gradient(ellipse at 72% 70%,#55452b88,transparent 45%),linear-gradient(95deg,#0c1418,#1a2427 62%,#0b1519);padding:0 7%}.scene:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:4;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 4px);opacity:.045}.night{position:absolute;inset:0;z-index:-1;overflow:hidden}.window{position:absolute;right:7%;top:-50px;width:49%;height:670px;background:linear-gradient(#162b36,#34505a88);border:17px solid #141e21;box-shadow:0 0 0 2px #43525044,inset 0 0 100px #0009;transform:perspective(1400px) rotateY(-8deg)}.window:before,.window:after{content:'';position:absolute;background:#152025;z-index:2;box-shadow:2px 0 #4c5a5955}.window:before{left:48%;width:12px;top:0;bottom:0}.window:after{top:48%;height:12px;left:0;right:0}.skyline{position:absolute;inset:36% -4% 0;background:repeating-linear-gradient(90deg,transparent 0 17px,#63746b45 17px 21px,transparent 21px 36px),repeating-linear-gradient(0deg,#0e1c23 0 25px,#20363b 25px 29px);clip-path:polygon(0 30%,12% 30%,12% 10%,20% 10%,20% 23%,33% 23%,33% 44%,47% 44%,47% 5%,50% 5%,50% 0,51% 0,51% 5%,59% 5%,59% 20%,70% 20%,70% 40%,84% 40%,84% 12%,95% 12%,95% 37%,100% 37%,100% 100%,0 100%)}.rain{position:absolute;inset:0;background:repeating-linear-gradient(102deg,transparent 0 29px,#b3d8dd16 30px,transparent 31px 60px);opacity:.7}.lamp{position:absolute;top:80px;right:7%;width:180px;height:120px;border-radius:100% 100% 12% 12%;background:linear-gradient(100deg,#2f3029,#121d20 80%);border-bottom:5px solid #e0ae65;transform:rotate(-13deg);box-shadow:0 8px 16px #d9943530}.lamp:before{content:'';position:absolute;bottom:99%;left:49%;height:160px;width:3px;background:#111}.light{position:absolute;right:-70px;top:176px;width:650px;height:650px;background:radial-gradient(ellipse at top,#d99b4150,transparent 70%);clip-path:polygon(60% 0,78% 0,100% 100%,0 100%);filter:blur(20px)}header{position:relative;z-index:5;display:flex;justify-content:space-between;gap:20px;align-items:center;height:94px;border-bottom:1px solid #a7b3ac29;font-size:11px;letter-spacing:2px}header a{text-decoration:none}header span{color:#9ca9a7;font-size:9px}.headline{padding-top:65px;position:relative}.eyebrow,.machine-label,.host-label{font-size:10px;letter-spacing:2.5px;font-weight:600;color:#d3ab79}.headline h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(96px,12vw,166px);line-height:.8;letter-spacing:-8px;margin:28px 0 28px}.headline h1 em{font-weight:400;color:#e7be8b}.headline h1>span{color:#b65335}.tagline{font-family:Georgia,serif;font-size:20px;line-height:1.5;color:#aeb7b1}.station-stamp{position:absolute;top:320px;right:12%;display:flex;flex-direction:column;gap:16px;transform:rotate(-4deg)}.on-air{padding:10px 18px;border:2px solid #734634;color:#985f45;font-weight:800;font-size:28px;letter-spacing:5px;background:#131c1c;box-shadow:0 6px 16px #0008}body.on .on-air{color:#ffca80;border-color:#edb071;box-shadow:0 0 30px #dc8e3c33,inset 0 0 20px #e3902930}.station-stamp>span:last-child{font-size:9px;letter-spacing:2px;line-height:1.8;color:#98aba9}.desk{position:relative;width:min(790px,100%);margin:54px auto 0}.desk:before{content:'';position:absolute;z-index:-1;top:65%;height:300px;left:-50vw;right:-50vw;background:linear-gradient(#4a392c,#251e18 12%,#121616 65%);border-top:2px solid #8d725337;transform:perspective(1000px) rotateX(15deg)}.machine-label{text-align:center;font-size:9px;margin-bottom:20px;color:#afa99b}.radio{background:linear-gradient(130deg,#766852,#3b3b32 60%,#272d28);padding:28px;border-radius:15px;border:2px solid #8d7b5d;box-shadow:0 20px 35px #000a,0 7px #111a18,inset 0 2px #d2b78955;display:grid;grid-template-columns:.8fr 1.4fr;gap:30px;transform:rotate(-1deg)}.speaker{border-radius:9px;background:repeating-linear-gradient(0deg,#161e1a 0 3px,#68624a 3px 5px);border:8px solid #302f26;box-shadow:inset 0 0 22px #000;min-height:170px}.receiver{min-width:0}.dial{position:relative;background:linear-gradient(#cfb882,#f0d393 60%,#aa925c);color:#3c392b;padding:21px 14px 14px;border-radius:3px;box-shadow:inset 0 3px 10px #332b19;border:3px solid #242b24}.dial span{font-family:Georgia,serif;font-size:17px;word-spacing:5px;white-space:nowrap}.dial strong{display:block;font-size:8px;letter-spacing:2px;margin-top:10px;padding-top:14px;background:repeating-linear-gradient(90deg,#50452d 0 1px,transparent 1px 7px) top/100% 8px no-repeat}.needle{position:absolute;left:64%;top:8px;bottom:8px;width:2px;background:#a13c25;box-shadow:1px 0 #f4de8c}.readout{display:flex;align-items:center;gap:8px;min-height:39px;font-size:8px;letter-spacing:1px}.readout i{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#705943}body.on .readout i{background:#ffd196;box-shadow:0 0 9px #e9a152}.knobs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button{border:1px solid #7a7864;border-radius:3px;padding:12px 16px;background:#202a25;color:#eee0c7;cursor:pointer;font-size:11px;letter-spacing:.6px;box-shadow:0 3px #121b16}#broadcast{background:#d2b17a;color:#20271f;border-color:#e9c998;font-weight:bold}button:disabled{opacity:.4;cursor:default}.knobs label{font-size:8px;letter-spacing:1.5px;flex:1;min-width:90px;display:flex;gap:7px;flex-direction:column}.knobs input{width:100%;accent-color:#ddbc81;height:12px}.scene-footer{position:relative;display:flex;justify-content:space-between;padding:40px 0 25px;gap:20px;font-size:9px;letter-spacing:1.5px;color:#858f89}.below{max-width:1100px;margin:auto;padding:80px 7% 30px;display:grid;grid-template-columns:1.2fr 1fr;gap:75px}.program h2,.instructions h2{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.15;letter-spacing:-1px;margin:22px 0 30px}.host-label{margin-top:35px;color:#969f96;font-size:8px}blockquote{margin:18px 0 28px;padding-left:20px;border-left:1px solid #9c7850;font:italic 19px/1.7 Georgia,serif;color:#b6bcb1}.voice{display:block;font-size:11px;color:#a6afa5;margin-bottom:18px}.voice input{accent-color:#dfb57d}#skip{background:none;box-shadow:none;border:0;border-bottom:1px solid #5c655d;padding:8px 0;color:#d9c09b;font-size:11px}.instructions{padding-top:15px}.instructions h2{font-size:30px}li,p{line-height:1.8}li{font-size:13px;padding-left:5px;margin-bottom:20px;color:#bcc1b7}ol{padding-left:20px}li::marker{color:#d4ab72}.instructions p{font-size:12px;color:#aeb8af}.instructions strong{color:#e6deca;font-weight:500}.instructions a{color:#dfb57d}.instructions .note{font-size:11px;color:#7d8e86}.instructions>a{display:inline-block;font-size:12px;margin-top:20px}footer{grid-column:1/-1;border-top:1px solid #37443c;padding-top:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#8b9a90}footer a{letter-spacing:0;font-size:11px}@media(min-width:1500px){.scene{padding-left:12%;padding-right:12%}}@media(max-width:700px){.scene{padding:0 6%;min-height:0}header{height:70px;letter-spacing:1px;font-size:10px}header span{display:none}.headline{padding-top:55px}.headline h1{font-size:102px;letter-spacing:-5px}.eyebrow{font-size:8px;letter-spacing:1.5px}.tagline{font-size:17px}.window{width:75%;right:-23%;height:640px;opacity:.65}.lamp{width:100px;height:70px;right:-25px;top:125px}.light{right:-290px}.station-stamp{right:5%;top:345px}.on-air{font-size:13px;padding:6px 8px;letter-spacing:2px}.station-stamp>span:last-child{display:none}.desk{margin-top:45px}.radio{padding:17px;gap:14px;grid-template-columns:1fr;transform:none}.speaker{min-height:44px;border-width:4px}.dial span{font-size:17px;word-spacing:2px}.readout{font-size:8px;line-height:1.5;padding:10px 0}.knobs button{padding:12px}.scene-footer{padding:30px 0;font-size:8px;letter-spacing:.5px}.scene-footer>span{max-width:110px}.below{display:block;padding:40px 7% 25px}.program h2{font-size:34px}.instructions{margin-top:55px;border-top:1px solid #37443c;padding-top:22px}footer{margin-top:50px;line-height:1.6;gap:25px}.machine-label{font-size:8px}.knobs label{min-width:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A portable stereo cassette deck, built into the night scene. */
.desk{width:min(990px,100%);margin-top:74px}.radio{position:relative;grid-template-columns:1fr 1.8fr 1fr;gap:20px;padding:24px;background:linear-gradient(115deg,#73766b,#494f47 48%,#303a35);border-color:#8a9280;border-radius:10px;box-shadow:inset 0 2px #bdc4ac66,inset 0 -5px #1a221b,0 8px #0b100d,0 22px 38px #000b}.radio:before{content:'';position:absolute;bottom:100%;left:22%;width:56%;height:32px;border:9px solid #252f29;border-bottom:0;border-radius:10px 10px 0 0;box-shadow:inset 0 2px #929887,0 -1px #97998b}.radio:after{content:'';position:absolute;right:35px;bottom:calc(100% + 8px);width:45%;height:4px;background:linear-gradient(#d8d9bd,#535e58);transform:rotate(12deg);transform-origin:right;border-radius:4px;z-index:-1}.radio .speaker{align-self:stretch;min-height:280px;border-radius:5px;border:6px solid #303a30;background:repeating-linear-gradient(0deg,#0c141000 0 3px,#5c695966 3px 4px),repeating-linear-gradient(90deg,#16231900 0 3px,#52634e55 3px 4px),radial-gradient(circle at center,#111b15 0 19%,#455040 20% 21%,#19261c 22% 37%,#495844 38% 39%,#111c14 40%);box-shadow:inset 0 0 16px #000a,0 1px #a4ad9266}.radio .dial{padding:13px 10px 10px}.radio .dial span{font-size:14px;word-spacing:2px}.radio .dial strong{font-size:7px;letter-spacing:1px}.tape-door{margin-top:13px;padding:9px 10px 7px;background:linear-gradient(115deg,#202b25,#101914);border:2px solid #141d16;border-radius:4px;box-shadow:0 1px #97a08355,inset 0 1px #78806b44}.deck-caption{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.5px;color:#9ca78d;padding:0 0 7px}.cassette-window{position:relative;padding:9px 13px;background:#0a100d;border:2px solid #616952;border-radius:3px;box-shadow:inset 0 0 10px #000}.cassette-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#cedbd311,transparent 40%,#e0e6d618 41%,#dce1b809 55%,transparent 56%)}.broadcast-cassette{position:relative;background:#292d24;padding:7px 10px 0;border:1px solid #7e8068;border-radius:6px 6px 3px 3px;box-shadow:0 4px 7px #000}.tape-paper{display:flex;justify-content:space-between;background:#cfb982;border-top:3px solid #b45a3d;color:#262e22;padding:5px 6px;font-size:8px;font-weight:bold;letter-spacing:1px}.tape-band{display:flex;align-items:center;justify-content:space-between;background:#101b15;border:5px solid #c0b184;border-top:0;border-bottom:0;padding:5px 9px;gap:10px}.tape-reel{display:block;flex-shrink:0;width:30px;height:30px;border:4px dashed #d5c69d;border-radius:50%;background:radial-gradient(circle,#121c14 0 28%,#aa9c75 30% 39%,#172019 41%);animation:reel-turn 2.2s linear infinite;animation-play-state:paused}.tape-bridge{width:50px;height:16px;border-top:1px solid #847450;border-bottom:1px solid #847450;background:linear-gradient(90deg,#282d24,#69736177,#202b21)}.tape-side{background:#c0b184;color:#323c2b;font-size:10px;padding:3px 7px 5px;display:flex;gap:8px;align-items:center;font-weight:bold}.tape-side span{font-size:5px;letter-spacing:.6px}.tape-foot{height:11px;width:65%;margin:4px auto 0;background:linear-gradient(#53563f,#1c251b);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.door-grip{height:3px;width:40px;margin:7px auto 0;background:#747b6177;box-shadow:0 2px #040b04}.radio .readout{min-height:32px;font-size:7px}.radio .knobs{gap:8px}.radio .knobs button{border-radius:2px;padding:10px 12px;background:linear-gradient(#a6aa93,#717e65);color:#15251a;border-color:#abb096;box-shadow:0 4px #19251a,inset 0 1px #e2e6cb;font-size:10px;min-height:37px}.radio .knobs #broadcast{background:linear-gradient(#dec48b,#ac8e59);border-color:#dbc99a}.tape-running #broadcast{box-shadow:0 1px #19251a,inset 0 2px 3px #514529;transform:translateY(3px)}.tape-running .tape-reel{animation-play-state:running}@keyframes reel-turn{to{transform:rotate(360deg)}}@media(max-width:700px){.desk{margin-top:70px}.radio{grid-template-columns:1fr;padding:15px;gap:10px;transform:none}.radio .speaker{min-height:38px;height:38px;border-width:3px;background:repeating-linear-gradient(0deg,#111c14 0 3px,#52604a 3px 4px)}.radio .speaker-right{display:none}.radio:before{height:24px;border-width:7px;left:18%;width:64%}.radio:after{right:20px;width:50%}.tape-door{margin-top:10px}.tape-paper{font-size:9px}.tape-side span{font-size:6px}.tape-reel{width:32px;height:32px}.radio .knobs button{font-size:11px}.radio .readout{font-size:8px}.radio .dial span{font-size:15px}.radio .knobs label{min-width:70px}}@media(prefers-reduced-motion:reduce){.tape-reel{animation:none}}

/* Late-eighties graphite and brushed aluminium portable stereo. */
.radio{background:linear-gradient(115deg,#42484b,#292f33 55%,#20272b);border-color:#737d80;border-radius:7px;box-shadow:inset 0 2px #b9c2c455,inset 0 -4px #151b1f,0 7px #0b1115,0 22px 38px #000b}.radio:before{border-color:#242b30;border-radius:6px 6px 0 0;box-shadow:inset 0 2px #8b969b,0 -1px #8a9398}.radio:after{background:linear-gradient(#dbe1e3,#657178)}.radio .speaker{border-color:#252d32;background:repeating-linear-gradient(0deg,transparent 0 3px,#56626c55 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#56626c44 3px 4px),radial-gradient(circle at center,#131a20 0 19%,#3e4b55 20% 21%,#1c2830 22% 37%,#46525b 38% 39%,#121b21 40%);box-shadow:inset 0 0 16px #0009,0 1px #a9b8c244}.radio .dial{background:linear-gradient(#a7b8b5,#c4d0c4 55%,#9bada5);border-color:#151f25;color:#23332e;box-shadow:inset 0 2px 8px #15292588;border-radius:2px}.radio .dial strong{font-family:Arial,sans-serif;font-weight:500;letter-spacing:1.4px;background-image:repeating-linear-gradient(90deg,#53665b 0 1px,transparent 1px 7px)}.radio .dial span{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.5px}.needle{background:#d65e48;box-shadow:1px 0 #f0b19b}.tape-door{background:linear-gradient(115deg,#202a31,#111b22);border-color:#141e25;box-shadow:0 1px #b3c2ce44,inset 0 1px #9aa9b533}.deck-caption{color:#a8b8c3;letter-spacing:1.5px}.cassette-window{border-color:#687b88;background:#091218}.broadcast-cassette{background:#222c34;border-color:#74838e}.tape-paper{background:#d7d8ce;border-top-color:#cf5745;color:#29363c}.tape-band{border-color:#c6cbbf;background:#102028}.tape-side{background:#c6cbbf;color:#2d3c45}.tape-reel{border-color:#dde0cb;background:radial-gradient(circle,#14212a 0 28%,#aeb6a9 30% 39%,#1a2931 41%)}.tape-bridge{border-color:#728d92;background:linear-gradient(90deg,#263c46,#819caa66,#21353d)}.tape-foot{background:linear-gradient(#5b6f7a,#1b2a34)}.door-grip{background:#879ca777}.radio .readout{color:#c4cdd1}.radio .knobs button{background:linear-gradient(#c3cace,#8f9ba2);color:#1c2932;border-color:#b0bec5;box-shadow:0 4px #121c24,inset 0 1px #ecf1f3}.radio .knobs #broadcast{background:linear-gradient(#dc7964,#b85444);border-color:#e39a84;color:#fff1e6}.radio .knobs input{accent-color:#c4d0d6}.radio .knobs label{color:#b7c4cc}.tape-running #broadcast{box-shadow:0 1px #19232b,inset 0 2px 3px #58251d}.radio .readout i{background:#65443c}body.on .radio .readout i{background:#e67a5d;box-shadow:0 0 8px #e568493d}@media(max-width:700px){.radio .speaker{background:repeating-linear-gradient(0deg,#121d25 0 3px,#52616b 3px 4px)}}

/* Match the broadcast booth to the late-eighties stereo. */
body{background:#111820;color:#dce5e9}.scene{background:radial-gradient(ellipse at 76% 60%,#46637a33,transparent 50%),linear-gradient(100deg,#101923,#253644 70%,#111c29)}.window{background:linear-gradient(#172c41,#49627877);border-color:#192733;box-shadow:0 0 0 2px #6c819244,inset 0 0 100px #0007}.window:before,.window:after{background:#20313e;box-shadow:2px 0 #8398a744}.skyline{background:repeating-linear-gradient(90deg,transparent 0 17px,#9eb8c33d 17px 21px,transparent 21px 36px),repeating-linear-gradient(0deg,#122331 0 25px,#375268 25px 29px)}.lamp{background:linear-gradient(100deg,#5a6873,#243643 80%);border-bottom-color:#d6e9ec;box-shadow:0 8px 16px #9ab7d333}.light{background:radial-gradient(ellipse at top,#a3c9e52e,transparent 70%)}.headline h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(88px,11vw,150px);font-weight:900;letter-spacing:-7px;line-height:.87;text-transform:uppercase}.headline h1 em{font-style:normal;color:#dce5e9}.headline h1>span{color:#e07664}.headline .eyebrow,.machine-label,.host-label,.program>.eyebrow{color:#9eafbc}.tagline{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:400;color:#aebecb;line-height:1.6}.station-stamp{transform:rotate(-2deg)}.on-air{color:#b66d65;border-color:#824e4a;background:#191f29}.station-stamp>span:last-child{color:#a8b8c7}body.on .on-air{color:#ff9a88;border-color:#e77461;box-shadow:0 0 35px #df574344,inset 0 0 20px #e6644e22}.desk:before{background:linear-gradient(#4e5b65,#26313d 12%,#111820 70%);border-color:#a1acb344}.program h2,.instructions h2{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-1px}.program blockquote{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:18px;line-height:1.85;color:#b9c6cf;border-left-color:#cb7869}.voice,.instructions p{color:#afbdc9}.instructions li{color:#bbc8d2}.instructions li::marker,.instructions a{color:#e89885}.instructions strong{color:#e1e8ec}.instructions .note{color:#95a7b8}.scene-footer{color:#a0b2bf}footer{color:#9eafbc;border-color:#3c4c5b}#skip{color:#d4b4aa;border-color:#586b7c}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#f09b85}@media(max-width:700px){.headline h1{font-size:clamp(76px,23vw,102px);letter-spacing:-4px}.tagline{font-size:16px}.instructions{border-color:#3c4c5b}}
.machine-label{margin-bottom:44px}

.retro-pc{position:absolute;right:13%;top:415px;width:220px;transform:perspective(900px) rotateY(-14deg) rotate(-3deg);filter:brightness(.76);opacity:.95}.pc-monitor{padding:15px 15px 0;background:linear-gradient(125deg,#8d9793,#596766 60%,#344348);border:2px solid #859590;border-radius:10px 10px 6px 6px;box-shadow:14px 8px 0 #263940,18px 12px 16px #060f16aa,inset 2px 2px #b3bcb044}.pc-glass{position:relative;height:116px;padding:18px 11px;border:8px solid #1c2e30;border-radius:18px/12px;background:radial-gradient(ellipse,#153e30,#081c18);color:#79bb8d;box-shadow:0 0 15px #5ca77c17,inset 0 0 18px #0008;font:9px 'Courier New',monospace;text-shadow:0 0 4px #71e2a055;overflow:hidden}.pc-glass:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,#0004 2px 3px)}.pc-glass>span{font-weight:bold;letter-spacing:1px}.pc-glass small{display:block;font-size:6px;line-height:1.8;margin-top:10px}.pc-glass i{display:block;background:#78b988;width:5px;height:7px;margin-top:5px}.pc-chin{height:25px;display:flex;justify-content:space-between;align-items:center;font:5px Arial,sans-serif;letter-spacing:.7px;color:#bac1b3}.pc-chin b{width:3px;height:3px;background:#94c28a;box-shadow:0 0 5px #83c996}.pc-neck{width:56px;height:16px;margin:auto;background:linear-gradient(90deg,#526562,#85938a,#465b5c);box-shadow:8px 2px #263a40}.pc-base{height:29px;background:linear-gradient(#81918a,#526663);border:1px solid #83978a;border-radius:3px;box-shadow:10px 5px #263b42;position:relative}.pc-base:before{content:'';position:absolute;left:12px;top:9px;width:85px;height:10px;background:repeating-linear-gradient(90deg,#293c39 0 2px,transparent 2px 5px)}.pc-base span{position:absolute;right:12px;top:10px;width:52px;height:4px;background:#182e30;border-bottom:1px solid #99a696}.pc-keyboard{width:210px;height:37px;margin:7px 0 0 -16px;border:6px solid #657873;border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 6px,#344a45 6px 8px),repeating-linear-gradient(90deg,#82958a 0 9px,#324b43 9px 11px);transform:perspective(160px) rotateX(35deg);box-shadow:0 4px #293f3e,5px 6px 12px #0006}@media(max-width:700px){.retro-pc{right:3%;top:407px;transform:scale(.52) rotate(-4deg);transform-origin:top right;opacity:.72}.desk{margin-top:112px}}
@media(min-width:701px){.retro-pc{top:449px}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.radio .dial{min-height:64px}.frequency-marks{display:block;height:12px;background:repeating-linear-gradient(90deg,#44574f 0 1px,transparent 1px 16px)}.radio .dial strong{height:14px;margin-top:8px}.radio .tape-paper{min-height:18px}.radio .tape-side{min-height:14px}.radio .readout{position:absolute;bottom:31px;left:calc(50% - 57px);min-height:0;padding:0}.radio .knobs{justify-content:center;gap:30px;margin-top:16px;min-height:65px}.radio .knobs #broadcast{position:relative;width:66px;height:66px;min-height:66px;padding:5px;border-radius:50%;border:2px solid #788a93;background:repeating-conic-gradient(#71818a 0deg 3deg,#26363f 3deg 6deg);box-shadow:0 4px 7px #060c12,inset 0 1px #cfdae0;transform:none;opacity:1}.radio .knobs #broadcast:disabled{cursor:default}.knob-cap{display:block;position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#707e85,#36464e 60%,#1d2e36);box-shadow:inset 0 1px 2px #c9d7dd66,0 1px 3px #000;transform:rotate(-65deg)}.knob-cap:before{content:'';position:absolute;width:3px;height:13px;background:#f4a08a;left:calc(50% - 1.5px);top:4px;border-radius:1px}.on .knob-cap{transform:rotate(45deg)}.tuning .knob-cap{animation:tune-knob var(--tuning-duration,1.8s) ease-in-out both}.tuning .needle{animation:tune-needle var(--tuning-duration,1.8s) ease-in-out both}.radio .knobs #stop{width:40px;height:34px;min-height:34px;padding:0;font-size:15px}.tuning .radio .readout i{animation:tune-led .3s steps(2) infinite}@keyframes tune-needle{0%{left:15%}35%{left:85%}65%{left:43%}83%{left:69%}100%{left:64%}}@keyframes tune-knob{0%{transform:rotate(-65deg)}35%{transform:rotate(100deg)}65%{transform:rotate(-15deg)}83%{transform:rotate(58deg)}100%{transform:rotate(45deg)}}@keyframes tune-led{50%{opacity:.3}}@media(max-width:700px){.radio .readout{bottom:32px;left:calc(50% - 68px)}}@media(prefers-reduced-motion:reduce){.tuning .knob-cap,.tuning .needle,.tuning .radio .readout i{animation:none}}

.radio .dial .frequency-marks{display:flex;justify-content:space-between;height:auto;padding-bottom:12px;background-position:bottom;background-size:100% 8px;background-repeat:no-repeat}.radio .dial .frequency-marks>span{font:11px Arial,sans-serif;letter-spacing:0;word-spacing:0;color:#23332e}

/* CPC-inspired all-in-one keyboard with its integrated cassette drive. */
.retro-pc .pc-monitor{width:186px;margin-left:12px;background:linear-gradient(120deg,#656d68,#3e4947 70%,#253632);border-color:#77817a;border-radius:6px;box-shadow:12px 7px #233431,15px 10px 15px #08120daa,inset 1px 2px #a1aaa044}.retro-pc .pc-glass{height:119px;padding:16px 8px;background:radial-gradient(ellipse,#18492b,#092216);border-color:#1a2923;color:#81cf78}.retro-pc .pc-chin{font-weight:bold;color:#b9c6af;letter-spacing:1.2px}.retro-pc .pc-neck{height:11px;background:#344b3d;width:105px;box-shadow:8px 2px #25372e}.cpc-computer{position:relative;width:240px;height:76px;margin-left:-13px;background:linear-gradient(115deg,#4d5953,#283c32);border:2px solid #718174;border-radius:3px;transform:perspective(300px) rotateX(27deg);box-shadow:0 7px #152a20,8px 10px 15px #060f14aa}.cpc-badge{position:absolute;left:9px;top:4px;font:5px Arial,sans-serif;letter-spacing:1px;color:#afc3ad}.cpc-keys{position:absolute;left:9px;top:16px;width:148px;height:40px;border:3px solid #1b2c21;background:repeating-linear-gradient(0deg,transparent 0 7px,#172c20 7px 9px),repeating-linear-gradient(90deg,#465749 0 8px,#162c1f 8px 10px)}.cpc-keys:before{content:'';position:absolute;right:0;top:0;width:27px;height:33px;background:repeating-linear-gradient(0deg,transparent 0 7px,#21362a 7px 9px),repeating-linear-gradient(90deg,transparent 0 7px,#21362a 7px 9px),linear-gradient(#aa5e43 0 9px,#538853 9px 100%)}.cpc-keys:after{content:'';position:absolute;bottom:-10px;left:26px;width:80px;height:6px;background:#537354;border:1px solid #1c3224}.cpc-tape{position:absolute;right:8px;top:14px;width:57px;height:33px;border:4px solid #4e6654;background:#101e15;box-shadow:0 0 0 1px #788c77;display:flex;align-items:center;justify-content:space-around}.cpc-tape i{width:11px;height:11px;border:3px dashed #92a28a;border-radius:50%}.cpc-tape-buttons{position:absolute;right:8px;top:53px;width:57px;height:9px;background:repeating-linear-gradient(90deg,#9aa68c 0 7px,#253e2b 7px 9px);border-bottom:2px solid #16291b}

.cassette-transport{display:flex;justify-content:center;gap:3px;margin:10px auto 0;padding:5px 6px 8px;width:132px;border:1px solid #111e26;border-radius:3px;background:#16232b;box-shadow:inset 0 2px 4px #0008}.cassette-transport button{width:56px;height:35px;padding:0;border-radius:2px;border:1px solid #a9b7bd;background:linear-gradient(#c0cbd0,#83969f);color:#263841;font-size:14px;box-shadow:inset 0 1px #e3edf0,0 4px #384b55;transition:transform .12s,box-shadow .12s}.cassette-transport button:disabled{opacity:.65}.cassette-transport button:active,.on .cassette-transport #tape-play{transform:translateY(3px);box-shadow:inset 0 2px 3px #485d6577,0 1px #384b55}.radio .knobs{margin-top:12px}.radio .readout{left:calc(50% - 50px)}

.radio .knobs{position:relative}.dial-hint{position:absolute;right:calc(50% + 46px);top:9px;width:90px;text-align:right;color:#dce5e9;font:11px/1.4 Arial,sans-serif;letter-spacing:0;pointer-events:none}.dial-hint>span{position:absolute;right:-19px;top:14px;font-size:23px;color:#efa38c}.on .dial-hint{visibility:hidden}
.dial-hint{max-width:calc(50% - 48px)}

.mobile-cable{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.cable-shadow{fill:none;stroke:#0a1017;stroke-width:7;stroke-linecap:round}.cable-light{fill:none;stroke:#6d7b83;stroke-width:2;stroke-linecap:round}.cable-plug{fill:#b1babf;stroke:#16232d;stroke-width:2}@media(max-width:700px){.mobile-cable{display:block}.radio .tape-door,.radio #tape-play{display:none}.radio .cassette-transport{display:contents}.radio .cassette-transport #stop{position:absolute;right:20px;bottom:31px;width:34px;height:30px;z-index:2}.radio .knobs{margin-top:16px}.radio .readout{left:calc(50% - 46px)}.retro-pc{right:7%}.radio{margin-right:8px}.desk{width:100%}}

.headline h1.broadcast-heading{font-size:clamp(54px,6.9vw,98px);line-height:.98;letter-spacing:-4px}@media(max-width:700px){.headline h1.broadcast-heading{font-size:clamp(43px,12vw,67px);letter-spacing:-2px;line-height:1.05}}

/* Floating tuning invitation, anchored to the dial. */
.radio .dial-hint{right:auto;left:50%;top:auto;bottom:calc(100% + 13px);width:164px;max-width:none;padding:12px 17px;text-align:center;background:linear-gradient(135deg,#e9f0ef,#cadbdd);color:#243943;border:1px solid #f5faf8;border-radius:12px;box-shadow:0 8px 22px #050d18aa,inset 0 1px #fff;transform:translateX(-50%);z-index:5;visibility:visible;opacity:1;animation:hint-appear .45s ease-out both;transition:opacity .18s,visibility .18s}
.radio .dial-hint strong{display:block;font:600 13px/1.35 Arial,sans-serif;letter-spacing:.1px}.radio .dial-hint .hint-caption{position:static;display:block;font:11px/1.4 Arial,sans-serif;color:#536b74;margin-top:2px}.radio .dial-hint:after{content:'';position:absolute;left:calc(50% - 6px);top:100%;width:12px;height:12px;background:#cedfe0;border-right:1px solid #f5faf8;border-bottom:1px solid #f5faf8;transform:translateY(-6px) rotate(45deg)}.on .radio .dial-hint{visibility:hidden;opacity:0;animation:none}@keyframes hint-appear{from{opacity:0;transform:translate(-50%,6px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@media(prefers-reduced-motion:reduce){.radio .dial-hint{animation:none;transition:none}}
.radio .knobs{margin-top:16px}

/* Reduced copy: preserve the scenery and give recording instructions one column. */
.headline{min-height:480px}.desk{padding-top:30px}.scene{padding-bottom:45px}.below{display:block;max-width:760px;padding-top:40px;padding-bottom:50px}.below .program{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.below .voice{margin:0}.below .instructions{margin-top:28px;padding-top:20px;border-top:1px solid #374854}@media(max-width:700px){.headline{min-height:370px}.scene{padding-bottom:30px}.below{padding-top:28px}.below .instructions{margin-top:24px}}

/* Keep the tuning controls immediately after the headline. */
.headline{min-height:0;padding-top:36px}.desk{margin-top:30px;padding-top:30px}.scene{min-height:0}.headline h1.broadcast-heading{margin-bottom:0}@media(max-width:700px){.headline{min-height:0;padding-top:28px}.desk{margin-top:22px;padding-top:30px}.retro-pc{top:280px;right:4%;opacity:.45}}

.below .instructions{margin-top:0;border-top:0;padding-top:0}

header .station-brand{display:inline;font-size:11px;font-weight:600;letter-spacing:2px;color:#dce5e9}
.radio .readout i{background:#304b38}body.on .radio .readout i{background:#78ed98;box-shadow:0 0 8px #63e88a88}

.transmission-mode{max-width:640px;margin:0 auto 32px;padding:20px 0;border-bottom:1px solid #bac7c52b}
.transmission-mode label{display:block;color:#d8ded8;font-size:15px;margin-bottom:10px}
.transmission-mode select{width:100%;padding:13px 14px;background:#182b32;color:#f0e5c7;border:1px solid #829b9670;border-radius:5px;font:inherit;font-size:16px}
.transmission-mode select:focus-visible{outline:2px solid #e7c280;outline-offset:3px}
.transmission-mode select:disabled{opacity:.55}
#audio-mode-info{font-size:14px;color:#e7c280;margin:12px 0 6px}
.transmission-mode .mode-note{font-size:13px;line-height:1.5;color:#a7b6b5;margin:0}