:root{--sun:#fed377;--sun-hover:#ffc548;--peach:#ffbb7a;--peach-ink:#a2541a;--cream:#fff3e6;--dial:#0f1a2b;--dial-ring:#2a3a52;--dial-text:#d0d7e0;--dial-muted:#94a1b2;--ink:#14212b;--ink-muted:#55636e;--focus:#2b78a8;--link-line:#72b8df;--page:#fff;--window-bar:#fff;--window-body:var(--cream);--line:#e3e8ec;--row-line:#f0dcc6;--text:var(--ink);--muted:var(--ink-muted);--btn-bg:#fff;--hill-far:#bad578;--hill-mid:#8fb021;--hill-near:#718d14;--hill-filter:none;--sun-fill:var(--sun);--stars:0;--dot-1:#ea8181;--dot-2:#f2d777;--dot-3:#6ed979;--font-display:"Jockey One", system-ui, sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--page:#0f1a2b;--window-bar:#2c2c2e;--window-body:#1c1c1e;--line:#3a3a3c;--row-line:#3a3a3c;--text:#d0d7e0;--muted:#94a1b2;--btn-bg:#2c2c2e;--hill-filter:brightness(.5) saturate(1.3);--sun-fill:#f3ebd3;--stars:1;--focus:#8fcaf0;--dot-1:#ff5f57;--dot-2:#febc2e;--dot-3:#28c840;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--page);min-height:100vh;color:var(--text);font:400 17px/27px var(--font-body);margin:0}button,input{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a{color:var(--text);-webkit-text-decoration-color:var(--link-line);text-decoration-color:var(--link-line);text-underline-offset:4px}.page{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.scene{z-index:0;width:100%;height:100%;position:absolute;inset:0}.scene .sun{fill:var(--sun-fill)}.scene .sun-glow{fill:var(--sun-fill);opacity:.35}.scene .stars{fill:#eef2f7;opacity:var(--stars)}.scene .hill{filter:var(--hill-filter)}.hill-far{fill:var(--hill-far)}.hill-mid{fill:var(--hill-mid)}.hill-near{fill:var(--hill-near)}.site-header,.site-main,.site-footer{z-index:1;position:relative}.site-header{justify-content:space-between;align-items:center;padding:28px 40px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);font-size:32px;line-height:38px}.home-link{font-size:16px;font-weight:600}.site-main{flex:1;padding:0 16px 24px}.site-footer{text-align:center;padding:0 16px 20px;font-size:13px;line-height:20px}.footer-note{background:var(--window-body);border-radius:999px;padding:4px 12px;display:inline-block}.window{background:var(--window-body);border-radius:12px;max-width:960px;margin:0 auto;overflow:hidden;box-shadow:0 14px 28px #00000038}.titlebar{background:var(--window-bar);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;height:40px;padding:0 14px;display:grid}.dots{gap:8px;display:flex}.dots span{background:var(--dot-1);border-radius:999px;width:12px;height:12px}.dots span:nth-child(2){background:var(--dot-2)}.dots span:nth-child(3){background:var(--dot-3)}.window-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.window-body{padding:28px}.radio{grid-template-columns:190px minmax(0,1fr);gap:28px;display:grid}.radio-main{flex-direction:column;gap:22px;min-width:0;display:flex}.grille{background-color:var(--peach);background-image:radial-gradient(circle,#a2541a8c 6px,#0000 6.5px);background-position:15px 20px;background-size:40px 40px;border-radius:12px;min-height:200px}.dial{background:var(--dial);border-radius:12px;flex-direction:column;gap:12px;padding:22px 22px 16px;display:flex}.dial-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dial-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--sun);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:40px;font-weight:400;line-height:44px;overflow:hidden}.dial-listeners{color:var(--dial-muted);flex:none;font-size:15px}.dial-desc,.dial-now{color:var(--dial-text);margin:0;font-size:16px;line-height:24px}.dial-now-label{color:var(--dial-muted)}.dial-scroll{overflow-x:auto}.dial-scale{background:repeating-linear-gradient(to right, #55636e 0 1.5px, transparent 1.5px calc(100% / (var(--n) * 4))) top left / 100% 8px no-repeat;background-position:0 10px;padding-top:22px;position:relative}.dial-needle{top:-4px;bottom:-6px;left:calc((var(--i) + .5) / var(--n) * 100%);background:var(--peach);pointer-events:none;border-radius:2px;width:3px;margin-left:-1.5px;transition:left .2s;position:absolute;box-shadow:0 0 10px #ffbb7ab3}.dial-stops{grid-template-columns:repeat(var(--n), minmax(0, 1fr));display:grid}.dial-stop{min-height:44px;color:var(--dial-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 2px;font-size:13px;font-weight:600;line-height:16px;position:relative}.dial-stop:before{content:"";background:#55636e;width:1.5px;height:14px;position:absolute;top:-18px;left:50%}.dial-stop[aria-pressed=true]{color:var(--sun)}.dial-stop:hover{color:#eef2f7}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.tuning{align-items:center;gap:12px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--btn-bg);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;display:grid}.knob{width:84px;height:84px}.knob-pointer{stroke:var(--peach);stroke-width:4px;stroke-linecap:round;transform-origin:52px 52px;transition:transform .2s}.play-btn{background:var(--sun);height:48px;color:var(--ink);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:600;display:flex}.play-btn:hover{background:var(--sun-hover)}.volume{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.volume input{width:130px;min-height:44px;accent-color:var(--peach-ink)}.message{background:var(--btn-bg);border-radius:10px;margin:0;padding:10px 14px;font-size:15px;line-height:22px}.message button{background:var(--sun);min-height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:6px;margin-left:8px;padding:0 14px;font-weight:600}.recent h2{color:var(--muted);margin:0 0 4px;font-size:15px;font-weight:600}.recent ul{margin:0;padding:0;list-style:none}.recent li{border-bottom:1px solid var(--row-line);white-space:nowrap;text-overflow:ellipsis;padding:9px 0;font-size:15px;line-height:22px;overflow:hidden}.recent strong{font-weight:600}@media (width<=640px){.site-header{padding:18px 16px}.wordmark{font-size:28px}.window-body{padding:16px}.radio{grid-template-columns:minmax(0,1fr);gap:14px}.grille{background-image:radial-gradient(circle,#a2541a8c 4px,#0000 4.5px);background-position:5px 6px;background-size:30px 16px;min-height:44px}.radio-main{gap:14px}.dial{padding:16px 0 8px}.dial-head,.dial-now{padding:0 16px}.dial-title{font-size:30px;line-height:34px}.dial-listeners{font-size:13px}.dial-desc{display:none}.dial-scroll{padding:0 8px}.dial-scale{width:576px}.controls{flex-direction:column;align-items:stretch;gap:14px}.tuning{justify-content:center;gap:18px}.knob{width:68px;height:68px}.play-btn{justify-content:center}.volume input{flex:1;width:auto}.recent li:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.dial-needle,.knob-pointer{transition:none}}