:root{--bg:#0b111b;--ink:#f5eee4;--muted:#b2b8c0;--accent:#eeb578;--edge:#394049;--orange:#c36b40}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}button,a,input{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,.scroll-copy:focus-visible{outline:3px solid #9ed3ff;outline-offset:4px}button:hover,a:hover{filter:brightness(1.12)}[hidden]{display:none!important}header,main,footer{max-width:1500px;margin:auto}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff17}.wordmark{font:700 18px Georgia,serif;letter-spacing:2px}.wordmark span{display:block;font:10px monospace;letter-spacing:2px;color:var(--muted);margin-top:7px}.byline{font-size:13px;color:var(--muted)}.room{position:relative;padding:35px 5% 65px;background:linear-gradient(#0b111ba8,#0b111b18 50%,#0b111b),url('assets/listening-room.png') center 55%/cover;min-height:690px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 28px}.room-heading .eyebrow{display:none}h1{font:44px/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0}h1 em{color:var(--accent);font-weight:400}.room-heading>p:last-child{color:var(--muted);font-size:15px;margin:0;text-align:right}.eyebrow,.channel-kicker{font:12px monospace;letter-spacing:2px;color:var(--accent)}.studio{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:36px;align-items:center;max-width:1110px;margin:auto}.television{padding:9px;border-radius:28px;background:linear-gradient(145deg,#6c4631,#271c18 80%);box-shadow:0 35px 70px #0009;border:1px solid #996846}.tv-bezel{padding:20px 22px 0;background:linear-gradient(145deg,#34383b,#171b1d);border-radius:22px;border:1px solid #79716a}.screen{height:390px;position:relative;border-radius:45px/28px;border:5px solid #090c0d;overflow:hidden;background:#0f2936;box-shadow:inset 0 0 50px #0009}.screen:after{content:'';position:absolute;inset:0;border-radius:40px/25px;box-shadow:inset 0 0 40px #0007;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#00000012 3px 4px)}.channel{height:100%;position:relative;padding:34px 42px;overflow:hidden}.channel h2{font:43px/1.08 Georgia,serif;letter-spacing:-1px;margin:15px 0 18px}.channel p:not(.channel-kicker){font-size:16px;max-width:410px;color:#d0d9da;line-height:1.7}.welcome{background:radial-gradient(ellipse at 80% 10%,#407279,#142c3d 65%)}.screen-button{display:inline-block;border:1px solid #eeb57899;border-radius:4px;background:#102330ba;color:var(--accent);padding:10px 15px;font-size:14px}.screen-caption{display:block;font:10px monospace;letter-spacing:1.5px;color:#bfc9ca;margin-top:23px;max-width:90%}.story{padding:0}.story>img{width:100%;height:100%;object-fit:cover}.story-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08101cd9,#08101c40),linear-gradient(0deg,#060c17a0,transparent);transition:background 1s}.story-content{position:absolute;inset:0;padding:34px 42px}.story .story-content h2{color:white}.story.playing-story .story-shade{background:linear-gradient(90deg,#08101cdd,#08101c75),linear-gradient(0deg,#060c17c0,transparent)}.transcript{background:#182a2e}.transcript h2{font-size:30px;margin:10px 0 16px}.scroll-copy{height:235px;overflow:auto;padding-right:15px;scrollbar-color:#be996e #15242b}.scroll-copy p{margin-top:0}.scroll-copy .draft-note{font-size:12px!important;color:var(--accent)!important}.credits{background:linear-gradient(120deg,#2c2729,#18323b)}.credits h2{font-size:46px}.credits p{margin:12px 0}.credits .screen-caption{font-size:10px}.tv-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 4px;font:10px monospace;letter-spacing:1px;color:#b7bdc0}.tv-bottom button{width:30px;height:30px;background:#262c30;border:1px solid #646c71;border-radius:50%;color:var(--accent);font-size:20px;line-height:1}.tv-bottom #channel-label{margin-left:auto;color:var(--accent);font-size:13px}#off-screen{height:100%;display:grid;place-items:center;background:#070c10;color:#66727a;font:12px monospace;letter-spacing:2px}.remote{background:linear-gradient(140deg,#454b50,#22292e);border:1px solid #71787c;border-radius:22px;padding:20px 14px;box-shadow:12px 20px 25px #0008;transform:rotate(3deg)}.remote-top{display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:#b8c0c6}.remote-top button{background:#ab4e40;color:white;border:1px solid #cf8779;border-radius:50%;width:31px;height:31px;font-size:20px}.remote-label{font:9px monospace;letter-spacing:1px;color:#aeb6bc;text-align:center;margin:25px 0 12px}.remote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.remote-buttons button{padding:10px 0 8px;background:#151c21;border:1px solid #596067;border-radius:9px;color:#e8e6df;box-shadow:0 3px 0 #0b1115}.remote-buttons button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#323235}.remote-buttons strong{font-size:22px;font-weight:400;display:block;line-height:1.3}.remote-buttons span{display:block;font-size:10px}.channel-rocker{display:flex;margin-top:25px;gap:8px}.channel-rocker button{flex:1;background:#101a20;color:#e6ded0;border:1px solid #58636b;border-radius:8px;font-size:13px;padding:12px 0}.remote-footer{text-align:center;font:10px/1.8 monospace;letter-spacing:2px;color:#9aa6ac;margin-top:28px}.record-player{max-width:1110px;margin:-28px auto 0;position:relative;display:grid;grid-template-columns:250px 1fr;background:linear-gradient(110deg,#272223,#181f27);border:1px solid #655448;border-radius:13px;padding:26px 35px;gap:40px;box-shadow:0 20px 40px #0004}.record-deck{display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;gap:10px}.record-deck img{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 8px 10px #0009)}.record-deck img.spinning{animation:spin 4s linear infinite}.record-tag{font:10px monospace;letter-spacing:2px;color:#c1a78e}@keyframes spin{to{transform:rotate(360deg)}}.player-content .eyebrow{font-size:11px;margin:3px 0 12px}.player-content h2{font:29px Georgia,serif;margin:0 0 8px}.player-subtitle{font-size:14px;color:var(--muted);margin:0 0 20px}.playback-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.play-button{background:var(--accent);color:#201b1a;border:0;border-radius:5px;font-weight:700;font-size:14px;padding:12px 18px}.quiet-button{background:none;border:1px solid #5b626b;border-radius:5px;color:var(--ink);font-size:14px;padding:11px 16px}.volume-label{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}input[type=range]{accent-color:var(--accent)}.volume-label input{width:85px}.progress-row{display:flex;align-items:center;gap:12px;font:12px monospace;color:var(--muted);margin:20px 0 6px}.progress-row input{flex:1;min-width:30px}.player-content #playback-status{font-size:13px;color:var(--accent);margin:8px 0 0}.playback-note{font-size:12px;color:var(--muted);margin:4px 0}.room-footnote{max-width:1110px;margin:30px auto;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:11px monospace;letter-spacing:1px}footer{padding:25px 5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff17;font-size:12px;color:var(--muted)}@media(max-width:1150px){.record-player,.room-footnote{margin-left:5%;margin-right:5%}.studio{gap:20px;grid-template-columns:minmax(0,1fr) 145px}.channel,.story-content{padding:28px 30px}.channel h2{font-size:37px}.screen{height:400px}.record-player{grid-template-columns:200px 1fr;gap:25px;padding:25px}.record-deck img{width:190px;height:190px}}@media(max-width:720px){header{padding:20px 6%}.byline{display:none}.room{padding:30px 5% 45px}.room-heading{display:block;margin-bottom:24px}h1{font-size:37px}.room-heading>p:last-child{text-align:left;margin-top:15px;font-size:14px}.studio{grid-template-columns:1fr;gap:20px}.tv-bezel{padding:12px 12px 0}.television{padding:6px;border-radius:22px}.screen{height:420px;border-radius:28px/20px}.channel,.story-content{padding:26px 25px}.channel h2{font-size:37px}.channel p:not(.channel-kicker){font-size:15px}.channel-kicker{font-size:10px;letter-spacing:1px}.tv-bottom{font-size:8px;gap:8px}.remote{transform:none;border-radius:13px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px}.remote-top{grid-column:1/-1}.remote-label,.remote-footer{display:none}.remote-buttons{grid-template-columns:repeat(4,1fr);gap:8px}.remote-buttons button{padding:7px 5px}.remote-buttons strong{font-size:18px}.remote-buttons span{font-size:9px}.channel-rocker{margin:0;align-items:center;gap:5px}.channel-rocker button{padding:15px 6px;font-size:11px}.record-player{margin-top:0;grid-template-columns:1fr;gap:16px;padding:24px}.record-deck img{width:150px;height:150px}.record-tag{display:none}.player-content h2{font-size:25px}.volume-label{margin-left:0}.room-footnote,footer{flex-direction:column;gap:8px}.scroll-copy{height:270px}.credits .screen-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}