@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080b11;--panel:#111720;--panel2:#171e29;--line:#252e3b;--text:#f5f7fb;--muted:#9da8b7;--red:#ed2637;--blue:#58a7ff;--green:#2ad08c;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Manrope,'Segoe UI',sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.topbar{height:78px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid #202631;background:#0a0d13;position:sticky;top:0;z-index:5}.brand{display:flex;gap:11px;align-items:center;color:white;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:.5px;line-height:1.05;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:41px;height:41px;background:var(--red);border-radius:12px;font-size:23px}.brand-accent,.footer-brand span{color:var(--red)}.brand small{display:block;margin-top:5px;color:#8791a1;font-size:8px;letter-spacing:1.2px}.nav{display:flex;align-items:center;gap:4px;flex:1}.nav-link{padding:10px 14px;border:0;border-radius:9px;background:transparent;color:#a8b1bd;font-size:13px;font-weight:700}.nav-link:hover,.nav-link.active{background:#191f29;color:white}.live-pill{display:flex;align-items:center;gap:8px;color:#b8c1cd;font-size:10px;font-weight:800;letter-spacing:1px}.live-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #2ad08c}.page{display:none;max-width:var(--max);margin:0 auto;padding:28px 24px 70px}.page.active{display:block}.hero{min-height:340px;position:relative;overflow:hidden;border:1px solid #313844;border-radius:20px;background:#111923 url('/home_background.png') center 57%/cover no-repeat;display:flex;align-items:center;padding:34px 48px;box-shadow:0 24px 70px #0008}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b11f2 0%,#080b11c7 38%,#080b1140 72%,#080b1170 100%)}.hero-copy{position:relative;z-index:1;max-width:560px}.eyebrow{color:#ff5260;font-weight:800;font-size:10px;letter-spacing:1.65px}.hero h1{margin:10px 0 7px;font-size:clamp(35px,5vw,58px);letter-spacing:-2.5px;line-height:1.08}.hero h1 span{color:#ff4352}.hero-copy>p:not(.eyebrow){color:#c0c7d2;margin:0 0 22px}.hero-stamp{position:absolute;right:38px;bottom:14px;color:#fff9;font-size:17px;font-weight:800;line-height:.9;letter-spacing:3px;text-align:center;text-shadow:0 3px 18px #000}.hero-stamp b{font-size:34px;color:#fff}.button{border:0;border-radius:10px;padding:11px 17px;font-weight:800;transition:transform .15s,filter .15s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-red{background:var(--red);color:white;box-shadow:0 8px 22px #ed263733}.button-red span{margin-left:14px}.button-outline{border:1px solid #343e4d;background:#121821;color:#dce4ee}.home-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px;margin-top:18px}.panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h2,.section-title h2{margin:3px 0 0;font-size:20px;letter-spacing:-.5px}.panel-heading select,.music-toolbar select{background:#1b2430;border:1px solid #313c4b;color:#e8edf5;border-radius:8px;padding:8px 27px 8px 10px}.weather-body{display:flex;align-items:center;gap:16px;margin:13px 0}.weather-icon{font-size:43px}.weather-body strong{font-size:29px;letter-spacing:-1px}.weather-body p{margin:0;color:var(--muted);font-size:12px}.weather-meta{display:grid;gap:7px;margin-left:auto;color:#c5ceda;font-size:11px;text-align:right}.credit{color:#718092;font-size:9px}.text-button,.footer-link{border:0;background:none;color:#ff5562;font-size:12px;font-weight:800}.home-news{margin-top:14px}.home-news-item{border-top:1px solid #27303b;padding:9px 0}.home-news-item:first-child{border-top:0;padding-top:0}.home-news-item time{display:block;color:#8693a3;font-size:10px}.home-news-item p{margin:3px 0 0;font-size:12px;line-height:1.45}.muted{color:var(--muted);font-size:12px}.section-block{margin-top:26px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{position:relative;display:grid;justify-items:start;gap:5px;min-height:138px;padding:17px;border:1px solid var(--line);border-radius:15px;text-align:left;background:linear-gradient(135deg,#18202c,#10151d);transition:.2s}.feature-card:hover{border-color:#515d70;transform:translateY(-2px)}.feature-card b{font-size:16px}.feature-card small{color:var(--muted);font-size:11px}.feature-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#242d3a;color:#ff5562;font-size:17px}.feature-arrow{position:absolute;right:17px;top:18px;color:#8793a2}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:8px 0 23px}.page-heading h1{font-size:37px;letter-spacing:-1.5px;margin:2px 0}.page-heading p{color:var(--muted);margin:0}.section-badge{border:1px solid #303a48;border-radius:999px;padding:7px 11px;color:#bdc7d5;font-size:10px;font-weight:800;letter-spacing:.7px}.station-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.station-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.station-art{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#ee2536,#731524);font-size:21px}.station-details{min-width:0;flex:1}.station-details b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-details small{color:var(--muted)}.station-card button{border:1px solid #3a4656;background:#1a2330;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800}.player{display:flex;align-items:center;gap:14px;margin-top:16px}.player-cover{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#1e2936;color:#ff5664;font-size:24px}.player-info{display:grid;flex:1}.player-info small{color:#ff5966;font-size:9px;font-weight:800;letter-spacing:1px}.player-info strong{font-size:14px}.player-info span{color:var(--muted);font-size:11px}audio{width:min(350px,42%);height:38px}.music-toolbar{display:flex;align-items:center;gap:13px;padding:12px 14px;margin-bottom:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.music-toolbar label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.music-toolbar .muted{flex:1}.upload-button{white-space:nowrap}.upload-button input{display:none}.music-list{display:grid;gap:9px}.track{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px 14px}.track-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;background:#202b39;color:#ff5664;font-size:18px}.track-info{min-width:0;flex:1}.track-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info small{color:var(--muted);font-size:10px}.track-actions{display:flex;align-items:center;gap:6px}.track-actions button,.icon-button{border:1px solid #303b49;border-radius:8px;background:#19222d;color:#dbe3ed;padding:7px 9px;font-size:11px}.track-actions button:hover{border-color:#e94c59}.track-actions .download{color:#a9d3ff}.news-list{display:grid;gap:12px}.news-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px}.news-card header{display:flex;justify-content:space-between;gap:12px;color:#ff626e;font-size:11px;font-weight:800}.news-card time{color:#8290a0;font-size:10px;font-weight:500}.news-card p{white-space:pre-wrap;margin:9px 0 0;color:#e1e6ed}.empty-state{padding:40px 20px;border:1px dashed #364151;border-radius:14px;text-align:center;color:var(--muted);font-size:13px}.chat-switch{display:flex;align-items:center;gap:8px;margin-bottom:11px}.switch-button{border:1px solid #323d4b;border-radius:999px;background:#111720;color:#bac4d0;padding:9px 14px;font-size:11px;font-weight:800}.switch-button.active{background:#ed2637;border-color:#ed2637;color:white}.switch-button span{margin-left:4px}.chat-shell{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.chat-messages{height:390px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px}.message{max-width:min(80%,620px);align-self:flex-start;padding:9px 12px;border:1px solid #273240;border-radius:12px 12px 12px 3px;background:#17202b}.message b{display:block;color:#7dbdff;font-size:10px}.message time{float:right;color:#788696;font-size:9px;margin-left:12px}.message p{white-space:pre-wrap;margin:3px 0 0;font-size:13px}.chat-form{display:flex;gap:9px;padding:12px;border-top:1px solid var(--line)}.chat-form input{min-width:0;flex:1;border:1px solid #333e4d;border-radius:9px;background:#0c1118;color:white;padding:11px 13px;outline:none}.chat-form input:focus{border-color:#59718f}.chat-footnote{color:#798697;font-size:10px}.hidden{display:none!important}footer{display:flex;align-items:center;gap:22px;max-width:var(--max);margin:0 auto;padding:22px 24px 30px;border-top:1px solid #202631;color:#7e8999;font-size:9px;letter-spacing:1px}.footer-brand{color:white;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:0}.footer-brand span{margin-left:2px}.footer-link{margin-left:auto}.toast{position:fixed;left:50%;bottom:25px;z-index:10;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #3a4657;border-radius:11px;background:#18212d;color:white;padding:11px 16px;font-size:12px;box-shadow:0 12px 35px #0008;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:850px){.topbar{height:auto;min-height:70px;gap:12px;flex-wrap:wrap;padding:12px 18px}.brand{font-size:16px}.brand-mark{width:36px;height:36px}.nav{order:3;flex:1 0 100%;overflow:auto}.nav-link{padding:9px 12px;white-space:nowrap}.live-pill{margin-left:auto}.page{padding:20px 18px 48px}.hero{min-height:300px;padding:28px}.home-grid{grid-template-columns:1fr}.feature-grid{gap:9px}.feature-card{min-height:132px;padding:13px}.station-grid{grid-template-columns:1fr}.page-heading h1{font-size:32px}}
@media(max-width:560px){.hero{min-height:292px;padding:22px;background-position:54% center}.hero h1{font-size:39px}.hero-stamp{right:18px;bottom:12px;font-size:12px}.hero-stamp b{font-size:24px}.weather-body{gap:10px}.weather-icon{font-size:36px}.weather-body strong{font-size:25px}.weather-meta{font-size:9px}.panel{padding:15px}.panel h2,.section-title h2{font-size:18px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:95px;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:11px}.feature-icon{grid-row:1/3}.feature-card b,.feature-card small{align-self:end}.feature-arrow{right:14px;top:15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}.section-badge{font-size:8px;padding:6px 8px;white-space:nowrap}.music-toolbar{flex-wrap:wrap}.music-toolbar .muted{min-width:100px}.track{gap:8px;padding:10px}.track-info b{max-width:140px;font-size:12px}.track-actions{gap:4px}.track-actions button{padding:7px;font-size:10px}.track-icon{flex-basis:36px;height:36px}.upload-button{padding:9px 10px;font-size:11px}.player{flex-wrap:wrap}.player-info{min-width:calc(100% - 70px)}audio{width:100%;max-width:none}.chat-messages{height:55vh;min-height:260px;padding:11px}.message{max-width:94%}.chat-switch{flex-wrap:wrap}.chat-form{padding:9px}.chat-form .button{padding:10px;font-size:11px}footer{padding:18px;gap:12px;flex-wrap:wrap}footer>span{font-size:8px}.footer-link{margin-left:0}}
.radio-tools{display:flex;align-items:center;gap:14px;margin:-8px 0 13px}.radio-tools input{flex:1;min-width:180px;border:1px solid #333e4d;border-radius:9px;background:#111720;color:white;padding:11px 13px;outline:none}.radio-tools input:focus{border-color:#59718f}.station-buttons{display:flex;gap:6px;align-items:center}.station-card .open{border:1px solid #3a4656;background:#1a2330;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800;text-decoration:none;color:#a9d3ff;white-space:nowrap}.station-card .open:hover{border-color:#e94c59}.station-details small{display:block;max-height:32px;overflow:hidden}@media(max-width:560px){.radio-tools{align-items:stretch;flex-direction:column;gap:6px}.station-card{gap:8px;padding:10px}.station-details b{font-size:12px}.station-details small{font-size:9px}.station-buttons{flex-direction:column}.station-card button,.station-card .open{width:76px;padding:6px;font-size:9px;text-align:center}}
.weather-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:10px 0 12px}.weather-day{display:grid;justify-items:center;gap:4px;min-width:0;padding:8px 3px;border:1px solid #2b3542;border-radius:10px;background:#131a23;text-align:center}.weather-day-date{font-size:10px;text-transform:capitalize;color:#c8d2df}.weather-day-icon{font-size:20px}.weather-day-range{font-size:10px;font-weight:800;white-space:nowrap}.weather-day-rain{font-size:8px;color:#8fb9e5;white-space:nowrap}
@media(max-width:560px){.weather-week{grid-template-columns:none;grid-auto-columns:minmax(59px,1fr);grid-auto-flow:column;overflow-x:auto;padding-bottom:4px}.weather-day{padding:7px 2px}}
:root{--red:#ffd500;--blue:#1686e8}body{background:linear-gradient(180deg,#0b4b87 0%,#092e52 43%,#28270f 55%,#554700 100%) fixed}.eyebrow{color:#ffdc35}.hero h1 span{color:#ffdc35}.brand-mark{color:#071523}.button-red{color:#071523;box-shadow:0 8px 22px #ffd50033}
.emoji-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:10px 12px;border-top:1px solid var(--line);background:#0c1420}.emoji-choice,.emoji-toggle{display:grid;place-items:center;border:1px solid #31445b;border-radius:8px;background:#142338;color:#ffda28}.emoji-choice{min-height:36px;font-size:20px}.emoji-choice:hover,.emoji-toggle:hover{background:#174f83;border-color:#ffd500}.emoji-toggle{flex:0 0 40px;width:40px;height:40px;font-size:23px}.emoji-toggle[aria-expanded="true"]{background:#0c5796;border-color:#ffd500}@media(max-width:560px){.emoji-picker{grid-template-columns:repeat(7,minmax(0,1fr));padding:8px}}
:root{--lime:#c9ff00;--neon:#05dcff;--violet:#bd62ff}body{font-family:Inter,'Segoe UI',sans-serif}h1,h2,.feature-card b{font-family:'Space Grotesk',Inter,'Segoe UI',sans-serif}.brand,.hero-stamp{font-family:Orbitron,Inter,sans-serif}.eyebrow{color:var(--lime)}.button-red{background:var(--lime);color:#071321;box-shadow:0 0 15px #c9ff0088,0 8px 24px #c9ff0033}.button-red:hover{box-shadow:0 0 22px #c9ff00bb,0 8px 28px #c9ff0055}.brand-mark,.feature-icon,.player-cover{box-shadow:0 0 15px #05dcff66}.nav-link.active{box-shadow:inset 0 0 0 1px #05dcff66,0 0 15px #05dcff33}.topbar{box-shadow:0 1px 0 #05dcff55,0 6px 24px #0004}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #05dcff66;border-radius:10px;background:#101a26;color:#c9ff00;font-size:19px;box-shadow:0 0 15px #05dcff44}.theme-toggle:hover{box-shadow:0 0 20px #05dcff99}.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 74% 18%,#05dcff44,transparent 29%),radial-gradient(ellipse at 22% 96%,#bd62ff3b,transparent 34%),repeating-radial-gradient(ellipse at 78% 115%,transparent 0 23px,#05dcff20 24px 25px,transparent 27px 48px);mix-blend-mode:screen;opacity:.75}.global-player{position:fixed;left:50%;bottom:12px;z-index:9;transform:translateX(-50%);width:min(calc(100% - 28px),var(--max));margin:0;padding:11px 14px;border-color:#05dcff77;background:rgba(8,15,24,.94);color:#f5f7fb;backdrop-filter:blur(16px);box-shadow:0 0 22px #05dcff44,0 14px 40px #0009}.global-player .player-cover{color:var(--lime);background:#132438}.global-player .player-info small{color:var(--neon)}.page{padding-bottom:110px}.home-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.bento-tile{min-height:175px;background:linear-gradient(145deg,#111d2b,#10151d)}.bento-large{grid-column:span 2;grid-row:span 2}.bento-radio{background:radial-gradient(ellipse at 100% 0%,#05dcff22,transparent 60%),#111923}.bento-video{background:radial-gradient(ellipse at 100% 0%,#bd62ff25,transparent 60%),#111923}.bento-radio h2,.bento-video h2{margin:8px 0}.home-track-list{display:grid;gap:6px;margin-top:10px}.home-track{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 9px;border:1px solid #293647;border-radius:10px;background:#0d1621}.home-track-rank{flex:0 0 28px;color:var(--neon);font:700 12px Orbitron,sans-serif}.home-track-info{display:grid;min-width:0;flex:1}.home-track-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.home-track-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.home-track-play{width:31px;height:31px;border:1px solid #c9ff0080;border-radius:50%;background:#c9ff0016;color:var(--lime);box-shadow:0 0 12px #c9ff0044}.video-clip-placeholder{display:grid;place-items:center;min-height:85px;border:1px dashed #bd62ff66;border-radius:11px;padding:12px;color:#c4b6d9;font-size:11px;text-align:center}.home-video-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.home-video-list iframe,.youtube-music-track iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid #bd62ff55;border-radius:10px;background:#000}.youtube-music-section{margin:18px 0}.youtube-music-section>.muted{margin:-5px 0 12px}.youtube-music-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.youtube-music-track{overflow:hidden;padding:9px;border:1px solid #bd62ff55;border-radius:12px;background:var(--panel);box-shadow:0 0 14px #bd62ff1e}.youtube-music-track b{display:block;padding:8px 4px 2px}.track-icon{border:1px solid #05dcff55;cursor:pointer;box-shadow:0 0 13px #05dcff33}.track-icon:hover,.track-actions button:hover,.text-button:hover{box-shadow:0 0 15px #c9ff0066}.music-toolbar select:focus,.radio-tools input:focus,.chat-form input:focus{box-shadow:0 0 15px #05dcff55;border-color:#05dcff}.feature-icon{color:var(--neon);background:#111d2b}.section-badge{border-color:#05dcff55;box-shadow:0 0 12px #05dcff22}.text-button,.footer-link{color:var(--lime);text-shadow:0 0 12px #c9ff0055}
body[data-theme="light"]{--bg:#f5f8fc;--panel:#fff;--panel2:#edf3fa;--line:#d5dfeb;--text:#19283a;--muted:#56677c;background:linear-gradient(180deg,#dceeff 0%,#eff7ff 43%,#fff7cf 55%,#fff0a8 100%) fixed;color:var(--text)}body[data-theme="light"] .topbar{background:rgba(246,250,255,.95);border-bottom-color:#c8d7e8}body[data-theme="light"] .brand{color:#142843}body[data-theme="light"] .brand small{color:#61758d}body[data-theme="light"] .nav-link{color:#4c6179}body[data-theme="light"] .nav-link.active,body[data-theme="light"] .nav-link:hover{background:#dceeff;color:#12477c}body[data-theme="light"] .live-pill{color:#35536d}body[data-theme="light"] .theme-toggle{background:#fff;color:#0b5796}body[data-theme="light"] .panel,body[data-theme="light"] .station-card,body[data-theme="light"] .track,body[data-theme="light"] .weather-day,body[data-theme="light"] .chat-shell{background:#ffffffed;border-color:#cbd9e8;color:#1c2b3f}body[data-theme="light"] .feature-card,body[data-theme="light"] .bento-tile{background:linear-gradient(145deg,#fff,#eaf3fc);border-color:#c9d9ea;color:#1c2b3f}body[data-theme="light"] .home-track{background:#f4f8fd;border-color:#d4dfeb}body[data-theme="light"] .weather-day-date{color:#314962}body[data-theme="light"] .weather-day-rain{color:#16588f}body[data-theme="light"] .weather-meta{color:#3c5269}body[data-theme="light"] .panel-heading select,body[data-theme="light"] .music-toolbar select,body[data-theme="light"] .button-outline,body[data-theme="light"] .station-card button,body[data-theme="light"] .radio-tools input,body[data-theme="light"] .chat-form input{background:#f8fbff;color:#182a40;border-color:#c7d7e8}body[data-theme="light"] .station-details small,body[data-theme="light"] .track-info small,body[data-theme="light"] .feature-card small{color:#566b83}body[data-theme="light"] .message{background:#f0f5fb;border-color:#d0ddea;color:#19283a}body[data-theme="light"] .message p{color:#27384b}body[data-theme="light"] .message time,body[data-theme="light"] .home-news-item time{color:#65778c}body[data-theme="light"] .eyebrow{color:#125c9e}body[data-theme="light"] footer{color:#52677f;border-top-color:#cbd9e8}body[data-theme="light"] .global-player{background:rgba(8,15,24,.96);color:#f5f7fb}body[data-theme="light"] .youtube-music-track{background:#fff}body[data-theme="light"] .video-clip-placeholder{color:#425a73;border-color:#8960bc}
@media(max-width:800px){.home-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-large{grid-column:span 2;grid-row:auto}}@media(max-width:560px){.home-bento{grid-template-columns:1fr}.bento-large{grid-column:auto}.home-video-list{grid-template-columns:1fr}.global-player{bottom:7px;padding:9px 10px}.global-player .player-cover{width:38px;height:38px}.global-player audio{width:100%}.theme-toggle{width:35px;height:35px}}

.account-toggle{border:1px solid #c9ff0088;border-radius:10px;padding:9px 13px;background:#c9ff0014;color:var(--lime);font-weight:800;box-shadow:0 0 15px #c9ff0044}.account-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#03070dcc;backdrop-filter:blur(9px)}.account-modal.hidden{display:none}.account-card{width:min(100%,540px);max-height:min(88vh,850px);overflow:auto;border-color:#05dcff88;box-shadow:0 0 30px #05dcff3b,0 24px 90px #0009}.account-header{display:flex;justify-content:space-between;align-items:start}.account-header h2{margin:3px 0 0}.account-close{border:0;background:none;color:var(--neon);font-size:28px}.account-form{display:grid;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.account-form h3,.account-content h3{margin:3px 0}.account-form label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.account-form input{width:100%;padding:10px;border:1px solid #34465a;border-radius:9px;background:#0d1621;color:var(--text)}.account-error{min-height:1em;color:#ff8491;font-size:12px}.account-list{display:grid;gap:6px;margin-bottom:14px}.account-list-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid #27394b;border-radius:9px;background:#101b28;color:var(--text);text-align:left}.account-list-row small{color:var(--neon)}.track-actions .favorite.selected{color:var(--lime);text-shadow:0 0 12px #c9ff00;box-shadow:0 0 12px #c9ff0055}.track-actions .add-to-playlist{color:var(--neon)}body[data-theme=light] .account-card{background:#fff;color:#1c2b3f}body[data-theme=light] .account-form input,body[data-theme=light] .account-list-row{background:#f4f8fd;color:#1c2b3f;border-color:#cbd9e8}@media(max-width:760px){.topbar{gap:8px}.account-toggle{padding:8px;font-size:11px}.track-actions{gap:3px}.track-actions button,.track-actions a{min-width:29px;padding:5px}}