:root{color-scheme:dark;--bg:#10100f;--panel:#191917;--line:#393831;--fg:#f3efe5;--muted:#b5b1a6;--accent:#eab86b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(100%,960px);margin:auto;padding:30px 32px 26px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:21px;letter-spacing:.06em;color:var(--accent);text-decoration:none}.brand span{font-weight:400;color:var(--fg)}.badge{color:var(--muted);font-size:13px}.eyebrow{color:var(--accent);font-size:10px;font-weight:650;letter-spacing:.18em;margin:58px 0 10px}.intro{font-size:clamp(32px,4.8vw,46px);font-weight:500;line-height:1.17;letter-spacing:-.03em;margin:0 0 30px}.player{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:30px 34px}.station-state{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:#79766d;flex-shrink:0}.dot.on{background:var(--accent);box-shadow:0 0 0 4px #eab86b15}.live-tag{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;border:1px solid var(--line);padding:2px 8px;border-radius:5px}.track-heading{margin:26px 0 24px;min-height:88px}.family{color:var(--accent);font-size:13px;margin:0 0 7px}h1{font-size:clamp(28px,4vw,40px);line-height:1.15;font-weight:550;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.progress{height:3px;background:#393831;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--accent)}.times{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:7px}.transport{display:flex;align-items:center;gap:32px;justify-content:space-between;margin-top:24px}button{min-height:48px;padding:12px 19px;border:1px solid #635e51;border-radius:9px;background:transparent;color:var(--fg);font:inherit;font-size:14px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);color:#21180c;border-color:var(--accent);font-weight:700;min-width:205px;display:flex;justify-content:center;gap:12px;align-items:center}.primary:hover:not(:disabled){background:#f3c680}button[aria-pressed=true]{background:#3c3020;color:var(--accent);border-color:var(--accent)}.volume{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.volume input{width:100px;min-height:36px;accent-color:var(--accent)}#volume-value{min-width:29px;text-align:right}.next{padding:24px 0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:16px;margin-top:2px}.next span{color:var(--muted);font-size:9px;letter-spacing:.12em}.next strong{font-weight:400;font-size:13px;overflow-wrap:anywhere}.feedback{margin-top:22px}.rating-heading{color:var(--muted);font-size:12px}.rating-buttons{display:flex;gap:10px;margin-top:9px}.rating-buttons button{min-height:44px;font-size:13px}.feedback p{font-size:11px;color:var(--muted);margin:9px 0 0}.message{font-size:12px;color:var(--accent);margin:0}.message:not(:empty){margin-top:15px}.about{color:var(--muted);font-size:12px;max-width:64ch;margin:19px 0 0}footer{display:flex;justify-content:space-between;gap:15px;margin-top:44px;color:#999589;font-size:10px}audio{display:none}@media(max-width:600px){.wrap{padding:22px 19px}.badge{font-size:11px}.brand{font-size:19px}.eyebrow{margin-top:38px;font-size:9px}.intro{margin-bottom:25px}.player{padding:23px 20px;border-radius:16px}.track-heading{margin-top:25px;min-height:85px}.transport{align-items:stretch;flex-direction:column;gap:12px;margin-top:19px}.primary{width:100%}.volume{justify-content:space-between;gap:12px}.volume input{flex:1;min-width:0;width:auto}.next{padding:20px 0;gap:12px}.next strong{font-size:12px}.rating-buttons button{flex:1;padding:10px 12px}.feedback p{line-height:1.6}footer{flex-direction:column;gap:5px;margin-top:28px}.about{line-height:1.6}.station-state{font-size:11px}}@media(prefers-reduced-motion:no-preference){.progress i{transition:width 1s linear}}