:root{--bg:#08111f;--panel:#0e1b2b;--panel2:#132235;--ivory:#f6f1e8;--muted:#8f9baa;--coral:#ff5a5f;--cyan:#48d7e8;--line:#25374a;--radius:24px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -15%,#17314e 0,#08111f 45%);color:var(--ivory);font:15px Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.app-shell{max-width:520px;margin:auto;min-height:100vh;padding:22px 18px 112px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{font-size:31px;margin:4px 0 0;letter-spacing:-1.4px}.topbar em{color:var(--coral);font-style:normal}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--cyan);font-weight:800}.icon-button,.close,.favorite{border:1px solid var(--line);background:var(--panel);color:var(--ivory);width:42px;height:42px;border-radius:50%}.view{display:none}.view.active{display:block;animation:rise .28s ease}@keyframes rise{from{opacity:0;transform:translateY(8px)}}h2{font-size:25px;letter-spacing:-.7px;margin:5px 0}.searchbox{height:52px;border:1px solid var(--line);border-radius:16px;background:#101e30;display:flex;align-items:center;gap:10px;padding:0 16px;margin-bottom:28px}.searchbox span{font-size:25px;color:var(--muted)}.searchbox input{border:0;outline:0;background:transparent;color:white;font-size:15px;width:100%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:24px 0 13px}.section-heading button{background:none;border:0;color:var(--coral);font-weight:700}.featured-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.featured{position:relative;border-radius:20px;min-height:172px;padding:18px;overflow:hidden;background:linear-gradient(145deg,#ff565c,#74396f 58%,#0c2940);box-shadow:0 18px 35px #0005}.featured:nth-child(2){background:linear-gradient(145deg,#1c8390,#14263b)}.featured b{position:absolute;bottom:43px;font-size:17px}.featured small{position:absolute;bottom:23px;color:#e4e8ec}.play-chip{position:absolute;right:15px;bottom:16px;width:38px;height:38px;border:0;border-radius:50%;background:var(--ivory);color:#07121e}.station-list{display:grid;gap:9px}.station{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(110deg,#101e2f,#0c1827);text-align:left;color:inherit}.station-logo{width:56px;height:56px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,var(--coral),#7a335d);font-size:12px;text-align:center}.station-logo.cyan{background:linear-gradient(145deg,#44c9d8,#164467)}.station-logo.violet{background:linear-gradient(145deg,#9b5ee5,#27315e)}.station-logo.amber{background:linear-gradient(145deg,#f6b64b,#8a3e43)}.station-logo.blue{background:linear-gradient(145deg,#327dc7,#152c53)}.station-info b{display:block;margin-bottom:5px}.station-info small{color:var(--muted);display:block}.station-info .quality{font-size:10px;margin-top:4px;color:#6f8195}.station-play{border:0;width:37px;height:37px;border-radius:50%;background:#24364a;color:white}.badge{display:inline-block;color:var(--coral);font-size:10px;font-weight:900;margin-left:5px}.country-row{display:flex;overflow:auto;gap:11px;padding-bottom:8px}.country-row button{min-width:86px;height:82px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:white;font-size:27px}.country-row small{display:block;font-size:10px;margin-top:8px}.bottom-nav{position:fixed;z-index:30;bottom:14px;left:50%;transform:translateX(-50%);width:min(484px,calc(100% - 28px));height:72px;background:#0b1726ee;backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px}.bottom-nav button{border:0;background:none;color:#8190a1;font-size:10px}.bottom-nav button span{font-size:23px;display:block;margin-bottom:3px}.bottom-nav button.active{color:var(--coral)}.world-head{text-align:center}.world-head p{color:var(--muted)}.globe{position:relative;width:270px;height:270px;border-radius:50%;margin:24px auto;background:radial-gradient(circle at 64% 35%,#3b7992,#13334c 38%,#091a2d 67%);box-shadow:inset -20px -18px 45px #0009,0 0 60px #1ea8c528;display:grid;place-items:center;color:#96dce2;letter-spacing:6px;font-weight:900}.orbit{position:absolute;inset:-9px;border:1px solid #4bc7d94d;border-radius:50%;transform:rotate(-18deg)}.pin{position:absolute;color:var(--coral);text-shadow:0 0 10px var(--coral)}.p1{top:35%;left:61%}.p2{top:52%;left:32%}.p3{top:66%;left:69%}.band-control{display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);padding:5px;border-radius:14px;margin:0 auto 15px}.band-control button,.filter-row button{border:0;background:none;color:var(--muted);padding:10px;border-radius:10px;font-weight:800}.band-control .selected,.filter-row .active{background:var(--coral);color:white}.dial{height:76px;border:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0 19px,#3f5368 20px 21px);border-radius:18px;display:flex;align-items:center;justify-content:space-around}.dial strong{font-size:27px;color:var(--coral)}.filter-row{display:flex;overflow:auto;gap:8px;margin-top:-13px}.filter-row button{border:1px solid var(--line);white-space:nowrap}.count{color:var(--muted)}.library-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.library-cards button{min-height:120px;text-align:left;border:1px solid var(--line);border-radius:19px;background:var(--panel);color:white;padding:17px}.library-cards b{display:block;color:var(--coral);font-size:25px}.library-cards span,.library-cards small{display:block;margin-top:9px}.library-cards small{color:var(--muted)}.empty{color:var(--muted);padding:24px;text-align:center}.player{position:fixed;z-index:50;inset:0;background:radial-gradient(circle at 50% 15%,#3d2039,#08111f 48%);padding:20px max(24px,calc((100vw - 450px)/2));text-align:center;transform:translateY(105%);transition:.35s ease}.player.open{transform:none}.close{position:absolute;left:max(24px,calc((100vw - 450px)/2));font-size:24px}.favorite{position:absolute;right:max(24px,calc((100vw - 450px)/2));font-size:23px}.artwork{position:relative;width:min(330px,78vw);aspect-ratio:1;margin:66px auto 24px;border-radius:32px;overflow:hidden;background:linear-gradient(#361c35,#0c253b);box-shadow:0 26px 70px #0008}.sun{position:absolute;width:54%;height:54%;background:var(--coral);border-radius:50%;left:23%;top:13%}.wave{position:absolute;width:140%;height:45%;border-radius:50%;left:-20%;border:18px solid #45d4df;transform:rotate(-9deg)}.wave.one{bottom:6%;background:#112843}.wave.two{bottom:-15%;border-color:#7953a5}.live-pill{display:inline-block;background:#ff5a5f22;color:var(--coral);padding:7px 11px;border-radius:9px;font-weight:900;font-size:11px}.player>h2{font-size:30px;margin-top:13px}.player>p{color:var(--muted)}.visualizer{height:28px;display:flex;justify-content:center;align-items:center;gap:4px}.visualizer i{width:3px;height:8px;background:var(--cyan);animation:pulse .8s ease infinite alternate}.visualizer i:nth-child(2n){animation-delay:.3s;height:19px}@keyframes pulse{to{height:25px}}.player-controls{display:flex;align-items:center;justify-content:center;gap:42px;margin:24px}.player-controls button{border:0;background:none;color:white;font-size:22px}.player-controls .play{width:76px;height:76px;border-radius:50%;background:var(--ivory);color:#08111f;font-size:24px}.player-actions{display:flex;justify-content:center;gap:50px}.player-actions button{border:0;background:none;color:white;font-size:25px}.player-actions small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.sheet{position:fixed;z-index:70;inset:0;pointer-events:none;visibility:hidden}.sheet.open{visibility:visible;pointer-events:auto}.scrim{position:absolute;inset:0;border:0;background:#0009}.sheet section{position:absolute;bottom:0;left:50%;transform:translate(-50%,105%);transition:.3s;width:min(520px,100%);background:#142235;padding:12px 22px 28px;border-radius:28px 28px 0 0}.sheet.open section{transform:translate(-50%,0)}.grab{width:40px;height:4px;background:#647386;border-radius:4px;margin:0 auto 20px}.device{display:grid;grid-template-columns:42px 1fr 25px;align-items:center;text-align:left;padding:15px 5px;border-bottom:1px solid var(--line)}.device>span{font-size:23px}.device small{display:block;color:var(--muted);margin-top:4px}.device i{font-style:normal}.device.selected i{color:var(--coral)}@media(max-height:820px){.player{overflow-y:auto;padding-top:14px}.artwork{width:min(245px,60vw);margin:48px auto 12px;border-radius:24px}.player>h2{font-size:24px;margin:8px 0 3px}.player>p{margin:4px 0}.visualizer{height:20px}.player-controls{margin:10px}.player-controls .play{width:60px;height:60px}.player-actions{padding-bottom:18px}}@media(min-width:900px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}