:root{--st-bg:#07080b;--st-bg-elevated:#101218;--st-bg-soft:#161922;--st-surface:#1c2030;--st-text:#f4f1ea;--st-text-muted:#9aa3b5;--st-accent:#ff4d3a;--st-accent-strong:#e63622;--st-accent-dim:#ff4d3a24;--st-accent-2:#f0c14a;--st-live:#ff4d3a;--st-danger:#ff5c6a;--st-ok:#3ddea8;--st-border:#f4f1ea14;--st-shadow:0 18px 50px #0000008c;--st-glow:0 0 40px #ff4d3a38;--st-font-display:"Unbounded", system-ui, sans-serif;--st-font-body:"Plus Jakarta Sans", system-ui, sans-serif;--st-space-1:4px;--st-space-2:8px;--st-space-3:12px;--st-space-4:16px;--st-space-5:24px;--st-space-6:32px;--st-space-7:48px;--st-radius-sm:8px;--st-radius-md:14px;--st-radius-lg:22px;--st-theatre-accent:var(--st-accent);--st-mini-h:88px;--st-header-h:72px;--st-vu-rail:104px}[data-theme=light]{--st-bg:#eef0f4;--st-bg-elevated:#fff;--st-bg-soft:#e2e6ee;--st-surface:#fff;--st-text:#12141c;--st-text-muted:#5c6478;--st-accent:#e02f1c;--st-accent-strong:#c42312;--st-accent-dim:#e02f1c1a;--st-accent-2:#b8860b;--st-border:#12141c1a;--st-shadow:0 16px 40px #12141c1f;--st-glow:0 0 28px #e02f1c2e}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--st-font-body);color:var(--st-text);background:radial-gradient(900px 480px at 8% -8%, #ff4d3a29, transparent 55%), radial-gradient(700px 420px at 92% 0%, #f0c14a14, transparent 50%), radial-gradient(600px 400px at 70% 100%, #3ddea80d, transparent 45%), var(--st-bg);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background-attachment:fixed}button,input,select{font:inherit}a{color:var(--st-accent)}:focus-visible{outline:2px solid var(--st-accent);outline-offset:3px}.app-shell{min-height:100%;padding-bottom:calc(var(--st-mini-h) + env(safe-area-inset-bottom,0px) + 8px);flex-direction:column;display:flex}.app-body{grid-template-columns:var(--st-vu-rail) minmax(0, 1fr);flex:1;align-items:start;gap:0;min-width:0;display:grid}.vu-rail{top:var(--st-header-h);z-index:15;height:calc(100dvh - var(--st-header-h) - var(--st-mini-h) - env(safe-area-inset-bottom,0px) - 20px);padding:var(--st-space-3) 0 var(--st-space-3) var(--st-space-3);box-sizing:border-box;pointer-events:none;position:sticky}.vu-rail .vu-meter{pointer-events:auto;height:100%}.app-content{min-width:0;padding-bottom:var(--st-space-4)}.station-main{min-width:0}.app-header{z-index:20;align-items:center;gap:var(--st-space-4);min-height:var(--st-header-h);padding:var(--st-space-3) var(--st-space-5);background:color-mix(in srgb, var(--st-bg) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid var(--st-border);display:flex;position:sticky;top:0}.brand{font-family:var(--st-font-display);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:700;line-height:1}.brand span{color:var(--st-accent)}.brand-mark{align-items:center;gap:var(--st-space-3);display:inline-flex}.brand-mark__dot{background:var(--st-accent);width:10px;height:10px;box-shadow:var(--st-glow);border-radius:50%;animation:1.8s ease-in-out infinite liveBlink}@keyframes liveBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.header-tools{align-items:center;gap:var(--st-space-2);flex-wrap:wrap;justify-content:flex-end;margin-left:auto;display:flex}.search-input{border:1px solid var(--st-border);background:var(--st-bg-elevated);min-width:min(300px,40vw);color:var(--st-text);border-radius:999px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:color-mix(in srgb, var(--st-accent) 55%, transparent);box-shadow:0 0 0 3px var(--st-accent-dim);outline:none}.filters{gap:var(--st-space-2);padding:var(--st-space-4) var(--st-space-5) var(--st-space-2);padding-left:var(--st-space-4);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--st-border);color:var(--st-text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .15s}.chip:hover{color:var(--st-text);border-color:color-mix(in srgb, var(--st-text) 25%, transparent)}.chip[aria-pressed=true]{background:var(--st-accent-dim);color:var(--st-accent);border-color:color-mix(in srgb, var(--st-accent) 45%, transparent)}.station-grid{gap:var(--st-space-4);padding:var(--st-space-3) var(--st-space-5) var(--st-space-6) var(--st-space-4);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));display:grid}.station-tile-wrap{flex-direction:column;align-items:stretch;animation:.45s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.station-tile{appearance:none;cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;padding:0}.station-tile__media{border-radius:var(--st-radius-md);background:var(--st-surface);aspect-ratio:1;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000047}.station-tile__media img,.station-tile__art{object-fit:cover;width:100%;height:100%;display:block}.station-tile__caption{margin-top:var(--st-space-2);align-items:flex-start;gap:8px;min-width:0;display:flex}.station-tile__media img.station-tile__name-logo,.station-tile__name-logo{object-fit:contain;box-sizing:border-box;background:#fff;border-radius:6px;flex-shrink:0;width:22px;max-width:22px;height:22px;max-height:22px;margin-top:1px;padding:1px}.station-tile:hover .station-tile__media,.station-tile[aria-current=true] .station-tile__media{box-shadow:var(--st-shadow), var(--st-glow);transform:translateY(-3px)scale(1.03)}.station-tile[aria-current=true] .station-tile__media{outline:2px solid var(--st-accent);outline-offset:3px}.station-tile[aria-current=true] .station-tile__media:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 50%,#0000009e);position:absolute;inset:0}.station-tile__now{z-index:2;color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;text-shadow:0 1px 2px #0000008c;font-size:.65rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:7px;left:8px;right:8px;overflow:hidden;transform:translateY(4px)}.station-tile[aria-current=true] .station-tile__now{opacity:1;transform:translateY(0)}.station-tile__name{min-width:0;color:var(--st-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-top:0;font-size:.78rem;font-weight:560;line-height:1.25;display:-webkit-box;overflow:hidden}.station-tile__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.station-tile__meta{letter-spacing:.02em;color:var(--st-text-faint,color-mix(in srgb, var(--st-text-muted) 72%, transparent));white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:500;overflow:hidden}.format-badge{letter-spacing:.06em;color:#0a0b0f;z-index:2;pointer-events:none;border-radius:6px;padding:3px 6px;font-size:.58rem;font-weight:800;line-height:1.2;position:absolute;top:7px;right:7px}.format-badge--flac{background:linear-gradient(135deg,#f0c14a,#ff4d3a);animation:2s ease-in-out infinite alternate flacGlow}.format-badge--hls{background:#f0c14a}.format-badge--aac{color:#041018;background:#7ee0ff}@keyframes flacGlow{0%{box-shadow:0 0 #ff4d3a26}to{box-shadow:0 0 12px #ff4d3a8c}}.btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn--primary{background:var(--st-accent);color:#fff;box-shadow:var(--st-glow)}.btn--primary:hover:not(:disabled){background:var(--st-accent-strong)}.btn--secondary{background:var(--st-bg-elevated);color:var(--st-text);border-color:var(--st-border)}.btn--icon{background:var(--st-bg-elevated);border:1px solid var(--st-border);width:46px;height:46px;color:var(--st-text);place-items:center;padding:0;display:inline-grid}.btn--icon:hover:not(:disabled){border-color:color-mix(in srgb, var(--st-accent) 50%, transparent);color:var(--st-accent)}.mini-player{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;min-height:var(--st-mini-h);gap:var(--st-space-3);background:color-mix(in srgb, var(--st-bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);border:1px solid var(--st-border);border-radius:var(--st-radius-lg);box-shadow:var(--st-shadow);grid-template-columns:auto 1fr auto;align-items:center;padding:12px 14px;animation:.4s cubic-bezier(.22,1,.36,1) fadeUp;display:grid;position:fixed}.mini-player__stack{cursor:pointer;border-radius:var(--st-radius-sm);background:0 0;border:0;flex-shrink:0;width:64px;height:64px;padding:0;position:relative}.mini-player__stack:focus-visible{outline:2px solid var(--st-accent);outline-offset:3px}.mini-player__art{border-radius:var(--st-radius-sm);object-fit:cover;background:var(--st-surface);width:64px;height:64px;display:block;box-shadow:0 6px 16px #00000059}.mini-player__meta{min-width:0}.mini-player__meta strong,.mini-player__meta span{white-space:nowrap;text-overflow:ellipsis;font-style:normal;display:block;overflow:hidden}.mini-player__meta strong{letter-spacing:-.02em;font-size:.98rem;font-weight:700}.mini-player__meta span{color:var(--st-text-muted);margin-top:2px;font-size:.86rem}.mini-player__station{align-items:center;gap:8px;min-width:0;margin-top:4px;display:flex}.mini-player__logo{object-fit:contain;box-sizing:border-box;background:#fff;border-radius:5px;flex-shrink:0;width:20px;height:20px;padding:1px}.mini-player__station em{min-width:0;color:var(--st-accent-2);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-style:normal;font-weight:600;overflow:hidden}.mini-player__controls{align-items:center;gap:var(--st-space-2);display:flex}.mini-player__vol{width:72px}.mini-player__theatre{color:var(--st-text)}.mini-player__theatre:hover:not(:disabled){color:var(--st-accent);border-color:color-mix(in srgb, var(--st-accent) 50%, transparent)}.mini-player__fs-icon{display:block}.live-pulse{background:var(--st-live);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--st-live) 55%, transparent);border-radius:50%;animation:1.5s ease-out infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 #0000}}.theatre{z-index:50;color:#fff;box-sizing:border-box;background:#07080b;flex-direction:column;width:100%;height:100dvh;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}:-webkit-any(.theatre:fullscreen,.theatre:-webkit-full-screen){background:#07080b;width:100%;height:100dvh;min-height:100%}:is(.theatre:fullscreen,.theatre:fullscreen){background:#07080b;width:100%;height:100dvh;min-height:100%}.theatre__bg{filter:blur(42px)brightness(.42)saturate(1.25);background-position:50%;background-size:cover;transition:background-image .6s;position:absolute;inset:-48px;transform:scale(1.1)}.theatre__veil{background:linear-gradient(180deg, #07080b59 0%, #07080b8c 40%, #07080beb 100%), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--st-theatre-accent) 22%, transparent), transparent 55%);position:absolute;inset:0}.theatre__rta{z-index:1;pointer-events:none;opacity:.95;width:100%;height:min(38vh,320px);position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 28% 100%);mask-image:linear-gradient(#0000 0%,#000 28% 100%)}.theatre__content{z-index:2;height:100%;min-height:0;padding:var(--st-space-6);padding-top:calc(var(--st-space-5) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--st-space-6) + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;flex:auto;width:100%;max-width:960px;margin:0 auto;animation:.5s cubic-bezier(.22,1,.36,1) theatreIn;display:flex;position:relative}.theatre__main{justify-content:center;align-items:center;gap:var(--st-space-3);flex-direction:column;flex:auto;min-height:0;display:flex}.theatre__footer{align-items:center;gap:var(--st-space-3);padding-top:var(--st-space-3);flex-direction:column;flex:none;display:flex}@keyframes theatreIn{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.theatre__top{align-items:start;gap:var(--st-space-4);flex:none;grid-template-columns:auto minmax(0,1fr) auto;width:100%;display:grid}.theatre__brand{font-family:var(--st-font-display);letter-spacing:.08em;text-transform:uppercase;opacity:.7;white-space:nowrap;padding-top:10px;font-size:.85rem;font-weight:600}.theatre__vu-wrap{min-width:0;padding-top:2px}.theatre__visual{flex:0 auto;width:min(42vw,min(42vh,320px));margin:0 auto;position:relative}.theatre__art{aspect-ratio:1;object-fit:cover;border-radius:var(--st-radius-lg);width:100%;box-shadow:var(--st-shadow), 0 0 60px color-mix(in srgb, var(--st-theatre-accent) 28%, transparent);display:block}.theatre__track{text-align:center;margin:0}.theatre__track-title{font-family:var(--st-font-display);letter-spacing:-.03em;font-size:clamp(1.55rem,4.2vw,2.55rem);font-weight:700;line-height:1.15}.theatre__track-artist{letter-spacing:.04em;text-transform:uppercase;color:#ffffffd1;margin-top:8px;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:600}.theatre__station{font-family:var(--st-font-body);letter-spacing:-.01em;color:#ffffff9e;justify-content:center;align-items:center;gap:10px;margin:0;font-size:clamp(.85rem,1.6vw,1.05rem);font-weight:600;display:flex}.theatre__station span{min-width:0;line-height:1.2}.theatre__desc{max-width:min(36rem,90vw);font-family:var(--st-font-body);color:#ffffff80;text-align:center;margin:.35rem auto 0;font-size:clamp(.75rem,1.4vw,.9rem);font-weight:400;line-height:1.35}.theatre__site{font-family:var(--st-font-body);color:#ffffff8c;text-underline-offset:3px;margin-top:.4rem;font-size:.78rem;text-decoration:underline;display:inline-block}.theatre__site:hover{color:#ffffffd9}.theatre__logo{object-fit:contain;box-sizing:border-box;background:#fff;border-radius:7px;flex-shrink:0;width:28px;height:28px;padding:2px;box-shadow:0 4px 12px #0000004d}.hvu{font-variant-numeric:tabular-nums;width:min(100%,560px);margin:0 auto}.hvu__meta{justify-content:center;align-items:center;gap:8px;margin-bottom:6px;display:flex}.hvu__unit{letter-spacing:.12em;color:#fff6;margin:0 4px;font-size:.58rem;font-weight:800}.hvu__ch{color:#ffffff8c;font-size:.62rem;font-weight:800}.hvu__read{color:#ffffffb8;text-align:center;min-width:3.2em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;font-weight:700}.hvu__over{letter-spacing:.06em;color:#ffffff38;background:#ffffff0f;border-radius:3px;padding:2px 6px;font-size:.5rem;font-weight:800}.hvu__over.is-on{color:#fff;background:var(--st-theatre-accent);box-shadow:0 0 12px color-mix(in srgb, var(--st-theatre-accent) 55%, transparent)}.hvu__canvas{opacity:.95;width:100%;height:36px;display:block}.hvu__scale{letter-spacing:.02em;color:#ffffff61;justify-content:space-between;margin-top:4px;padding:0 2px;font-size:.5rem;font-weight:600;display:flex}.theatre__controls{justify-content:center;align-items:center;gap:var(--st-space-5);display:flex}.theatre__skip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1.75rem;line-height:1;color:#fff!important;background:#ffffff1a!important;border-color:#ffffff38!important;border-radius:999px!important;width:56px!important;height:56px!important}.theatre__skip:hover:not(:disabled){border-color:color-mix(in srgb, var(--st-theatre-accent) 55%, #fff)!important;color:#fff!important;background:#ffffff2e!important}.theatre__play{box-shadow:0 0 36px color-mix(in srgb, var(--st-theatre-accent) 45%, transparent);font-size:1.25rem;background:var(--st-theatre-accent)!important;color:#fff!important;border-radius:999px!important;width:72px!important;height:72px!important}.theatre__live{justify-content:center;align-items:center;gap:var(--st-space-2);margin-top:var(--st-space-5);color:#ffffffa6;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:flex}.status-banner{margin:var(--st-space-3) var(--st-space-5) 0 var(--st-space-4);border-radius:var(--st-radius-md);background:var(--st-accent-dim);color:var(--st-text-muted);padding:10px 14px;font-size:.88rem}.status-banner--error{background:color-mix(in srgb, var(--st-danger) 16%, transparent);color:var(--st-danger)}.fm-city-bar{align-items:flex-end;gap:var(--st-space-3);margin:var(--st-space-3) var(--st-space-5) 0 var(--st-space-4);flex-wrap:wrap;display:flex}.fm-city-picker{flex:260px;max-width:420px;position:relative}.fm-city-picker__label{letter-spacing:.04em;text-transform:uppercase;color:var(--st-text-muted);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.fm-city-picker__row{align-items:center;gap:6px;display:flex;position:relative}.fm-city-picker__input{flex:1;width:100%;min-width:0}.fm-city-picker__clear{flex-shrink:0;width:32px;height:32px;font-size:1.1rem;line-height:1}.fm-city-picker__hint{color:var(--st-text-muted);pointer-events:none;font-size:.85rem;position:absolute;right:44px}.fm-city-picker__list{z-index:40;border-radius:var(--st-radius-md);border:1px solid var(--st-border);background:var(--st-bg-elevated);max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #00000047}.fm-city-picker__option{text-align:left;width:100%;color:var(--st-text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:.9rem;display:block}.fm-city-picker__option:hover,.fm-city-picker__option.is-active{background:var(--st-accent-dim);color:var(--st-accent)}.fm-city-picker__geo{color:var(--st-text-muted);white-space:nowrap;padding-bottom:10px;font-size:.82rem}.vu-meter{--vu-green:#1fd15a;--vu-yellow:#f5d000;--vu-red:#ff3b30;--vu-over:#ff1a6b;--vu-track:#0a0c12;z-index:1;border-radius:var(--st-radius-md);background:color-mix(in srgb, var(--st-bg-elevated) 92%, transparent);border:1px solid var(--st-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-variant-numeric:tabular-nums;box-sizing:border-box;flex-direction:column;gap:4px;width:100%;max-width:92px;height:100%;padding:8px 6px 10px;display:flex;position:relative}.vu-meter__unit{text-align:center;letter-spacing:.12em;color:var(--st-text-muted);font-size:.58rem;font-weight:800}.vu-meter__overs{grid-template-columns:1fr 1fr;gap:22px;display:grid}.vu-over{letter-spacing:.04em;color:#ffffff38;background:#1a1e28;border-radius:3px;place-items:center;height:14px;font-size:.5rem;font-weight:800;transition:background 80ms linear,color 80ms linear,box-shadow 80ms linear;display:grid}.vu-over.is-on{color:#fff;background:var(--vu-red);box-shadow:0 0 10px color-mix(in srgb, var(--vu-red) 65%, transparent)}.vu-meter__reads{grid-template-columns:1fr 1fr;gap:22px;display:grid}.vu-read{text-align:center;color:var(--st-accent-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;font-weight:700;line-height:1.2}.vu-meter__body{flex:1;grid-template-columns:1fr 28px 1fr;align-items:stretch;gap:3px;min-height:0;display:grid}.vu-channel{flex-direction:column;min-height:0;display:flex}.vu-bar-wrap{background:var(--vu-track);border:1px solid #ffffff0f;border-radius:4px;flex:1;width:100%;position:relative;overflow:hidden}.vu-bar-zones{opacity:.14;pointer-events:none;position:absolute;inset:0}.vu-bar-fill{pointer-events:none;will-change:clip-path;position:absolute;inset:0}.vu-peak{z-index:2;pointer-events:none;background:#fff;height:2px;position:absolute;bottom:0%;left:1px;right:1px;box-shadow:0 0 4px #ffffffb3}.vu-align{z-index:1;pointer-events:none;background:#ffffff8c;height:1px;position:absolute;left:0;right:0}.vu-zero{z-index:1;pointer-events:none;background:#ff1a6bd9;height:1px;position:absolute;left:0;right:0}.vu-scale{min-height:0;position:relative}.vu-bar-grads{z-index:2;pointer-events:none;position:absolute;inset:0}.vu-bar-grad{background:#00000059;height:1px;position:absolute;left:2px;right:2px;transform:translateY(50%)}.vu-bar-grad.is-major{background:#0000008c}.vu-scale__tick{text-align:center;color:#f4f1ea61;pointer-events:none;height:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.55rem;font-weight:600;line-height:1;position:absolute;left:0;right:0;transform:translateY(50%)}.vu-scale__tick.is-minor:before{content:"";background:#f4f1ea47;width:6px;height:1px;margin:0 auto;display:block}.vu-scale__tick.is-major{color:#f4f1eac7;font-size:.58rem;font-weight:700}.vu-scale__tick.is-align{color:var(--vu-yellow)}.vu-scale__tick.is-warn{color:color-mix(in srgb, var(--vu-red) 70%, #fff)}.vu-scale__tick.is-ceiling{color:var(--vu-over);font-weight:800}.vu-meter__labels{color:var(--st-text-muted);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:2px;font-size:.62rem;font-weight:800;display:grid}.vu-meter__legend{letter-spacing:.08em;color:color-mix(in srgb, var(--st-text-muted) 80%, var(--vu-yellow));font-size:.5rem}.modal-backdrop{z-index:60;padding:var(--st-space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;place-items:center;display:grid;position:fixed;inset:0}.modal-panel{background:var(--st-bg-elevated);border:1px solid var(--st-border);border-radius:var(--st-radius-lg);width:min(460px,100%);padding:var(--st-space-5);box-shadow:var(--st-shadow)}.modal-panel h3{margin:0 0 var(--st-space-4);font-family:var(--st-font-display);letter-spacing:-.03em}.modal-panel label{margin-bottom:var(--st-space-3);color:var(--st-text-muted);flex-direction:column;gap:6px;font-size:.88rem;display:flex}.modal-panel input{border-radius:var(--st-radius-md);border:1px solid var(--st-border);background:var(--st-bg);color:var(--st-text);padding:10px 12px}.modal-actions{justify-content:flex-end;gap:var(--st-space-2);margin-top:var(--st-space-4);display:flex}.modal-error{color:var(--st-danger);margin:0}.edit-mode .station-tile-wrap{cursor:grab}.sortable-ghost{opacity:.4}.drag-hint{text-align:center;color:var(--st-text-muted);font-size:.85rem}@media (width<=720px){.app-header{flex-wrap:wrap}.search-input{order:3;min-width:100%}.station-grid{padding-inline:var(--st-space-3);gap:var(--st-space-3);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.app-body{grid-template-columns:minmax(0,1fr)}.vu-rail{display:none}.mini-player{left:8px;right:8px}.mini-player__vol{display:none}.theatre__top{gap:var(--st-space-2);grid-template-columns:1fr auto}.theatre__brand{display:none}.theatre__vu-wrap{order:3;grid-column:1/-1}.theatre__logo{width:28px;height:28px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.station-tile-wrap{flex-direction:column;align-items:stretch;display:flex}