@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)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;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,sans-serif}button,input,select{font:inherit}button{color:inherit}.app{width:min(1480px,100%);margin:0 auto;padding:20px clamp(16px,3vw,44px) 128px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:44px;height:44px;border-radius:12px}.brand strong{display:block;letter-spacing:.12em}.brand span{color:var(--muted);font-size:.78rem;letter-spacing:.08em}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;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)}.hero{position:relative;min-height:280px;overflow:hidden;border:1px solid var(--stroke);border-radius:28px;background:#030b0e;box-shadow:var(--shadow)}.hero-image{width:100%;height:100%;min-height:280px;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(300px,.75fr);gap:22px;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,30px)}.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.7rem,3vw,2.5rem)}.lede{color:var(--muted);margin-bottom:22px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search-wrap{position:relative;flex:1 1 280px}.search-wrap span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.search{width:100%;padding:12px 14px 12px 40px;border:1px solid var(--stroke);border-radius:14px;background:var(--field);color:var(--text);outline:none}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.filters{display:flex;gap:7px;flex-wrap:wrap}.chip,.icon-btn,.primary-btn,.secondary-btn,.select{border:1px solid var(--stroke);background:var(--field);border-radius:13px;cursor:pointer}.chip{padding:9px 12px;color:var(--muted)}.chip.active{color:#111;background:var(--accent);border-color:var(--accent);font-weight:700}.station-list{display:grid;gap:9px}.station{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:11px;border:1px solid transparent;border-radius:17px;background:var(--card);transition:transform .16s ease,border-color .16s ease}.station:hover{transform:translateY(-1px);border-color:var(--stroke)}.station.selected{border-color:var(--accent);background:color-mix(in srgb,var(--card) 82%,var(--accent))}.station-logo{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff;padding:5px}.station-name{font-weight:700;margin-bottom:4px}.station-meta{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-band{color:var(--accent);font-size:.78rem}.icon-btn{width:40px;height:40px;display:grid;place-items:center;font-size:1.2rem}.icon-btn:hover{border-color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:32px}.side{display:grid;gap:22px;align-content:start;position:sticky;top:18px}.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}.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}.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}.controls{display:flex;justify-content:center;gap:10px}.primary-btn{width:58px;height:58px;border-radius:50%;background:var(--accent);color:#111;border-color:var(--accent);font-size:1.45rem;font-weight:700}.secondary-btn{min-height:44px;padding:0 15px}.secondary-btn:hover{border-color:var(--accent)}.player-status{text-align:center;color:var(--muted);font-size:.82rem;margin:14px 0 0;min-height:20px}.utility{padding:20px}.utility h2{font-size:1.1rem;margin-bottom:14px}.weather-main{display:flex;align-items:center;justify-content:space-between;gap:15px}.temperature{font-size:2.2rem;font-weight:700}.weather-copy{color:var(--muted);font-size:.86rem}.utility-row{display:flex;gap:9px;margin-top:14px}.select{padding:10px;color:var(--text);flex:1}.toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%,20px);opacity:0;padding:10px 16px;background:var(--text);color:var(--bg);border-radius:999px;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%)}.mobile-player{display:none}@media(max-width:900px){.hero,.hero-image{min-height:200px}.dashboard{grid-template-columns:1fr}.side{position:static}.now-playing{display:none}.mobile-player{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;position:fixed;z-index:10;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:10px;border:1px solid var(--stroke);border-radius:18px;background:#0e1e21f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.mobile-player img{width:46px;height:46px;object-fit:contain;padding:4px;background:#fff;border-radius:10px}.mobile-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-meta{color:var(--muted);font-size:.76rem}}@media(max-width:560px){.app{padding:13px 12px 112px}.topbar .status-pill{display:none}.hero,.hero-image{min-height:150px;border-radius:20px}.hero-image{object-position:center}.dashboard{margin-top:14px}.library{padding:17px 13px;border-radius:20px}.station{grid-template-columns:50px minmax(0,1fr) auto;gap:10px}.station-logo{width:50px;height:50px}.station-band{display:none}.lede{font-size:.9rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}