:root{color-scheme:dark;--gold:#d79c50;--gold-light:#f0c884;--text:#fffaf2;--muted:#b7afa3;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 14% 42%,#321b08a6,transparent 58%),radial-gradient(ellipse at 91% 15%,#4629127a,transparent 50%),#080604;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5;min-height:100vh}.shell{width:min(1120px,calc(100% - 36px));margin:20px auto 32px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:wait}button, input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--gold-light);outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}svg.filled{fill:currentColor;stroke:none}.hero{position:relative;text-align:center;padding:62px 40px 30px;border:1px solid #ffffff24;border-radius:34px;background:radial-gradient(ellipse at 76% 23%,#5d3c2442,transparent 48%),radial-gradient(ellipse at 31% 63%,#66412233,transparent 40%),linear-gradient(145deg,#191a18eb,#090a09f7);box-shadow:0 24px 80px #0005,inset 0 1px 0 #ffffff06}.live-pill{position:absolute;right:30px;top:30px;display:flex;gap:9px;align-items:center;padding:11px 18px;border:1px solid #ffffff20;border-radius:40px;background:#06060550;font-weight:750;font-size:.85rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#827d73}.playing .live-dot{background:#43dd73;box-shadow:0 0 14px #43dd7344}.brand-logo{display:block;width:132px;height:132px;object-fit:contain;border-radius:30px;margin:0 auto 32px;background:white;box-shadow:0 10px 30px #0002}.radio-label{display:flex;align-items:center;justify-content:center;gap:22px;letter-spacing:.65em;font-size:.78rem;color:var(--gold-light);padding-left:.65em;margin-bottom:12px}.radio-label span{width:7px;height:7px;flex:none;border-radius:50%;background:var(--gold)}h1{font-weight:850;font-size:clamp(2.6rem,5.5vw,4.4rem);line-height:1.14;letter-spacing:-.05em;margin:20px 0 28px}.equalizer{display:flex;align-items:center;justify-content:center;gap:4px;height:24px;margin:0 auto 22px;color:var(--gold);opacity:.75}.equalizer i{display:block;width:3px;border-radius:2px;height:7px;background:currentColor}.equalizer i:nth-child(3n){height:20px}.equalizer i:nth-child(3n + 1){height:12px}.equalizer i:nth-child(4n){height:16px}.playing .equalizer i{animation:equalize .9s ease-in-out infinite alternate}.playing .equalizer i:nth-child(2n){animation-delay:-.5s}.playing .equalizer i:nth-child(3n){animation-delay:-.2s}@keyframes equalize{to{transform:scaleY(.35)}}.current{max-width:760px;margin:auto;overflow-wrap:anywhere}.now-label{color:var(--gold-light);font-weight:800;font-size:1.05rem;margin:0 0 8px}.current h2{font-weight:750;font-size:clamp(1.3rem,3vw,1.9rem);letter-spacing:-.02em;line-height:1.3;margin:0}#artist{color:var(--muted);margin:5px 0 0;font-size:.95rem}.timeline{width:min(700px,100%);display:flex;align-items:center;gap:24px;margin:22px auto 34px;font-size:.85rem;font-weight:750;font-variant-numeric:tabular-nums}.timeline>span{min-width:42px}input[type=range]{accent-color:var(--gold);cursor:pointer;min-width:0;height:24px}.timeline input{width:100%;margin:0}.main-controls{display:flex;align-items:center;justify-content:center;gap:26px}.control{width:84px;height:84px;border:1px solid #ffffff22;border-radius:27px;color:#fff;background:linear-gradient(160deg,#272624,#0e0e0d);box-shadow:inset 0 1px 0 #ffffff10;display:grid;place-items:center;transition:background .15s,border-color .15s,transform .15s}.control:hover{border-color:#d79c5099;background:linear-gradient(160deg,#383026,#17110b);transform:translateY(-1px)}.control svg{width:29px;height:29px}.control.play{width:106px;height:106px;border-radius:50%;border:3px solid #9f773d;background:radial-gradient(circle at 32% 26%,#ffda8b,#d39847 60%,#ad762d);box-shadow:0 0 0 7px #d79c501a,inset 0 1px 0 #fff4}.control.play svg{width:38px;height:38px}.control.play .play-icon{margin-left:5px}.pause-icon{display:none}.is-wanted .play-icon{display:none}.is-wanted .pause-icon{display:block}.shuffle-control.active{color:var(--gold-light);border-color:#d79c5033;background:linear-gradient(150deg,#634b28,#2b2013)}.bottom-tools{display:flex;justify-content:center;align-items:center;gap:65px;margin:30px auto 0}.shuffle-state{color:var(--muted);background:#05050430;border:1px solid #ffffff15;border-radius:30px;padding:13px 28px;min-width:148px;font-size:.9rem;font-weight:800}.shuffle-state.active{color:var(--gold-light);border-color:#d79c5033}.volume{display:flex;align-items:center;gap:12px}.volume input{width:220px}.volume button{border:0;background:none;color:var(--muted);padding:8px;display:grid;place-items:center;border-radius:9px}.volume button:hover{color:var(--gold-light)}.volume output{font-size:.8rem;color:var(--muted);min-width:36px;font-variant-numeric:tabular-nums}.station-status{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px;min-height:30px}#status{margin:0;font-size:.85rem;color:var(--muted)}.back-live{border:1px solid #d79c5040;color:var(--gold-light);background:#d79c5008;padding:7px 14px;border-radius:30px;font-size:.85rem}.back-live:hover{background:#d79c5018}.mode{font-size:.72rem;letter-spacing:.12em;color:#a39b8e;margin:9px 0 0}.hint{font-size:.8rem;color:#9f978b;margin:5px auto 0;max-width:550px}.library{margin-top:28px}.search-row{display:flex;gap:20px;align-items:stretch;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:16px;flex:1;min-width:0;padding:20px 28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#191816,#0e0e0c);color:#908d87}.search-box input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:1rem;min-width:0;padding:3px 0}.search-box:focus-within{border-color:var(--gold)}.search-box input:focus-visible{outline:0}.view-toggle{display:flex;gap:6px;padding:7px;border:1px solid var(--line);border-radius:24px;background:#0d0d0b}.view-toggle button{background:none;border:0;border-radius:17px;min-width:64px;color:#8a8882;display:grid;place-items:center}.view-toggle button.active{background:#1d1c18;color:var(--gold-light)}.playlist-panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#151513,#0b0b0a);overflow:hidden}.playlist-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid #ffffff0c}.playlist-heading h2{margin:0;font-size:.85rem;letter-spacing:.12em;color:var(--gold-light);font-weight:650}#count{color:var(--muted);font-size:.85rem}#playlist{margin:0;padding:0;list-style:none;max-height:580px;overflow:auto;scrollbar-width:thin;scrollbar-color:#554a37 transparent}.track{display:grid;grid-template-columns:38px 50px minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;padding:17px 28px;background:none;border:0;border-bottom:1px solid #ffffff08;text-align:left;color:var(--text)}.track:hover{background:#ffffff04}.track.active{background:#d79c5010}.track:focus-visible{outline-offset:-3px}.number{font-size:.85rem;color:#8e887f;font-variant-numeric:tabular-nums}.track.active .number{color:var(--gold-light)}.cover{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#433526,#27221b);color:var(--gold-light);font-weight:650;font-size:.9rem;border:1px solid #ffffff0a}.track strong{display:block;font-size:1rem;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.track small{display:block;font-size:.85rem;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.track-time{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.compact .track{padding-top:10px;padding-bottom:10px;grid-template-columns:28px minmax(0,1fr) auto}.compact .cover{display:none}.compact .track strong{font-size:.92rem}.up-next{margin:0;padding:18px 28px;color:var(--muted);font-size:.85rem;border-top:1px solid #ffffff0c}#empty{padding:25px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 6px 0;font-size:.85rem;color:#9f978b}footer a{color:var(--gold-light);text-underline-offset:4px}[hidden]{display:none!important}.boot-error{border:1px solid #d79c5066;border-radius:12px;padding:18px;color:var(--gold-light)}@media(max-width:650px){.shell{width:calc(100% - 24px);margin-top:12px}.hero{padding:56px 16px 24px;border-radius:27px}.live-pill{right:16px;top:15px;padding:7px 11px;font-size:.75rem}.brand-logo{width:106px;height:106px;border-radius:25px;margin-bottom:26px}.radio-label{font-size:.7rem;letter-spacing:.45em;gap:14px}h1{font-size:2.7rem;margin:18px 0 22px}.equalizer{margin-bottom:17px}.current h2{font-size:1.35rem}.timeline{gap:9px;margin:20px auto 27px;font-size:.8rem}.timeline>span{min-width:33px}.main-controls{gap:12px}.control{width:47px;height:54px;border-radius:17px}.control svg{width:22px;height:22px}.control.play{width:76px;height:76px;box-shadow:0 0 0 5px #d79c501a}.control.play svg{width:29px;height:29px}.bottom-tools{gap:15px;margin-top:25px;flex-wrap:wrap}.shuffle-state{padding:10px 16px;min-width:126px;font-size:.8rem}.volume{gap:7px}.volume input{width:120px}.volume output{font-size:.75rem}.volume button{padding:5px}.search-row{gap:10px;margin-bottom:16px}.search-box{padding:15px;border-radius:19px;gap:9px}.search-box input{font-size:.9rem}.view-toggle{border-radius:19px;padding:5px;gap:2px}.view-toggle button{min-width:34px;border-radius:13px}.view-toggle svg{width:21px;height:21px}.playlist-heading{padding:20px 17px;gap:10px}.playlist-heading h2{font-size:.73rem;letter-spacing:.07em}#count{font-size:.78rem;white-space:nowrap}.track{padding:14px 15px;grid-template-columns:23px 38px minmax(0,1fr) auto;gap:10px}.cover{width:36px;height:40px;border-radius:10px;font-size:.75rem}.track strong{font-size:.9rem}.track small{font-size:.8rem}.track-time{font-size:.78rem}.up-next{padding:17px;font-size:.8rem}footer{font-size:.78rem;gap:10px}.hint{font-size:.78rem}.mode{font-size:.7rem}#status{font-size:.8rem}}@media(max-width:360px){.main-controls{gap:7px}.control{width:43px}.control.play{width:70px;height:70px}.bottom-tools{gap:10px}.volume input{width:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}