@font-face{font-family:Google Sans;src:url(/assets/google-sans-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Google Sans;src:url(/assets/google-sans-bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{color-scheme:dark;--bg: #071113;--surface: #0e1e21;--card: #12262a;--field: #0b191c;--stroke: #234348;--text: #ecfdf5;--muted: #94a3b8;--accent: #f59e0b;--teal: #14b8a6;--danger: #ef665b;--shadow: 0 20px 55px rgba(0, 0, 0, .32);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 90% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 32rem),var(--bg);color:var(--text);font-family:Google Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}button,input{font:inherit;border:none;background:none}button{color:inherit;cursor:pointer;touch-action:manipulation}[hidden]{display:none!important}.app{width:min(1480px,100%);margin:0 auto;padding:max(20px,env(safe-area-inset-top)) clamp(16px,3vw,44px) 140px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 4px 12px #0000004d}.brand strong{display:block;letter-spacing:.12em;font-size:1.05rem}.brand span{color:var(--muted);font-size:.78rem;letter-spacing:.08em}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--stroke);border-radius:999px;color:var(--muted);font-size:.82rem;background:color-mix(in srgb,var(--surface) 85%,transparent)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}.weather-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:12px 18px;border:1px solid var(--stroke);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.weather-summary{display:flex;align-items:baseline;gap:12px;min-width:0}.weather-label{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.temperature{font-size:1.35rem;font-weight:700;white-space:nowrap}.weather-copy{color:var(--muted);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{position:relative;min-height:240px;max-height:320px;overflow:hidden;border:1px solid var(--stroke);border-radius:28px;background:#030b0e;box-shadow:var(--shadow)}.hero-image{width:100%;height:100%;min-height:240px;max-height:320px;object-fit:cover;display:block}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(3,11,14,.25));pointer-events:none}.dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:24px;margin-top:22px}.panel{border:1px solid var(--stroke);border-radius:24px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow)}.library{padding:clamp(18px,2.6vw,32px)}.eyebrow{color:var(--accent);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.5rem)}.lede{color:var(--muted);margin-bottom:22px;line-height:1.5}.toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.search-wrap{position:relative;width:100%}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex;align-items:center;pointer-events:none}.search-icon svg{width:18px;height:18px}.search{width:100%;padding:13px 40px 13px 44px;border:1px solid var(--stroke);border-radius:14px;background:var(--field);color:var(--text);outline:none;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:6px;color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:50%}.search-clear:hover{color:var(--text)}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar{display:none}.chip{padding:8px 14px;color:var(--muted);border:1px solid var(--stroke);background:var(--field);border-radius:999px;font-size:.84rem;font-weight:500;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none}.chip:hover{border-color:color-mix(in srgb,var(--stroke) 50%,var(--accent));color:var(--text)}.chip.active{color:#111;background:var(--accent);border-color:var(--accent);font-weight:700;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 30%,transparent)}.station-list{display:grid;gap:10px}.station{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid transparent;border-radius:18px;background:var(--card);transition:transform .14s ease,border-color .14s ease,background-color .14s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.station:hover{transform:translateY(-1px);border-color:var(--stroke)}.station:active{transform:scale(.985)}.station.selected{border-color:var(--accent);background:color-mix(in srgb,var(--card) 85%,var(--accent))}.station-logo-wrap{position:relative;width:56px;height:56px;flex-shrink:0}.station-logo{width:100%;height:100%;object-fit:contain;border-radius:12px;background:#fff;padding:4px}.station-playing-badge{position:absolute;inset:0;border-radius:12px;background:#071113bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:3px}.eq-bar{width:3.5px;border-radius:99px;background:var(--accent);animation:eqBounce .8s ease-in-out infinite alternate}.eq-bar:nth-child(1){height:14px;animation-delay:.1s}.eq-bar:nth-child(2){height:20px;animation-delay:.3s}.eq-bar:nth-child(3){height:11px;animation-delay:.2s}@keyframes eqBounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.station-info{min-width:0}.station-name{font-weight:700;font-size:.98rem;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-meta{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-band{color:var(--accent);font-size:.78rem;font-weight:700;background:color-mix(in srgb,var(--accent) 12%,transparent);padding:4px 9px;border-radius:8px;white-space:nowrap}.station-fav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--muted);transition:all .15s ease}.station-fav-btn:hover,.station-fav-btn:active{color:var(--text);background:#ffffff0f}.station-fav-btn.favorited{color:var(--accent)}.station-fav-btn svg{width:20px;height:20px}.empty{text-align:center;color:var(--muted);padding:44px 20px;font-size:.95rem}.side{display:grid;gap:22px;align-content:start;position:sticky;top:20px}.now-playing{padding:24px;overflow:hidden}.on-air{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.live{display:inline-flex;align-items:center;gap:7px;color:var(--danger);font-size:.76rem;letter-spacing:.12em;font-weight:700}.live:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 13px currentColor}.clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem}.cover-wrap{display:grid;place-items:center;min-height:190px;margin-bottom:18px;position:relative}.cover-wrap:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);filter:blur(24px)}.cover{width:170px;height:170px;object-fit:contain;padding:12px;background:#fff;border-radius:28px;position:relative;box-shadow:0 18px 40px #00000059}.now-title{text-align:center;font-size:1.45rem;margin-bottom:5px}.now-meta{text-align:center;color:var(--muted);min-height:42px;font-size:.88rem;line-height:1.4}.rds{margin:16px 0;padding:11px 13px;border-radius:10px;background:#061012;color:var(--teal);font-family:ui-monospace,monospace;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.text-btn{min-height:44px;padding:0 18px;font-weight:700;border:1px solid var(--stroke);background:var(--field);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.text-btn:hover{border-color:var(--accent)}.text-btn.primary{background:var(--accent);border-color:var(--accent);color:#111;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 25%,transparent)}.text-btn.compact{min-height:38px;padding:0 12px;font-size:.8rem;background:var(--field);border-color:var(--stroke);color:var(--text)}.danger-btn{color:#ff938b}.danger-btn:hover{border-color:var(--danger)}.player-status{text-align:center;color:var(--muted);font-size:.82rem;margin:14px 0 0;min-height:20px}.player-prompt{padding:28px}.player-prompt h2{margin:8px 0}.player-prompt p{margin:0;color:var(--muted);line-height:1.55}.toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%,20px);opacity:0;padding:10px 18px;background:var(--text);color:var(--bg);font-weight:600;font-size:.88rem;border-radius:999px;pointer-events:none;transition:transform .2s ease,opacity .2s ease;z-index:9999;box-shadow:0 8px 24px #0006}.toast.show{opacity:1;transform:translate(-50%)}.mobile-mini-player,.mobile-player-sheet{display:none}.timer-modal{position:fixed;inset:0;background:#030b0ebf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s ease}.timer-modal.open{opacity:1;pointer-events:auto}.timer-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--stroke);border-radius:24px;padding:24px;box-shadow:var(--shadow-lg);transform:translateY(20px);transition:transform .2s cubic-bezier(.16,1,.3,1)}.timer-modal.open .timer-card{transform:translateY(0)}.timer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.timer-title{font-size:1.15rem;font-weight:700;margin:0}.timer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.timer-btn{padding:12px;border:1px solid var(--stroke);border-radius:14px;background:var(--field);color:var(--text);font-weight:600;font-size:.9rem;text-align:center;transition:all .15s ease}.timer-btn:active,.timer-btn.active{background:var(--accent);color:#111;border-color:var(--accent)}@media(max-width:900px){.app{padding:max(16px,env(safe-area-inset-top)) 16px max(110px,calc(env(safe-area-inset-bottom) + 90px))}.hero,.hero-image{min-height:180px;max-height:220px}.dashboard{grid-template-columns:1fr;gap:16px}.side{display:none}.mobile-mini-player:not([hidden]){display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;position:fixed;z-index:800;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));padding:9px 12px;border:1px solid var(--stroke);border-radius:20px;background:#0e1e21eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 36px #0009;cursor:pointer;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-mini-player .thumb-wrap{position:relative;width:48px;height:48px;flex-shrink:0}.mobile-mini-player img{width:100%;height:100%;object-fit:contain;padding:3px;background:#fff;border-radius:12px}.mini-info{min-width:0}.mobile-title{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-meta{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;margin-top:2px}.mobile-meta .mini-live-dot{width:6px;height:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger)}.mobile-mini-controls{display:flex;align-items:center;gap:6px}.mini-play-btn{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#111;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .12s ease}.mini-play-btn:active{transform:scale(.92)}.mini-play-btn svg{width:20px;height:20px}.mini-expand-btn{width:36px;height:36px;border-radius:50%;color:var(--muted);display:flex;align-items:center;justify-content:center}.mini-expand-btn svg{width:18px;height:18px}.mobile-player-sheet{display:flex;flex-direction:column;position:fixed;inset:0;z-index:950;background:var(--bg);background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 26rem),var(--bg);padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));transform:translateY(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-player-sheet.expanded{transform:translateY(0)}.sheet-handle-bar{width:40px;height:5px;background:var(--stroke);border-radius:99px;margin:0 auto 12px}.sheet-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sheet-collapse-btn{width:42px;height:42px;border-radius:50%;background:var(--field);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;color:var(--text)}.sheet-collapse-btn svg{width:20px;height:20px}.sheet-live-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:color-mix(in srgb,var(--danger) 15%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:999px;color:var(--danger);font-size:.75rem;font-weight:700;letter-spacing:.1em}.sheet-live-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.sheet-cover-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;max-height:320px;margin:10px 0 24px;position:relative}.sheet-cover-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(40px)}.sheet-cover-img{width:min(240px,60vw);height:min(240px,60vw);object-fit:contain;padding:16px;background:#fff;border-radius:32px;position:relative;box-shadow:0 20px 48px #0009}.sheet-details{text-align:center;margin-bottom:20px}.sheet-title{font-size:1.65rem;font-weight:700;margin-bottom:6px}.sheet-tagline{color:var(--muted);font-size:.92rem;margin-bottom:4px}.sheet-meta-pill{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:4px 12px;border-radius:999px;background:var(--field);border:1px solid var(--stroke);color:var(--teal);font-size:.8rem}.sheet-rds{margin:0 auto 20px;width:100%;max-width:360px;padding:10px 14px;background:#050d0f;border-radius:12px;color:var(--teal);font-family:ui-monospace,monospace;font-size:.78rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-main-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.sheet-skip-btn{width:52px;height:52px;border-radius:50%;background:var(--field);border:1px solid var(--stroke);color:var(--text);display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.sheet-skip-btn:active{transform:scale(.92)}.sheet-skip-btn svg{width:22px;height:22px}.sheet-play-btn{width:72px;height:72px;border-radius:50%;background:var(--accent);color:#111;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 40%,transparent);transition:transform .12s ease}.sheet-play-btn:active{transform:scale(.93)}.sheet-play-btn svg{width:32px;height:32px}.sheet-actions{display:flex;align-items:center;justify-content:space-around;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--stroke) 60%,transparent)}.sheet-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:.78rem;padding:8px 12px;border-radius:12px;transition:color .15s ease}.sheet-action-btn.active,.sheet-action-btn:active{color:var(--accent)}.sheet-action-btn svg{width:22px;height:22px}}@media(max-width:560px){.app{padding:max(14px,env(safe-area-inset-top)) 12px max(112px,calc(env(safe-area-inset-bottom) + 90px))}.topbar{margin-bottom:14px}.brand img{width:38px;height:38px}.brand strong{font-size:.95rem}.topbar .status-pill{display:none}.weather-strip{margin-bottom:14px;padding:10px 14px;border-radius:14px}.weather-label{font-size:.68rem}.temperature{font-size:1.15rem}.weather-copy{font-size:.78rem}.weather-strip .text-btn{font-size:.75rem;padding:0 10px;min-height:34px}.hero,.hero-image{min-height:140px;max-height:180px;border-radius:18px}.dashboard{margin-top:14px}.library{padding:16px 12px;border-radius:18px}.station{grid-template-columns:50px minmax(0,1fr) auto;gap:10px;padding:10px 12px;border-radius:15px}.station-logo-wrap{width:50px;height:50px}.station-band{display:none}.station-name{font-size:.92rem}.station-meta{font-size:.76rem}.lede{font-size:.88rem;margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.city-filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.city-filters::-webkit-scrollbar{display:none}.city-chip{min-height:34px;padding:6px 12px;border:1px solid var(--stroke);border-radius:999px;background:transparent;color:var(--muted);font-size:.78rem;white-space:nowrap}.city-chip.active{color:var(--text);border-color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent)}@media(max-width:560px){.app{padding-top:max(10px,env(safe-area-inset-top))}.topbar{margin-bottom:10px}.weather-strip{margin-bottom:10px;padding:8px 10px;gap:8px}.weather-summary{gap:8px}.weather-label{max-width:92px;line-height:1.15}.hero,.hero-image{min-height:112px;max-height:132px}.dashboard{margin-top:10px}.library{padding:12px 10px}.eyebrow{font-size:.68rem}h1{font-size:1.55rem;margin-bottom:4px}.lede{font-size:.8rem;line-height:1.35;margin-bottom:10px}.toolbar{gap:7px;margin-bottom:10px}.search{padding-top:10px;padding-bottom:10px;border-radius:12px}.filters{gap:6px;padding-bottom:1px}.chip{padding:6px 11px;font-size:.78rem}.station-list{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1px 2px 5px;-webkit-overflow-scrolling:touch}.station-list::-webkit-scrollbar{display:none}.station{flex:0 0 148px;scroll-snap-align:start;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:6px;padding:9px;border-radius:15px}.station-logo-wrap{grid-column:1 / -1;width:46px;height:46px}.station-info{grid-column:1 / -1}.station-name{font-size:.88rem;margin-bottom:2px}.station-meta{font-size:.69rem;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.station-fav-btn{position:absolute;align-self:start;justify-self:end;width:38px;height:38px}.station{position:relative}.empty{min-width:100%;padding:24px 12px}}@media(max-width:560px){html,body,#app,.app,.dashboard,.panel,.library,.toolbar{width:100%;max-width:100%;min-width:0}body{overflow-x:clip}.app{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.weather-strip{width:100%;min-width:0}.weather-summary{flex:1 1 auto;min-width:0;overflow:hidden}.weather-label{flex:0 1 auto}.weather-copy{min-width:0}.weather-strip .text-btn{flex:0 0 auto;max-width:92px;white-space:normal;line-height:1.1}.hero{width:100%}.hero-image{width:100%;max-width:100%}.search-wrap,.search{min-width:0;max-width:100%}.filters,.city-filters,.station-list{width:100%;max-width:100%;min-width:0;overscroll-behavior-inline:contain}.station-list{contain:inline-size}.station{min-width:0;max-width:148px}}.filters{gap:0;padding-bottom:0;border-bottom:1px solid var(--stroke)}.chip,.chip.active{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--muted);padding:10px 14px}.chip.active{border-bottom-color:var(--accent);color:var(--accent)}.chip:hover{color:var(--text);border-bottom-color:var(--teal)}.city-filter-wrap{display:flex;align-items:center;gap:10px;min-width:0}.city-filter-wrap label{color:var(--muted);font-size:.8rem;flex:0 0 auto}.city-select{width:100%;min-width:0;min-height:40px;padding:8px 32px 8px 12px;border:1px solid var(--stroke);border-radius:9px;background:var(--field);color:var(--text);font:inherit;font-size:.88rem}.city-select:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.weather-summary{flex:1 1 auto;min-width:0}.weather-copy{min-width:0}.weather-strip .text-btn{border-radius:9px}@media(max-width:560px){.weather-strip{padding:12px;min-height:66px;gap:10px}.weather-summary{flex-wrap:wrap;align-items:center;column-gap:9px;row-gap:1px}.temperature{font-size:1.5rem}.weather-copy{flex:1 1 120px;font-size:.8rem;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip}.weather-strip .text-btn{max-width:86px;min-height:42px;padding:5px 8px}.filters{gap:0}.chip,.chip.active{padding:10px 12px;font-size:.79rem}.city-filter-wrap{gap:8px}.city-select{min-height:42px}}