:root{--room:#1c130d;--walnut-deep:#2e1a0e;--walnut:#5c341b;--walnut-light:#87522b;--cream:#efe2c0;--cream-deep:#d8c595;--paper:#f1e7cf;--ink:#2a1a10;--ink-soft:#6e5a44;--brass-light:#f4dd92;--brass:#c69a3e;--brass-dark:#6f4f17;--red:#c4311d;--lamp:#ff6a3d;--amber:#b8661c;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.008 0.28' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.16 0 0 0 0 0.08 0 0 0 0 0.03 0 0 0 0.9 -0.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--paper-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.25 0 0 0 0 0.12 0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);background:radial-gradient(ellipse 70% 55% at 18% 0%, #ffba6829, transparent 70%), radial-gradient(ellipse at 50% 120%, #0009, transparent 60%), var(--room);min-height:100dvh;font-family:Newsreader,Georgia,serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--brass-light);outline-offset:3px}.layout{align-items:start;gap:clamp(2rem,5vw,4rem);max-width:76rem;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) clamp(1rem,4vw,3rem) 4rem;display:grid}@media (width>=62rem){.layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.radio{position:sticky;top:3rem}}.radio{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.cabinet{background:var(--grain), linear-gradient(100deg, #ffffff12, transparent 30%, #0003), linear-gradient(180deg, var(--walnut-light), var(--walnut) 45%, var(--walnut-deep));background-size:140% 100%,auto,auto;border-radius:clamp(1.5rem,5vw,3rem) clamp(1.5rem,5vw,3rem) .9rem .9rem;padding:clamp(1.25rem,4vw,2.25rem) clamp(1rem,4vw,2.25rem) clamp(1.25rem,4vw,2rem);position:relative;box-shadow:inset 0 2px #ffdcaa40,inset 0 -6px 12px #00000073,inset 6px 0 14px #00000040,inset -6px 0 14px #0000004d,0 40px 60px -20px #000c,0 12px 20px #0006}.nameplate{width:fit-content;color:var(--brass-light);background:linear-gradient(180deg, var(--brass-light), var(--brass) 55%, var(--brass-dark));-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #0000008c);-webkit-background-clip:text;background-clip:text;margin:0 auto 1.1rem;padding:.1rem 1.4rem .3rem;font:400 clamp(1.6rem,5vw,2.3rem)/1 Yellowtail,cursive}.dial{border:3px solid var(--brass-dark);outline:2px solid var(--brass);outline-offset:-6px;background:linear-gradient(170deg, #fff6, transparent 38%), linear-gradient(180deg, var(--cream), var(--cream-deep));filter:brightness(.62)saturate(.7);border-radius:.6rem;height:clamp(5.5rem,16vw,7.5rem);transition:filter 1.6s ease-out,box-shadow 1.6s ease-out;position:relative;overflow:hidden;box-shadow:inset 0 3px 10px #00000059}[data-radio=standby] .dial{filter:brightness(.8)saturate(.85)}[data-radio=on] .dial{filter:none;box-shadow:inset 0 3px 10px #00000040,inset 0 0 40px #ffaa3c73}.scale{letter-spacing:.04em;color:var(--ink);justify-content:space-between;font:600 clamp(.75rem,2.2vw,1rem) Antonio,sans-serif;display:flex;position:absolute;inset:16% 6% auto}.scale span{justify-content:center;width:0;display:flex}@media (width<=30rem){.scale .wide{display:none}}.ticks{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 12.5%) bottom / 100% 100% no-repeat, repeating-linear-gradient(90deg, #2a1a108c 0 1px, transparent 1px 2.5%) bottom / 100% 45% no-repeat;border-bottom:2px solid var(--ink);height:32%;position:absolute;inset:auto 6% 22%}.needle{background:var(--red);border-radius:2px;width:3px;margin-left:-1.5px;transition:left .3s linear;position:absolute;top:8%;bottom:8%;left:6%;box-shadow:0 0 6px #c4311d99}.readout{letter-spacing:.18em;text-transform:uppercase;color:var(--cream-deep);align-items:center;gap:.6rem;margin-top:1.1rem;font:600 .8rem Antonio,sans-serif;display:flex}.lamp{aspect-ratio:1;width:.9rem;box-shadow:inset 0 1px 2px #0009, 0 0 0 2px var(--brass-dark);background:radial-gradient(circle at 35% 30%,#6a3a2a,#2a120a);border-radius:50%;transition:background .6s,box-shadow .6s}[data-radio=standby] .lamp{background:radial-gradient(circle at 35% 30%, #f0a050, var(--amber));box-shadow:0 0 0 2px var(--brass-dark), 0 0 8px #b8661c99}[data-radio=on] .lamp{background:radial-gradient(circle at 35% 30%, #ffd2b0, var(--lamp) 55%, #b82a12);box-shadow:0 0 0 2px var(--brass-dark), 0 0 12px 3px #ff6a3db3, 0 0 30px #ff6a3d59;animation:.9s step-end flicker}[data-radio=off] .lamp-label{opacity:.45}.time{font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-left:auto}.title{color:var(--cream);text-wrap:balance;text-shadow:0 1px #00000080;margin:.4rem 0 1.4rem;font:italic 400 clamp(1.15rem,3.2vw,1.55rem)/1.25 Newsreader,serif;text-decoration:none;display:block}.title[href]:not([href=\#]):hover{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.front{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.75rem,3vw,1.75rem);display:grid}.grille{border:3px solid var(--brass-dark);background:repeating-linear-gradient(90deg, transparent 0 10px, #00000040 10px 11px, var(--brass) 11px 14px, var(--brass-dark) 14px 15px), repeating-linear-gradient(45deg, #00000014 0 1px, transparent 1px 3px), repeating-linear-gradient(-45deg, #00000014 0 1px, transparent 1px 3px), linear-gradient(180deg, #b49768, #8c7148);border-radius:.5rem;height:clamp(5rem,16vw,7.5rem);box-shadow:inset 0 4px 10px #00000080}.control{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-deep);justify-items:center;gap:.45rem;font:600 .68rem Antonio,sans-serif;display:grid}.control label{cursor:pointer;white-space:nowrap}.knob{aspect-ratio:1;background:repeating-conic-gradient(var(--brass-dark) 0 4deg, var(--brass) 4deg 8deg);border:0;border-radius:50%;width:clamp(3.4rem,11vw,4.6rem);padding:0;position:relative;box-shadow:0 6px 10px #0000008c,inset 0 0 0 2px #0000004d}.knob-face{background:radial-gradient(circle at 35% 28%, var(--brass-light), var(--brass) 45%, var(--brass-dark));border-radius:50%;transition:rotate .5s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:12%;box-shadow:inset 0 -3px 6px #00000059,inset 0 2px 3px #fff6}.knob-face:after{content:"";background:var(--walnut-deep);border-radius:2px;width:3px;height:30%;margin-left:-1.5px;position:absolute;top:10%;left:50%}#power .knob-face{rotate:-60deg}#power[aria-pressed=true] .knob-face{rotate:60deg}#power:active .knob-face{scale:.97}.knob input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.knob:has(input:focus-visible){outline:2px solid var(--brass-light);outline-offset:3px}.feet{justify-content:space-between;padding:0 12%;display:flex}.feet span{background:linear-gradient(#1a0f08,#0d0704);border-radius:0 0 .4rem .4rem;width:14%;height:.7rem}.guide{background:var(--paper-noise), linear-gradient(180deg, var(--paper), #e6d8b6);border-radius:2px;padding:clamp(1.25rem,4vw,2.25rem);animation:.9s cubic-bezier(.2,.7,.2,1) .15s both rise;position:relative;rotate:.6deg;box-shadow:0 30px 50px -25px #000c,0 2px #0003}.guide-head{border-bottom:3px double var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;padding-bottom:.9rem;display:flex}h1,h2{text-transform:uppercase;margin:0;font-family:Antonio,sans-serif;font-weight:700}h1{letter-spacing:.06em;font-size:clamp(1.6rem,4vw,2.1rem)}h2{letter-spacing:.22em;color:var(--red);margin-top:1.75rem;font-size:.85rem}#auth{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.listener{color:var(--ink-soft);font-style:italic}.row{gap:.5rem;display:flex}.row input{flex:1;min-width:0}.guide input{border:0;border-bottom:2px solid var(--ink);background:#ffffff59;padding:.45rem .6rem;font-size:.95rem}.guide input::placeholder{color:var(--ink-soft);font-style:italic}.guide button{letter-spacing:.12em;text-transform:uppercase;color:var(--cream);background:linear-gradient(180deg, #4a2a18, var(--walnut-deep));border:0;border-radius:.35rem;padding:.4rem .9rem;font:600 .8rem Antonio,sans-serif;transition:translate 80ms,box-shadow 80ms;box-shadow:0 2px #140a05,inset 0 1px #ffffff26}.guide button:not(:disabled):active{translate:0 2px;box-shadow:0 0 #140a05,inset 0 1px #ffffff26}.guide button:disabled{opacity:.35}.guide button.link{color:var(--ink);box-shadow:none;background:0 0;padding:0;text-decoration:underline}#submit{margin-top:1.4rem}#submit label{letter-spacing:.16em;text-transform:uppercase;margin-bottom:.35rem;font:600 .8rem Antonio,sans-serif;display:block}#error{color:var(--red);margin:.6rem 0 0;font-style:italic}#error:empty{margin:0}ol{margin:.6rem 0 0;padding:0;list-style:none}ol:empty:before{content:attr(data-empty);color:var(--ink-soft);padding:.6rem 0;font-style:italic;display:block}li{border-bottom:1px dashed #2a1a1059;align-items:center;gap:.9rem;padding:.7rem 0;animation:.5s cubic-bezier(.2,.7,.2,1) both rise;display:flex}li:nth-child(2){animation-delay:40ms}li:nth-child(3){animation-delay:80ms}li:nth-child(4){animation-delay:.12s}li:nth-child(n+5){animation-delay:.16s}.entry{flex:1;gap:.15rem;min-width:0;display:grid}.entry a{color:inherit;overflow-wrap:anywhere;line-height:1.3;text-decoration:none}.entry a:hover{text-underline-offset:.2em;text-decoration:underline}.tag{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font:600 .72rem Antonio,sans-serif}.tag:empty{display:none}.ready .tag,.synthesizing .tag{color:var(--amber)}.synthesizing .tag:after{content:"…";animation:1.2s steps(2,end) infinite blink}.failed a{color:var(--ink-soft);text-decoration:line-through}.failed .tag{color:var(--red)}.guide .vote{letter-spacing:0;justify-items:center;min-width:2.9rem;padding:.3rem .4rem;line-height:1.1;display:grid}.vote-slot{text-align:center;min-width:2.9rem;color:var(--red);opacity:.6;font-size:1.1rem}.vote .count{font-variant-numeric:tabular-nums;font-size:1rem}.guide .vote[aria-pressed=true]{background:linear-gradient(#d9452c,#9e2512);box-shadow:0 2px #5c1409,inset 0 1px #ffffff40}.guide .request{flex-shrink:0;font-size:.72rem}@keyframes rise{0%{opacity:0;translate:0 14px}}@keyframes flicker{0%{opacity:.2}15%{opacity:1}25%{opacity:.5}40%{opacity:1}}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
