:root{color:#22231f;font-synthesis:none;background:#f8f8f5;font-family:Manrope,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f8f8f5;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}main{width:min(900px,100% - 32px);margin:0 auto;padding:36px 0 48px}header{margin-bottom:26px}h1{letter-spacing:-.075em;margin:0;font-size:clamp(43px,8vw,64px);font-weight:850;line-height:1}h1 span{color:#f3b61f}small{letter-spacing:normal;color:#85867d;font-size:11px;font-weight:700;line-height:1.4}.player-card{background:#fff;border:1px solid #e5e5df;border-radius:20px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;display:grid;box-shadow:0 8px 30px #2022180b}.player-card h2{letter-spacing:normal;text-wrap:balance;margin:0;font-size:clamp(24px,3.5vw,30px);line-height:1.25}.player-card p{color:#74766f;margin:0;font-size:13px;line-height:1.4}.player-copy{min-width:0}.player-card .now-playing{margin-top:6px}.pulse{background:#fafaf7;border:1px solid #e9e9e2;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.pulse i{background:#c6c9be;border-radius:50%;width:14px;height:14px}.pulse-active i{background:#f3b61f;animation:1.6s infinite pulse;box-shadow:0 0 0 8px #f3b61f21}@keyframes pulse{50%{opacity:.75;transform:scale(.72)}}.start{color:#26230f;white-space:nowrap;background:#f3b61f;border:1px solid #dca512;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:110px;min-height:48px;padding:12px 22px;font-size:15px;font-weight:700;line-height:1.25;display:inline-flex;box-shadow:0 3px 8px #da9e0c26}.start svg{flex:none;width:22px;height:22px;display:block}.start span{display:block}.start:hover:not(:disabled){background:#f5c745}.start:disabled{cursor:default;opacity:.5;box-shadow:none}.player-actions{direction:ltr;align-items:center;gap:4px;display:flex}.player-actions .start{direction:rtl}.cast-button-wrap{display:inline-flex}.cast-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}audio{display:none}.playback-controls{border-top:1px solid #eeeeea;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px 20px;padding-top:17px;display:flex}.volume-control{align-items:center;gap:9px;min-height:44px;display:flex}.volume-control input{accent-color:#f3b61f;cursor:pointer;width:118px;height:30px}.volume-button{color:#5c615b;background:#fafaf8;border:1px solid #e3e4dc;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.volume-button:hover{color:#a87400;border-color:#d8af41}.volume-button svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.volume-button svg path:not(:first-child){fill:none}.preference-toggle{color:#4d514b;cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:13px;font-weight:650;display:flex;position:relative}.preference-toggle input{opacity:0;width:1px;height:1px;position:absolute}.preference-toggle:has(input:disabled){cursor:default}.preference-toggle input:disabled+.toggle-track{opacity:.45}.toggle-track{background:#e8e9e3;border:1px solid #c9cbc2;border-radius:999px;flex:none;width:38px;height:23px;padding:2px;transition:background .15s,border-color .15s}.toggle-track i{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;display:block;box-shadow:0 1px 2px #00000029}.preference-toggle input:checked+.toggle-track{background:#eebd31;border-color:#dba91e}.preference-toggle input:checked+.toggle-track i{transform:translate(-15px)}.preference-toggle input:focus-visible+.toggle-track{outline-offset:3px;outline:2px solid #f3b61f}.error{color:#984238;background:#fff4f1;border:1px solid #e9c5bf;border-radius:12px;margin-top:14px;padding:13px 16px;font-size:13px}.preferences-card{margin-top:28px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(21px,4vw,26px);line-height:1.25}.section-heading span{color:#888b82;white-space:nowrap;font-size:12px}.ranking-hints{color:#777b73;gap:3px;margin:6px 0 12px;font-size:12px;line-height:1.45;display:grid}.ranking-hints p{align-items:center;gap:6px;margin:0;display:flex}.ranking-hints svg{color:#8b8f86;flex:none;width:16px;height:16px;display:block}.ranking{border-top:1px solid #e2e3dd;border-bottom:1px solid #e2e3dd;margin:0;padding:0;list-style:none}.ranking li{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;grid-template-columns:44px 50px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:10px 2px 10px 12px;transition:background .15s,opacity .15s;display:grid;position:relative}.ranking li:not(:last-child):after{content:"";inset-inline-end:0;bottom:0;background:#e6e7e1;height:1px;position:absolute;inset-inline-start:58px}.ranking li:hover{background:#ffffff9e}.ranking li:active{cursor:grabbing}.ranking li.station-selected{background:#fffbecad}.ranking li.station-active{background:#fff8e5}.ranking li.station-active:before{content:"";background:#e5ac13;border-radius:999px;width:3px;position:absolute;inset-block:10px;inset-inline-start:0}.ranking li.drop-target:before{content:"";z-index:1;background:#d9a516;border-radius:999px;height:2px;position:absolute;top:-1px;left:0;right:0}.ranking li.is-dragging{opacity:.48;background:#fff8e5}.drag-handle{color:#969a91;cursor:grab;touch-action:none;justify-content:center;align-items:center;gap:7px;width:44px;height:44px;display:flex}.drag-handle:active{cursor:grabbing}.drag-handle svg{fill:currentColor;width:12px;height:18px}.rank-number{color:#8b8f86;text-align:right;min-width:10px;font-size:11px;font-weight:700;line-height:1}.station-logo{background:#fff;border:1px solid #1f22191c;border-radius:9px;width:50px;height:50px;display:block;overflow:hidden}.station-logo img{object-fit:cover;width:100%;height:100%;display:block}.station-content{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.station-copy{flex-direction:column;min-width:0;display:flex}.station-copy strong{overflow-wrap:anywhere;letter-spacing:-.02em;font-size:16px;font-weight:750;line-height:1.25}.station-copy small{letter-spacing:.015em;text-transform:none;margin-top:3px;font-size:11px;font-weight:600}.station-active .station-copy small{color:#aa7b0a}.state-badge{color:#777b73;letter-spacing:.01em;white-space:nowrap;background:#f6f6f3;border:1px solid #e1e2dc;border-radius:999px;flex:none;align-items:center;gap:6px;width:fit-content;min-height:28px;padding:5px 6px 5px 9px;font-size:11px;font-weight:650;display:inline-flex}.state-icon{background:#00000009;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.state-icon svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.state-music{color:#37783b;background:#e8f5e4;border-color:#acd1a2;padding-inline-end:11px;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff80}.state-music .state-icon{color:#32763a;background:#d0eac9}.state-likely-music{color:#5e8057;background:#f0f6ed;border-color:#cbdcc5}.state-likely-music .state-icon{color:#5e8057}.state-talk-ads{color:#777c76;background:#f5f5f2;border-color:#e1e2dd;font-weight:550}.state-talk-ads .state-icon{color:#858a82}.state-checking{color:#858a82;background:#f7f7f5;border-color:#e2e3de;font-weight:550}.state-checking .state-icon{color:#858a82}.state-unavailable{color:#a2685f;background:#fbf2f0;border-color:#ead8d4;font-weight:550}.state-unavailable .state-icon{color:#a2685f}.health{border:1px solid #d9dcd2;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:600}.health-healthy{color:#448456;border-color:#b9d5bc}.health-degraded{color:#a97919}.health-unavailable{color:#b35c52;border-color:#e0b6b1}.debug-panel{background:#fff;border:1px solid #e2e3dc;border-radius:12px;margin-top:26px;padding:18px;font-size:12px}.debug-scroll{margin:18px 0;overflow-x:auto}.debug-panel table{border-collapse:collapse;text-align:start}.debug-panel th,.debug-panel td{vertical-align:top;border-bottom:1px solid #e5e6e0;padding:10px}.debug-panel pre{max-width:700px;max-height:350px;font-size:11px;overflow:auto}.debug-panel input{max-width:150px;margin-inline-start:8px}button:focus-visible,input:focus-visible,summary:focus-visible,.ranking li:focus-visible{outline-offset:3px;outline:2px solid #d9a516}@media (prefers-reduced-motion:reduce){.pulse-active i{animation:none}}@media (width<=650px){main{padding-top:28px}header{margin-bottom:22px}.player-card{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px}.pulse{width:42px;height:42px}.player-actions{grid-column:1/-1}.player-actions .start{flex:1}.playback-controls{flex-direction:column;align-items:stretch;gap:2px;padding-top:12px}.volume-control input{width:min(190px,100vw - 130px)}.preferences-card{margin-top:25px}.ranking li{grid-template-columns:40px 48px minmax(0,1fr);gap:10px;min-height:70px;padding:9px 0 9px 8px}.ranking li:not(:last-child):after{inset-inline-start:50px}.drag-handle{gap:5px;width:40px;height:44px}.station-logo{border-radius:8px;width:48px;height:48px}.station-content{gap:10px}}@media (width<=380px){main{width:calc(100% - 24px)}.section-heading{align-items:start}.section-heading span{white-space:normal;text-align:right;max-width:96px;line-height:1.3}.ranking li{grid-template-columns:34px 40px minmax(0,1fr);gap:6px;padding-inline-end:4px}.drag-handle{gap:3px;width:34px}.station-logo{width:40px;height:40px}.station-content{gap:5px}.station-copy strong{font-size:14px}.state-badge{gap:3px;min-height:24px;padding:3px 8px 3px 5px;font-size:10px}.state-icon{width:16px;height:16px}.state-icon svg{width:12px;height:12px}}main{text-align:start}.volume-button svg{transform:scaleX(-1)}.rank-number{text-align:center;direction:ltr;unicode-bidi:isolate}.debug-panel pre{text-align:left;direction:ltr;unicode-bidi:isolate}