@font-face{font-family:Unbounded;src:url('assets/unbounded.ttf') format('truetype');font-display:swap;font-weight:500}@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-display:swap;font-weight:400 600}
:root{--bg:#eee6d0;--ink:#30332a;--accent:#e3572f;--soft:#b4ab92;--line:#30332a32;--panel:#ffffff0d;--shadow:#3434292b;--edge:clamp(22px,3.3vw,58px)}*{box-sizing:border-box}html{background:var(--bg);overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;transition:background .65s,color .65s;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a,input{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent)}button{border:0}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}p,h1,h2,dl,dd{margin:0}::selection{background:var(--accent);color:var(--bg)}.experience{height:100svh;min-height:740px;display:grid;grid-template-rows:86px minmax(355px,1fr) 235px 38px;max-width:2100px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;padding:0 var(--edge);gap:25px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:15px;line-height:1.05;letter-spacing:-.065em}.brand svg{width:36px;height:36px;color:var(--accent)}.edition{text-align:center;font-size:8px;letter-spacing:.15em;line-height:1.7;margin-left:55px}.edition>span{display:block;font-size:6px;letter-spacing:.14em;opacity:.55;margin-top:3px}.tools{display:flex;align-items:center;gap:21px}.tool{display:flex;align-items:center;gap:6px;font-size:10px;padding:8px 0;background:transparent}.tool svg{width:17px;height:17px}.tool[aria-pressed=true]{color:var(--accent)}.sound-tool[aria-pressed=true] .mute-line{display:none}.help{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:none;font-size:12px}.world{position:relative;overflow:hidden;isolation:isolate;min-height:0;touch-action:pan-y}.world-topline{position:absolute;top:22px;left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;align-items:center;font:8px/1.5 Arial,sans-serif;letter-spacing:.1em;z-index:2;pointer-events:none}.live-signal{display:flex;align-items:center;gap:7px}.live-signal i{width:5px;height:5px;display:block;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 92%)}#world-coordinate{opacity:.55}#art{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.world-word{font-family:Unbounded,Arial,sans-serif;font-weight:500;text-transform:lowercase;position:absolute;bottom:112px;left:50%;transform:translateX(-50%);font-size:clamp(90px,12.2vw,205px);line-height:1;letter-spacing:-.085em;white-space:nowrap;pointer-events:none;color:var(--ink);transition:opacity .25s,filter .25s;text-shadow:0 0 25px color-mix(in srgb,var(--bg),transparent 65%);z-index:1}.world-caption{position:absolute;left:var(--edge);right:var(--edge);bottom:29px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px;z-index:2}.station-kicker{font:7px/1.6 Arial,sans-serif;letter-spacing:.12em;opacity:.75;margin-bottom:8px}.station-description{font-size:11px;line-height:1.8;opacity:.7}.save{display:flex;align-items:center;gap:10px;background:transparent;font-size:9px;padding:8px 0;border-bottom:1px solid var(--line)}.save-icon{height:15px;width:12px;border:1px solid currentColor;display:block;position:relative}.save-icon:after{content:'';position:absolute;left:3px;top:3px;width:5px;height:4px;border-left:1px solid currentColor;border-bottom:1px solid currentColor}.tuning-noise{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--ink) 2px,var(--ink) 3px);opacity:0;transition:opacity .2s}.tuning .tuning-noise{opacity:.035}.tuning .world-word{opacity:.3;filter:blur(2px)}.tuning .live-signal i{animation:signal-blink .2s infinite alternate}@keyframes signal-blink{to{opacity:.15}}.receiver{display:grid;grid-template-columns:190px minmax(0,1fr) 150px;gap:45px;align-items:center;padding:22px var(--edge) 18px;border-top:1px solid var(--line);position:relative;background:var(--panel);transition:background .65s}.micro-label,.tuner-heading,.reception,.bottomline{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.12em;line-height:1.6}.frequency-number{display:flex;align-items:baseline;gap:7px;font-family:Unbounded,Arial,sans-serif;margin:13px 0 10px;line-height:1}.frequency-number>span:first-child{font-size:48px;letter-spacing:-.08em;font-variant-numeric:tabular-nums;min-width:137px}.frequency-unit{font-family:Arial,sans-serif;font-size:10px;letter-spacing:0}.reception{font-size:6px;color:var(--accent);letter-spacing:.12em;display:flex;align-items:center;gap:6px}.reception:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.tuner{min-width:0}.tuner-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 12px;font-size:7px}.tuner-gesture{opacity:.5;font-size:6px}.frequency-scale{position:relative;height:83px;margin:15px 0 12px;padding:0 12px;touch-action:none}.scale-ticks{position:absolute;left:12px;right:12px;top:4px;height:30px;display:flex;align-items:flex-start;justify-content:space-between;border-top:1px solid var(--line)}.scale-ticks>i{display:block;width:1px;height:10px;background:var(--ink);opacity:.22;margin-top:0}.scale-ticks>i.medium{height:17px;opacity:.4}.scale-ticks>i.major{height:26px;opacity:.7}.scale-numbers{position:absolute;left:7px;right:6px;top:39px;display:flex;justify-content:space-between;font:9px/1.5 Arial,sans-serif;letter-spacing:.04em;opacity:.65;pointer-events:none}.frequency-scale input{position:absolute;inset:-5px 0 13px;width:100%;height:74px;opacity:0;cursor:ew-resize;margin:0;z-index:4}.frequency-scale:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.needle{position:absolute;left:calc(12px + (100% - 24px)*.06);top:-5px;width:2px;height:62px;background:var(--accent);pointer-events:none;z-index:3;transition:left .05s}.needle:before{content:'';position:absolute;top:-1px;left:-3px;width:8px;height:8px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%)}.needle>span{position:absolute;top:5px;left:-6px;right:-6px;height:33px;background:var(--accent);opacity:.08}.scale-stations{position:absolute;left:12px;right:12px;top:64px;height:5px}.scale-stations>i{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;transform:translateX(-1px);opacity:.3}.scale-stations>i.active{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 90%)}.station-links{display:flex;justify-content:space-between;gap:10px;padding:0 12px}.station-links button{display:flex;gap:7px;align-items:center;font-size:9px;background:none;padding:4px 0;color:var(--ink);opacity:.4;transition:opacity .3s}.station-links button>span{font:7px Arial,sans-serif}.station-links button[aria-current=true]{opacity:1;color:var(--accent)}.station-links button:hover{opacity:1}.knob-module{text-align:center;padding-top:1px}.knob-shell{position:relative;width:107px;height:109px;margin:0 auto 14px}.knob{width:104px;height:104px;border-radius:50%;padding:7px;background:repeating-conic-gradient(from 0deg,#24271f 0deg 2deg,#505447 2deg 4deg);box-shadow:0 5px 8px #0003,0 0 0 1px #161a1755;cursor:grab;touch-action:none;user-select:none;outline-offset:7px;position:relative}.knob:active{cursor:grabbing}.knob-top{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#55584c 0%,#34382e 45%,#282c24 90%);border:1px solid #737869;box-shadow:inset 0 0 0 5px #45493d55;pointer-events:none}.knob-top:after{content:'';position:absolute;width:58px;height:58px;border:1px solid #ffffff07;border-radius:50%;top:23px;left:23px}.knob-top>i{position:absolute;inset:8px;transform:rotate(-133deg);transform-origin:center}.knob-top>i:before{content:'';position:absolute;left:calc(50% - 1px);top:5px;width:2px;height:13px;background:#eee6d0;border-radius:2px;box-shadow:0 0 4px #ffffff24}.knob-min,.knob-max{position:absolute;bottom:-6px;font:12px Arial,sans-serif;opacity:.55}.knob-min{left:-7px}.knob-max{right:-7px}.knob-module>.micro-label{font-size:6px;opacity:.7}.bottomline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 var(--edge);border-top:1px solid var(--line);font-size:6px;opacity:.65}.keyboard-hint{letter-spacing:.1em}.keyboard-hint>span{margin:0 9px;opacity:.45}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.notice{position:fixed;bottom:35px;left:50%;transform:translateX(-50%) translateY(30px);background:var(--ink);color:var(--bg);border:1px solid var(--line);padding:12px 20px;border-radius:4px;font-size:11px;opacity:0;pointer-events:none;z-index:30;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.notice.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:42px;width:min(540px,calc(100% - 36px));max-height:calc(100svh - 40px);border-radius:5px;box-shadow:0 30px 120px #0003}dialog::backdrop{background:#161d17aa;backdrop-filter:blur(7px)}.close-guide{position:absolute;top:10px;right:14px;background:transparent;font-size:26px;padding:3px 8px}.guide-eyebrow{font:8px/1.6 Arial,sans-serif;letter-spacing:.13em;color:var(--accent);margin-bottom:24px}dialog h2{font-family:Unbounded,Arial,sans-serif;font-size:24px;line-height:1.4;letter-spacing:-.055em;font-weight:500}.guide-intro{font-size:12px;line-height:1.9;margin:20px 0 25px;opacity:.75}dialog dl{border-top:1px solid var(--line)}dialog dl>div{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7}dialog dt{color:var(--accent)}dialog dd{opacity:.75}.guide-note{font-size:9px;line-height:1.8;opacity:.55;margin:24px 0}.guide-start{width:100%;padding:15px;background:var(--ink);color:var(--bg);font-size:11px}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:#eee6d0;color:#30332a;padding:30px;z-index:50;font:18px/1.7 Arial}
@media(min-width:1600px){.experience{grid-template-rows:100px minmax(450px,1fr) 270px 45px}.receiver{gap:70px;grid-template-columns:235px minmax(0,1fr) 180px}.world-word{font-size:205px;bottom:120px}.frequency-number>span:first-child{font-size:61px}.knob-shell{transform:scale(1.15);margin-bottom:23px}.station-description{font-size:13px}.world-topline{font-size:9px}.tuner-heading{font-size:9px}.station-links button{font-size:11px}.station-kicker{font-size:8px}.save{font-size:11px}}
@media(max-width:1050px){.edition{margin-left:0;font-size:7px}.tools{gap:14px}.receiver{grid-template-columns:155px minmax(0,1fr) 115px;gap:23px}.frequency-number>span:first-child{font-size:39px;min-width:113px}.frequency-unit{font-size:8px}.knob-shell{transform:scale(.9);margin-bottom:8px}.knob-module>.micro-label{font-size:6px}.world-word{font-size:13vw}.station-links button{font-size:8px;gap:5px}.station-links button>span{font-size:6px}.keyboard-hint{font-size:5px}.reception{font-size:5px}.tuner-gesture{display:none}}
@media(max-width:700px){:root{--edge:22px}.experience{grid-template-rows:73px minmax(350px,1fr) 242px 32px;min-height:725px}.masthead{gap:12px}.brand{font-size:13px;gap:8px}.brand svg{width:30px;height:30px}.edition{display:none}.tools{gap:17px}.tool-label{display:none}.tool{padding:8px 0}.tool svg{width:19px;height:19px}.help{width:24px;height:24px;font-size:11px}.world-topline{top:18px;font-size:6px;letter-spacing:.08em}.live-signal{gap:6px}.live-signal i{width:4px;height:4px}.world-word{font-size:15.2vw;bottom:111px;letter-spacing:-.085em}.world-caption{bottom:23px;gap:15px}.station-kicker{font-size:5.8px;letter-spacing:.08em;margin-bottom:6px;max-width:215px}.station-description{font-size:9px;line-height:1.8}.save{font-size:8px;max-width:90px;line-height:1.8;gap:8px;border:0;padding:3px 0;flex-shrink:0}.save-icon{height:16px;width:13px;flex-shrink:0}.receiver{grid-template-columns:1fr 90px;grid-template-rows:66px 1fr;column-gap:10px;row-gap:9px;padding:17px var(--edge) 19px;align-items:center}.frequency-readout{display:grid;grid-template-columns:1fr auto;grid-template-rows:16px 35px;align-items:center;grid-column:1;grid-row:1}.frequency-readout>.micro-label{font-size:6px;grid-row:1;grid-column:1}.frequency-number{margin:0;grid-row:2;grid-column:1;gap:6px}.frequency-number>span:first-child{font-size:33px;min-width:95px;letter-spacing:-.08em}.frequency-unit{font-size:7px}.reception{grid-column:2;grid-row:1/3;font-size:4.5px;max-width:79px;line-height:1.9;margin-right:12px}.reception:before{width:3px;height:3px;flex-shrink:0}.knob-module{grid-column:2;grid-row:1;margin-top:11px}.knob-shell{transform:scale(.64);transform-origin:center top;width:107px;height:77px;margin:0 0 -10px -8px}.knob-module>.micro-label{font-size:5px;white-space:nowrap}.knob-min,.knob-max{bottom:-31px}.tuner{grid-column:1/3;grid-row:2}.tuner-heading{font-size:6px;padding:0 2px}.tuner-gesture{display:block;font-size:5px}.frequency-scale{height:59px;margin:9px 0 10px;padding:0 5px}.scale-ticks{left:5px;right:5px;top:3px;height:24px}.scale-ticks>i{height:8px}.scale-ticks>i.medium{height:13px}.scale-ticks>i.major{height:20px}.scale-numbers{left:1px;right:0;top:30px;font-size:8px}.scale-stations{left:5px;right:5px;top:49px}.needle{top:-3px;height:46px}.frequency-scale input{height:58px;inset:-4px 0 0}.needle>span{height:27px}.station-links{padding:0;gap:10px}.station-links button{font-size:9px;gap:6px;padding:4px 0}.station-links button>span{font-size:6px}.bottomline{font-size:5px;gap:10px;letter-spacing:.06em}.keyboard-hint{display:none}.guide-eyebrow{font-size:7px}dialog{padding:33px 25px}dialog h2{font-size:21px}.guide-intro{font-size:11px;margin:18px 0 21px}dialog dl>div{grid-template-columns:84px 1fr;gap:15px;font-size:10px;padding:11px 0}.guide-note{font-size:9px}}
@media(max-width:360px){:root{--edge:18px}.experience{min-height:700px;grid-template-rows:69px minmax(350px,1fr) 249px 32px}.brand{font-size:12px}.tools{gap:13px}.world-caption{bottom:21px}.station-kicker{font-size:5px;max-width:170px}.station-description{font-size:8px}.save{font-size:7px;max-width:77px}.reception{display:none}.world-word{font-size:15vw;bottom:115px}.station-links button{font-size:8px;gap:5px}.receiver{padding-top:20px}.tuner-gesture{font-size:4.5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep small instrument labels readable without competing with the artwork. */
.sr-only{top:0;left:0}
@media(min-width:701px){.edition{font-size:9px}.edition>span{font-size:7px}.tool{font-size:11px}.world-topline{font-size:9px}.station-kicker{font-size:8px}.station-description{font-size:12px}.save{font-size:10px}.micro-label,.tuner-heading{font-size:8px}.reception{font-size:7px}.tuner-gesture{font-size:7px}.scale-numbers{font-size:10px}.station-links button{font-size:11px}.station-links button>span{font-size:8px}.knob-module>.micro-label{font-size:7px}.bottomline{font-size:7px}.keyboard-hint{font-size:6px}}
.experience{height:calc(100svh - 1px)}
@media(min-height:740px){html,body{overflow-y:hidden}}