:root{--bg-0:#05070d;--bg-1:#0b1220;--card:#0f1728b8;--card-border:#78a0dc29;--accent:#38bdf8;--accent-soft:#38bdf829;--orange:#f5943a;--green:#34d399;--blue:#38bdf8;--text:#e7edf7;--muted:#8ea0bd;--muted-2:#5f7191}*{box-sizing:border-box}html,body{height:100%}body{min-height:100svh;color:var(--text);background:radial-gradient(1100px 700px at 15% -10%, #12213a 0%, transparent 60%), radial-gradient(900px 600px at 100% 0%, #0e1b30 0%, transparent 55%), radial-gradient(1400px 900px at 50% 120%, #0a1526 0%, transparent 60%), var(--bg-0);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding:28px 28px 60px;display:flex}.footer{text-align:center;color:var(--muted-2);padding-top:4px;font-size:12.5px}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 30px 80px -40px #000000b3}.hero{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:24px;padding:32px 36px;display:flex}.hero-left{flex-direction:column;flex:380px;justify-content:center;min-width:280px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;margin-bottom:10px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.02}.hero p{color:var(--muted);max-width:46ch;margin:0;font-size:15px;line-height:1.55}.player-panel{border:1px solid var(--card-border);background:#0a101c99;border-radius:18px;flex-direction:column;flex:0 0 340px;gap:14px;padding:20px 22px;transition:border-color .25s,box-shadow .25s;display:flex}.player-panel.is-playing{border-color:#34d3998c;box-shadow:0 0 0 1px #34d39933,0 20px 50px -30px #34d39980}.player-label{color:var(--accent);letter-spacing:.14em;font-size:11px;font-weight:700}.player-title{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:700;overflow:hidden}.player-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.stream-error{color:#f87171;font-size:12.5px}.player-controls{flex-wrap:wrap;gap:8px;display:flex}.btn{appearance:none;border:1px solid var(--card-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn:hover{background:#ffffff17}.btn.active{background:var(--accent-soft);color:var(--accent);border-color:#38bdf880}.btn.star{text-align:center;width:38px;padding:9px 0}.btn.star.is-favorite{color:#facc15;border-color:#facc1580}.volume-row{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.volume-row input[type=range]{accent-color:var(--accent);flex:1}.atlas{gap:0;height:clamp(620px,100svh - 250px,820px);display:flex;overflow:hidden}.globe-pane{border-right:1px solid var(--card-border);flex:auto;min-width:320px;position:relative}.globe-pane canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.globe-pane canvas:active{cursor:grabbing}.globe-hint{color:var(--muted-2);pointer-events:none;font-size:12px;position:absolute;bottom:14px;left:16px}.globe-loading{color:var(--muted);pointer-events:none;background:#060a1459;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.sidebar{flex-direction:column;flex:0 0 380px;gap:12px;min-width:300px;max-width:420px;min-height:0;padding:20px;display:flex}.search-row{gap:8px;display:flex}.search-row input{border:1px solid var(--card-border);min-width:0;color:var(--text);background:#ffffff0a;border-radius:10px;flex:1;padding:10px 12px;font-size:13.5px}.search-row input::placeholder{color:var(--muted-2)}.search-row input:focus,.btn:focus-visible{outline-offset:1px;outline:2px solid #38bdf880}.mode-row{flex-wrap:wrap;gap:8px;display:flex}.genre-row{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;height:32px;min-height:32px;display:flex;overflow:auto hidden}.genre-row::-webkit-scrollbar{display:none}.genre-row .chip{white-space:nowrap;flex:none}.chip{appearance:none;border:1px solid var(--card-border);color:var(--muted);text-transform:capitalize;cursor:pointer;background:#ffffff08;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.chip:hover{color:var(--text);background:#ffffff14}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:#38bdf880}.status-line{color:var(--muted);min-height:16px;font-size:12.5px}.status-line.error{color:#f87171}.status-loading{align-items:center;gap:7px;display:inline-flex}.spinner{border:2px solid #38bdf840;border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.station-row-skeleton{background:linear-gradient(100deg,#ffffff08 30%,#ffffff12 50%,#ffffff08 70%) 0 0/200% 100%;border-radius:14px;height:54px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.spinner,.station-row-skeleton{animation:none}}.station-list{flex-direction:column;flex:auto;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.station-row{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:9px 11px;display:flex}.station-row:hover{background:#ffffff0f}.station-row.is-selected{background:#38bdf814;border-color:#38bdf88c}.station-row.is-current{background:#34d3991a;border-color:#34d39999}.station-icon{object-fit:cover;background:#ffffff0f;border-radius:8px;flex:0 0 32px;width:32px;height:32px}.station-icon-fallback{width:32px;height:32px;color:var(--muted-2);background:#ffffff0f;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;font-size:14px;display:flex}.station-text{flex:auto;min-width:0}.station-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.station-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.station-fav{color:var(--muted-2);cursor:pointer;background:0 0;border:none;flex:none;padding:4px;font-size:16px}.station-fav.is-favorite{color:#facc15}.station-list::-webkit-scrollbar{width:8px}.station-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}@media (max-width:980px){.atlas{flex-direction:column;height:auto;overflow:visible}.globe-pane{border-right:none;border-bottom:1px solid var(--card-border);height:clamp(430px,60vw,560px)}.sidebar{flex:auto;max-width:none;max-height:640px}.hero{flex-direction:column}.hero-left{flex:none;justify-content:flex-start}.player-panel{flex:auto}}@media (max-width:560px){.page{gap:16px;padding:14px 12px 32px}.card{border-radius:18px}.hero{gap:18px;padding:20px 18px}.hero p{max-width:none}.player-panel{padding:16px}.player-controls{flex-wrap:wrap}.player-controls .btn{text-align:center;flex:calc(50% - 4px);padding:12px 10px}.player-controls .btn.star{flex:0 0 52px;width:52px}.volume-row{flex-wrap:wrap}.globe-pane{height:clamp(260px,65vw,340px)}.globe-hint{white-space:nowrap;text-overflow:ellipsis;font-size:11px;bottom:10px;left:10px;right:10px;overflow:hidden}.sidebar{gap:8px;max-height:none;padding:14px}.search-row{flex-wrap:nowrap}.search-row .btn{flex:none;padding:10px 14px}.mode-row{scrollbar-width:none;flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto}.mode-row::-webkit-scrollbar{display:none}.mode-row .btn{flex:none;padding:10px 14px}.station-list{flex:none;height:500px}.station-row{padding:10px}.station-fav{padding:6px;font-size:19px}}