@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#05070b;--sidebar:#0a0f17;--surface:#101725;--surface2:#162234;--card:#111a29;--border:#253650;--text:#f5f8ff;--muted:#9fb1ca;--dim:#7486a2;--lime:#4da3ff;--lime-dark:#102d59;--aqua:#90d0ff;--player:92px;--sidebarw:244px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}svg{width:20px;height:20px;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.app-shell{display:flex;min-height:100vh;padding-bottom:var(--player)}.sidebar{width:var(--sidebarw);background:var(--sidebar);border-right:1px solid #212a32;padding:33px 16px 26px;position:fixed;left:0;top:0;bottom:var(--player);display:flex;flex-direction:column;z-index:12;overflow-y:auto}.brand{font-family:Outfit,Arial,sans-serif;font-size:34px;letter-spacing:-2px;font-weight:900;display:flex;align-items:center;gap:11px;padding:0 12px;margin-bottom:53px}.brand-accent{color:var(--lime)}.brand-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon img{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 18px rgba(77,163,255,.28))}.sidebar-group-label{font-size:10px;color:#65737e;letter-spacing:2px;font-weight:800;padding:0 17px;margin-bottom:14px}.library-label{margin-top:36px}.side-nav{display:grid;gap:6px}.nav-link{border:0;background:transparent;color:#9ba8b2;border-radius:11px;padding:13px 14px;text-align:left;display:flex;align-items:center;gap:15px;font-weight:700;width:100%;transition:.15s}.nav-link svg{height:19px;width:19px}.nav-link:hover{color:#fff;background:#172130}.nav-link.active{color:var(--lime);background:#132b4d}.nav-count{margin-left:auto;border-radius:16px;background:#233247;font-size:11px;color:#aab3bb;padding:3px 7px}.sidebar-bottom{margin-top:auto;background:linear-gradient(155deg,#0f1d34,#101827 65%);border:1px solid #274264;border-radius:16px;padding:16px}.mini-wave{color:var(--lime);font-weight:800;letter-spacing:-.2px}.mini-wave span{font-size:19px;margin-right:4px}.sidebar-bottom p{font-size:12px;line-height:1.7;color:#a1b0b2;margin:9px 0 16px}.free-tag{font-size:10px;font-weight:700;color:var(--lime)}.page-area{margin-left:var(--sidebarw);width:calc(100% - var(--sidebarw));min-width:0;min-height:calc(100vh - var(--player));background:radial-gradient(ellipse 50% 32% at 96% -13%,#0f213c 0,transparent 78%),var(--bg)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 37px;position:sticky;top:0;z-index:10;background:rgba(11,16,21,.93);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff09}.search-wrap{display:flex;align-items:center;width:min(470px,100%);max-width:100%;height:46px;padding:0 15px;border-radius:11px;background:#1d262e;border:1px solid #29333c;color:#87959e;gap:12px}.search-wrap:focus-within{border-color:#5aa8ff}.search-wrap svg{width:18px;height:18px;flex-shrink:0}.search-wrap input{min-width:0;flex:1;background:none;color:#eef3f2;border:0;outline:none;font-size:13px}.search-wrap input::placeholder{color:#7f8b95}kbd{font:12px 'DM Sans';border:1px solid #3a4650;border-radius:5px;color:#87939d;padding:2px 6px}.topbar-actions{display:flex;align-items:center;gap:21px}.online-pill{font-size:12px;color:#aab5b9;font-weight:600;white-space:nowrap}.online-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 11px rgba(77,163,255,.95)}.avatar{height:39px;width:39px;background:linear-gradient(145deg,#86c6ff,#2f7df6);border-radius:50%;display:grid;place-items:center;font-weight:900;color:#0f2346}.mobile-menu{display:none}#app-content{padding:25px 37px 65px;max-width:1550px;margin:0 auto;outline:none}.hero{position:relative;min-height:317px;background:radial-gradient(ellipse at 75% 35%,#173763 0,#112742 28%,#0b1628 55%,#08111e 100%);border:1px solid #345044;border-radius:23px;padding:34px 42px;display:flex;overflow:hidden;margin-bottom:39px}.hero-content{position:relative;z-index:2;width:min(550px,62%)}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:2px;color:#c7ff80}.pulse-dot{display:inline-block;background:var(--lime);height:7px;width:7px;border-radius:50%;box-shadow:0 0 0 4px rgba(77,163,255,.18)}.hero h1{font:900 clamp(35px,4.8vw,64px)/1.04 Outfit,sans-serif;letter-spacing:-2.3px;margin:16px 0 12px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:470px;font-size:13px;line-height:1.75;color:#c3d1cd;margin:0}.hero-actions{display:flex;gap:11px;align-items:center;margin-top:23px;flex-wrap:wrap}.btn{height:43px;display:inline-flex;align-items:center;gap:9px;justify-content:center;padding:0 18px;font-weight:800;border-radius:26px;border:1px solid transparent;font-size:12px}.btn svg{width:15px;height:15px}.btn-main{color:#1a281b;background:var(--lime)}.btn-main:hover{background:#d1ff91}.btn-ghost{color:#fff;background:#ffffff0a;border-color:#6c8f7a80}.btn-ghost:hover{background:#ffffff18}.hero-art{position:absolute;right:26px;top:0;bottom:0;width:43%;pointer-events:none}.record-sleeve{position:absolute;z-index:2;left:5%;top:45px;width:235px;height:235px;background:linear-gradient(140deg,#9aec84 0%,#9fec68 36%,#518f75 36%,#327d75 63%,#1a474c 63%);border-radius:7px;box-shadow:0 22px 35px #0005;transform:rotate(-13deg);overflow:hidden}.sleeve-word{position:absolute;font:900 43px/0.9 Outfit;letter-spacing:-3px;left:20px;top:20px;color:#143629}.sleeve-word i{font-style:normal;color:#d9ff91}.sleeve-lines{position:absolute;width:220px;height:220px;right:-125px;bottom:-115px;border:20px solid #ade88f7b;border-radius:50%;box-shadow:0 0 0 35px #2a5b59}.vinyl{position:absolute;border-radius:50%;background:repeating-radial-gradient(circle,#171e20 0px,#171e20 5px,#252b2b 6px,#141719 8px);box-shadow:0 18px 24px #0006}.vinyl-back{z-index:1;right:4%;top:4%;width:288px;height:288px}.vinyl-front{z-index:3;width:230px;height:230px;right:1%;top:55px;display:grid;place-items:center}.vinyl-front span{width:85px;height:85px;border-radius:50%;background:radial-gradient(circle,#151819 0 6px,#b9f67a 7px 43px);border:1px solid #325c3d}.hero-float{position:absolute;z-index:5;bottom:16px;left:3%;padding:11px 17px;background:#e7f6df;color:#3d5c45;border-radius:12px;box-shadow:0 10px 24px #0004;transform:rotate(5deg);font-size:11px;font-weight:700}.hero-float svg{height:14px;width:14px}.hero-float b{color:#172622}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 17px}.section-heading-main{margin-top:0}.section-kicker{color:var(--lime);font-size:9px;letter-spacing:1.9px;font-weight:900}.section-heading h2,.panel h2,.view-heading h1{font:800 23px/1.22 Outfit,sans-serif;letter-spacing:-.5px;margin:5px 0 0}.section-heading h2 span{font-size:19px}.text-link{background:none;border:0;color:#b6c2c5;font-size:11px;display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-weight:700;padding:8px 0}.text-link svg{height:14px;width:14px}.text-link:hover{color:var(--lime)}.country-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.country-tile{background:#161f26;border:1px solid #2b343b;border-radius:14px;padding:17px 13px;text-align:left;color:#edf2f0;transition:.2s;min-height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.country-tile:hover,.country-tile.selected{border-color:#769a63;background:#202d29;transform:translateY(-2px)}.country-tile .flag{font-size:25px;line-height:1}.country-tile strong{font-size:12px}.country-tile .country-sub{font-size:10px;color:#819095;margin-top:3px}.music-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.music-card{min-width:0;padding:11px;background:#171f26;border:1px solid #25313a;border-radius:15px;text-align:left;color:#f5f7f7;transition:.2s;position:relative}.music-card:hover{background:#222d36;transform:translateY(-2px)}.album-art{width:100%;aspect-ratio:1;background:linear-gradient(130deg,#3a7e6c,#d6da5e);border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden}.album-art img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.album-art .cover-letter{font:900 54px Outfit;color:#f7ffc1;text-shadow:0 4px 9px #0002}.music-card .card-title{display:block;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:13px 2px 4px;font-size:12px}.music-card .card-sub{display:block;font-size:11px;color:#8e9da5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 2px 4px}.card-play{position:absolute;right:20px;top:calc(100% - 111px);height:36px;width:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--lime);color:#15251b;box-shadow:0 7px 17px #0009;opacity:0;transform:translateY(7px);transition:.2s}.card-play svg{height:17px;width:17px}.music-card:hover .card-play,.music-card:focus-within .card-play{opacity:1;transform:translateY(0)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.panel{padding:21px 20px;border:1px solid #273039;background:#131b23;border-radius:17px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel h2{font-size:19px}.ranking-mini{display:grid;gap:0}.rank-row{display:flex;align-items:center;padding:11px 5px;gap:13px;border-bottom:1px solid #27313a}.rank-row:last-child{border-bottom:0}.rank-row .number{width:17px;color:#64737d;font-size:13px;font-weight:900}.rank-thumb{width:41px;height:41px;flex-shrink:0;border-radius:8px;object-fit:cover;background:linear-gradient(125deg,#265a54,#bafe69)}.rank-meta{flex:1;min-width:0}.rank-meta strong,.rank-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-meta strong{font-size:12px}.rank-meta span{color:#88959e;margin-top:4px;font-size:10px}.rank-go{color:#a5b3b8;padding:6px}.rank-go svg{height:17px;width:17px}.rank-go:hover{color:var(--lime)}.home-radios{display:grid;gap:11px}.radio-mini{border:1px solid #2a343c;border-radius:12px;background:#1a242b;padding:11px;display:flex;align-items:center;gap:12px;text-align:left;color:#fff;width:100%}.radio-mini:hover{border-color:#749964}.radio-mini .station-art{height:48px;width:48px}.radio-mini .rank-meta strong{font-size:12px}.radio-mini .radio-play{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#1c2a1c}.radio-mini .radio-play svg{height:13px;width:13px}.station-art{flex-shrink:0;height:65px;width:65px;border-radius:12px;background:linear-gradient(135deg,#20544e,#9ac46b);display:grid;place-items:center;color:#eaffd7;font-weight:900;font:800 20px Outfit;overflow:hidden}.station-art img{width:100%;height:100%;object-fit:contain;background:#fff}.site-footer{max-width:1550px;padding:0 37px 33px;font-size:11px;color:#63717a;line-height:1.6;margin:auto}.site-footer a{text-decoration:underline;text-underline-offset:3px}.player-bar{height:var(--player);position:fixed;bottom:0;left:0;right:0;z-index:30;background:#172027;border-top:1px solid #364147;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:20px;padding:12px 26px;box-shadow:0 -16px 38px #0003}.player-track{min-width:0;display:flex;align-items:center;gap:12px}.player-cover{height:54px;width:54px;flex-shrink:0;border-radius:9px;background:linear-gradient(130deg,#377d65,#c2f36e);display:grid;place-items:center;color:#1f4e37;overflow:hidden}.player-cover img{width:100%;height:100%;object-fit:cover}.player-meta{min-width:0;flex:0 1 220px}.player-meta b,.player-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta b{font-size:12px;color:#f5f7f4}.player-meta span{font-size:11px;color:#94a3ab;margin-top:4px}.icon-btn{border:0;background:transparent;display:grid;place-items:center;color:#b1bfc6;height:30px;width:30px;border-radius:50%;padding:4px}.icon-btn:hover{color:var(--lime)}.icon-btn svg{width:17px;height:17px}.icon-btn.on{color:var(--lime)}.icon-btn.liked{color:#ff8d9e}.icon-btn.liked svg{fill:#ff8d9e}.player-center{min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px}.play-controls{display:flex;gap:16px;align-items:center}.play-toggle{display:grid;place-items:center;height:34px;width:34px;border-radius:50%;border:0;background:var(--lime);color:#1a251b}.play-toggle:hover{transform:scale(1.06)}.play-toggle svg{height:17px;width:17px;fill:currentColor}.progress-row{display:flex;gap:10px;align-items:center;width:100%;max-width:430px;color:#87949d;font-size:10px}.progress-row input,.volume-controls input{accent-color:var(--lime);cursor:pointer;min-width:0}.progress-row input{width:100%;height:4px}.player-extra{display:flex;justify-content:flex-end;align-items:center;gap:24px}.volume-controls{display:flex;align-items:center;gap:9px;color:#91a1a6}.volume-controls svg{width:19px;height:19px}.volume-controls input{width:80px;height:4px}.player-source{font-size:9px;color:#9bac9b;border:1px solid #405347;border-radius:20px;padding:7px 10px;font-weight:900;letter-spacing:.5px}.view-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:15px 0 27px}.view-heading h1{font-size:36px;letter-spacing:-1.2px}.view-heading p{color:#9ba7af;max-width:590px;line-height:1.65;margin:9px 0 0;font-size:13px}.select-wrap{display:flex;align-items:center;gap:10px;color:#b3bfc4;font-size:12px;font-weight:700}.select-wrap select{background:#1c262e;color:#fff;border:1px solid #354049;border-radius:10px;padding:10px 12px;outline:none}.listing-panel{background:#141c24;border:1px solid #29343b;border-radius:17px;overflow:hidden}.table-header{display:grid;grid-template-columns:40px 1fr 110px 70px;gap:12px;align-items:center;padding:14px 22px;border-bottom:1px solid #2c3940;color:#7c8c94;letter-spacing:1px;font-size:10px;font-weight:900}.track-line{width:100%;display:grid;grid-template-columns:40px 1fr 110px 70px;gap:12px;align-items:center;padding:10px 22px;color:#eaf1ee;background:none;border:0;border-bottom:1px solid #243038;text-align:left}.track-line:last-child{border-bottom:0}.track-line:hover{background:#202c32}.track-line .track-rank{color:#83939d;font-size:14px;font-weight:800}.track-display{display:flex;align-items:center;gap:13px;min-width:0}.track-art{width:47px;height:47px;flex-shrink:0;object-fit:cover;border-radius:8px;background:#163257}.track-names{min-width:0}.track-names b,.track-names span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-names b{font-size:12px}.track-names span{font-size:11px;color:#8a9aa4;margin-top:4px}.table-genre{font-size:11px;color:#98a6ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-action{text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--lime);font-size:11px;font-weight:700}.table-action svg{height:16px;width:16px}.chart-note{padding:16px 19px;border:1px solid #274262;background:#10192a;border-radius:12px;color:#a8b8ac;line-height:1.65;font-size:12px;margin-bottom:19px}.chart-note b{color:var(--lime)}.tab-controls{display:flex;gap:9px;margin:0 0 20px;flex-wrap:wrap}.filter-pill{border:1px solid #313e45;background:#1a252b;color:#aebac0;border-radius:28px;padding:9px 15px;font-size:11px;font-weight:800}.filter-pill:hover,.filter-pill.active{background:var(--lime);color:#24311f;border-color:var(--lime)}.radio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.station-card{min-width:0;background:#18212a;border:1px solid #2b373f;border-radius:16px;padding:19px;display:flex;align-items:center;gap:14px;text-align:left;color:#f7f9f7}.station-card:hover{border-color:#8dbf72;background:#202b31}.station-card .station-art{width:57px;height:57px}.station-info{flex:1;min-width:0}.station-info b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-info small{font-size:10px;color:#8a9aa3;display:block;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-label{display:inline-flex;color:#9fd2ff;gap:4px;font-size:9px;font-weight:900;align-items:center}.live-label i{display:inline-block;height:5px;width:5px;background:currentColor;border-radius:50%}.station-card .go-circle{border-radius:50%;height:32px;width:32px;background:#173665;color:#cfe5ff;display:grid;place-items:center;flex-shrink:0}.station-card .go-circle svg{height:15px;width:15px}.empty-state{grid-column:1/-1;display:grid;place-items:center;text-align:center;min-height:200px;color:#8fa0a5;padding:24px;border-radius:16px;border:1px dashed #3c494c}.empty-state svg{height:34px;width:34px;color:var(--lime)}.empty-state h3{color:#fff;margin:14px 0 3px;font:800 18px Outfit}.empty-state p{max-width:360px;line-height:1.55}.loading-card,.inline-loading{color:#91a3aa;padding:25px 12px}.yt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.youtube-panel{background:#131d24;border:1px solid #2a383e;border-radius:16px;padding:21px}.youtube-panel h3{font:800 20px Outfit;margin:0 0 6px}.youtube-panel p{color:#96a6ad;font-size:12px;line-height:1.65}.youtube-video{aspect-ratio:16/9;width:100%;border-radius:11px;background:#081111;overflow:hidden;margin:15px 0}.youtube-video iframe{width:100%;height:100%;display:block;border:0}.yt-list{display:grid;gap:10px}.yt-item{background:#1d292f;padding:12px;border:1px solid #354248;color:#fff;text-align:left;border-radius:11px;display:flex;align-items:center;gap:10px}.yt-item.selected{border-color:#a9d780}.yt-item span{flex:1}.yt-item small{color:#92a0aa}.yt-item svg{height:17px;width:17px;color:#bcfa70}.add-playlist{display:flex;gap:8px;margin-top:10px}.add-playlist input{flex:1;min-width:0;border:1px solid #344249;border-radius:10px;padding:12px;background:#10181f;color:#fff}.add-playlist button{padding:0 13px;border:0;border-radius:10px;background:var(--lime);font-weight:800}.source-link{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.search-note{padding:13px 16px;border:1px solid #24405e;border-radius:12px;background:#101a2b;margin:0 0 22px;color:#a8b6ad;font-size:12px;line-height:1.6}.mini-title{font:800 19px Outfit;margin:25px 0 15px}.search-results-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.search-result{padding:10px;background:#18232b;border:1px solid #2a3941;border-radius:12px;text-align:left;color:#fff;display:flex;align-items:center;gap:10px}.search-result:hover{border-color:var(--lime)}.search-result img{width:45px;height:45px;object-fit:cover;border-radius:8px}.search-result .rank-meta{flex:1}.search-result svg{height:17px;width:17px;color:var(--lime)}#toast{position:fixed;z-index:70;bottom:110px;left:50%;transform:translateX(-50%) translateY(10px);pointer-events:none;background:#e1ffd0;color:#203823;padding:12px 18px;border-radius:12px;opacity:0;transition:.25s;box-shadow:0 9px 25px #0007;font-size:12px;font-weight:800;max-width:calc(100vw - 50px);text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mobile-overlay{display:none}.tiny-info{font-size:11px;color:#768791}.text-clamp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skeleton{animation:glow 1.6s ease-in-out infinite alternate;background:#1e2b31;border-radius:10px;height:130px}@keyframes glow{to{opacity:.4}}.flex-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.well-panel{padding:25px;border-radius:15px;border:1px solid #254267;background:#111b2c;line-height:1.6}.well-panel p{color:#a9c0b3}.mini-muted{font-size:11px;color:#90a1aa}.card-buttons{display:flex;align-items:center;gap:12px}.button-outline{border:1px solid #415149;background:transparent;color:var(--lime);border-radius:9px;padding:10px;font-weight:700}.button-outline:hover{background:#17263f}.view-breadcrumb{font-size:10px;color:var(--lime);letter-spacing:1.6px;font-weight:900}.hidden{display:none!important}
@media(max-width:1240px){.country-grid{grid-template-columns:repeat(3,1fr)}.music-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.radio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-sleeve{width:190px;height:190px}.vinyl-back{width:230px;height:230px}.vinyl-front{width:190px;height:190px}.hero-art{top:25px}.hero-float{bottom:40px}.hero{min-height:320px}}
@media(max-width:950px){:root{--sidebarw:70px}.sidebar{padding:25px 10px;align-items:center}.brand{font-size:0;padding:0;margin:5px 0 48px}.brand-icon{width:36px}.sidebar-group-label,.sidebar-bottom,.nav-count{display:none}.side-nav{width:100%}.nav-link{font-size:0;justify-content:center;padding:14px 0;gap:0}.nav-link svg{width:21px;height:21px}.library-label+.side-nav{margin-top:42px}.topbar{padding:15px 24px}.hero-content{width:65%}.hero-art{right:-45px}.two-column{grid-template-columns:1fr}.music-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.yt-grid{grid-template-columns:1fr}}
@media(max-width:650px){:root{--sidebarw:0px;--player:125px}.sidebar{width:255px;left:-265px;bottom:0;transition:.23s;align-items:stretch;padding:28px 16px}.sidebar.open{left:0}.sidebar .brand{font-size:34px;padding:0 10px;margin-bottom:35px}.sidebar .sidebar-group-label{display:block}.sidebar .nav-link{font-size:14px;justify-content:flex-start;padding:13px 14px;gap:15px}.sidebar .nav-count{display:inline}.sidebar .sidebar-bottom{display:block}.sidebar .library-label+.side-nav{margin-top:0}.page-area{width:100%;margin-left:0}.topbar{height:72px;gap:10px;padding:12px 15px}.mobile-menu{display:grid;flex-shrink:0}.search-wrap{height:43px}.search-wrap input{font-size:12px}.online-pill,.avatar,kbd{display:none}#app-content{padding:17px 15px 45px}.hero{min-height:342px;padding:24px 23px;margin-bottom:30px}.hero-content{width:100%}.hero h1{font-size:43px;margin-top:18px}.hero p{max-width:270px;font-size:12px}.hero-actions{margin-top:23px}.hero-art{opacity:.28;right:-205px;top:20px;width:360px}.hero-float{display:none}.section-heading{margin-top:28px;align-items:flex-end}.section-heading h2{font-size:20px}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.country-tile{padding:12px 10px;min-height:92px}.country-tile strong{font-size:11px}.country-tile .flag{font-size:22px}.music-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.music-card{padding:8px}.music-card .card-title{margin-top:10px}.card-play{opacity:1;transform:none;right:15px;top:calc(100% - 96px);height:32px;width:32px}.two-column{margin-top:27px;gap:13px}.panel{padding:17px 14px}.view-header{display:block}.view-heading h1{font-size:30px}.select-wrap{margin-top:15px}.radio-grid{grid-template-columns:1fr}.player-bar{grid-template-columns:1fr auto;grid-template-rows:58px 40px;gap:0;padding:8px 15px 12px}.player-track{grid-column:1/2;grid-row:1/2}.player-cover{height:44px;width:44px}.player-meta b{font-size:12px}.player-meta span{font-size:10px}.player-track .like-btn{display:none}.player-center{display:contents}.play-controls{grid-column:2/3;grid-row:1/2;gap:0}.play-controls #shuffle-btn,.play-controls #repeat-btn{display:none}.play-toggle{height:35px;width:35px}.progress-row{grid-column:1/-1;grid-row:2/3}.player-extra{display:none}.site-footer{padding:0 15px 20px}.table-header{grid-template-columns:20px 1fr 55px;padding:13px 12px}.table-header .col-genre{display:none}.track-line{grid-template-columns:20px 1fr 55px;padding:9px 12px;gap:8px}.track-line .table-genre{display:none}.track-art{width:39px;height:39px}.track-display{gap:9px}.table-action{font-size:0}.table-action svg{width:19px}.yt-grid{grid-template-columns:1fr}.youtube-panel{padding:16px}.search-results-list{grid-template-columns:1fr}.mobile-overlay.open{display:block;position:fixed;inset:0;background:#000a;z-index:11}.add-playlist{flex-direction:column}.add-playlist button{padding:12px}}
@media(min-width:651px){.music-card:focus-visible .card-play{opacity:1}}

/* Panda Music v2: playback feedback and accessible chart actions */
:root{--bg:#05070b;--sidebar:#0a0f17;--surface:#101725;--surface2:#162234;--card:#111a29;--border:#253650;--text:#f5f8ff;--muted:#9fb1ca;--dim:#7486a2;--lime:#4da3ff;--lime-dark:#102d59;--aqua:#90d0ff}
.player-bar{background:#0a111e;border-top-color:#253650}
.btn-main{color:#061a33;background:#4da3ff}.btn-main:hover{background:#90d0ff}
.filter-pill:hover,.filter-pill.active{color:#071c39;background:#4da3ff;border-color:#4da3ff}
.nav-link.active{color:#90d0ff;background:#112b50}
.brand{font-size:27px;letter-spacing:-1px;white-space:nowrap;padding-left:4px;gap:9px}
.brand-icon{width:48px;height:48px}.brand-accent{color:#4da3ff}
.chart-modal{position:fixed;inset:0;z-index:65;background:#000b;display:flex;justify-content:center;align-items:center;padding:20px}
.chart-dialog{max-width:410px;width:100%;background:#111d31;border:1px solid #416895;border-radius:18px;box-shadow:0 28px 90px #000d;padding:24px;color:#f5f8ff;line-height:1.6}
.chart-dialog p{color:#b3c5db}
.chart-dialog .mini-muted{color:#a0b2cb}
.player-test{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#0e2139;border:1px solid #244b78;border-radius:15px;padding:16px 18px;margin:4px 0 24px;color:#c5d8ed;font-size:12px;line-height:1.5}
.player-test strong{color:#f7fbff}
.player-test .button-outline{flex-shrink:0;display:flex;align-items:center;gap:7px;color:#90d0ff;border-color:#3e6695}
@media(max-width:650px){.brand{font-size:27px}.player-test{align-items:stretch;flex-direction:column}}

/* Restore blue/white artwork throughout the original visual components */
.hero{border-color:#224a80}.eyebrow{color:#90d0ff}.hero p{color:#becfe5}
.record-sleeve{background:linear-gradient(140deg,#e9f5ff 0%,#9dccff 36%,#3169b4 36%,#1b4180 63%,#0d234d 63%)}
.sleeve-word{color:#081a34}.sleeve-word i{color:#fff}
.sleeve-lines{border-color:#ffffff55;box-shadow:0 0 0 35px #3b76c280}
.vinyl-front span{background:radial-gradient(circle,#08182f 0 6px,#4da3ff 7px 43px);border-color:#9dccff}
.country-tile:hover,.country-tile.selected{border-color:#4da3ff;background:#11223d}
.album-art{background:linear-gradient(135deg,#102a56,#4289d3 65%,#b4e1ff)}
.album-art .cover-letter{color:#fff}
.station-art,.player-cover{background:linear-gradient(140deg,#193862,#4994e5);color:#fff}
.rank-thumb.fallback-thumb,.track-art.fallback-thumb{background:linear-gradient(140deg,#143969,#5099ee);color:#fff}