:root{color-scheme:light;--paper:#eee9d9;--ink:#244349;--muted:#67766d;--red:#a84f3d;--edge:#c8c6af}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Georgia,serif}header,main{max-width:1120px;margin:auto;padding:0 28px}header{display:flex;justify-content:space-between;align-items:center;height:84px;border-bottom:1px solid var(--edge)}header>a{font-size:27px;font-weight:bold}a{color:inherit;text-underline-offset:4px}nav{display:flex;gap:26px;font:14px system-ui}main{padding-bottom:30px}.title{display:flex;justify-content:space-between;align-items:end;margin:34px 0 22px}.title p{font:14px system-ui;color:var(--muted);margin:0 0 6px}h1{font-size:44px;line-height:1.15;margin:0;font-weight:normal}#signal{font:13px system-ui;color:var(--muted);padding-bottom:5px}.kiosk{position:relative;border:5px solid #385652;background:#c0c6a1;overflow:hidden;box-shadow:0 5px 0 #c9c6ad}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.sign,.station,#window-sign{position:absolute;transform:translateX(-50%);left:50%;white-space:nowrap}.sign{top:25.5%;font:bold clamp(12px,2.8vw,31px)/1.15 system-ui;color:#f2e0b1;letter-spacing:.07em;text-shadow:1px 2px #33514d}.station{top:36.5%;font:italic clamp(12px,2vw,23px) Georgia;color:#ecdcb4}#window-sign{top:75%;background:#dcd1a8;color:#4b5847;padding:3px 10px;font:clamp(8px,1.2vw,13px) system-ui;border:1px solid #7e8a6c}.player{display:flex;align-items:center;gap:24px;margin-top:24px;padding:22px 0;border-bottom:1px solid var(--edge)}button{font:16px system-ui;cursor:pointer;border:1px solid #234147;background:#244349;color:#eee9d9;min-width:142px;padding:17px 20px;box-shadow:3px 3px 0 #b0b6a0}button:hover{background:#395e62}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}.track{flex:1;min-width:0}.track p{margin:0;font:14px/1.4 system-ui;color:var(--muted)}.track h2{margin:3px 0;font-size:25px;line-height:1.25;overflow-wrap:anywhere}.volume{font:12px system-ui;color:var(--muted);width:110px}.volume input{display:block;width:100%;accent-color:var(--red);margin-top:9px}.host{font:15px system-ui;margin:20px 0;color:var(--muted)}#error{color:var(--red);font:14px system-ui}.listings{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:36px 0}h2{font-size:23px;font-weight:normal}.listings p,.listings li{font:14px/1.7 system-ui}.listings ol{padding-left:22px}.listings li{padding:6px 0;border-bottom:1px dotted var(--edge)}footer{border-top:1px solid var(--edge);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font:12px/1.6 system-ui;color:var(--muted)}@media(max-width:600px){header,main{padding-left:16px;padding-right:16px}header{height:65px}nav{gap:17px;font-size:12px}.title{display:block;margin-top:26px}h1{font-size:32px}#signal{display:block;margin-top:12px}.kiosk{border-width:3px}.player{gap:15px;flex-wrap:wrap;padding-top:18px}button{min-width:112px;padding:14px 12px}.track{flex-basis:55%}.track h2{font-size:21px}.volume{display:flex;gap:12px;width:100%;align-items:center}.volume input{width:125px;margin:0}.listings{grid-template-columns:1fr;gap:12px;margin-top:26px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}