:root{
  --bg:#01050b;--bg2:#06101d;--panel:#071321;--panel2:#0b1a2b;--line:#183a61;
  --line-bright:#167cff;--text:#f7fbff;--muted:#9eb1c7;--blue:#1284ff;--cyan:#52c9ff;
  --purple:#8548ff;--danger:#ff6878;--radius:18px;--shadow:0 20px 70px rgba(0,0,0,.52);
  --max:1380px;--player-h:78px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#0b2344 0,#020811 37%,var(--bg) 75%);color:var(--text);font-family:Arial,"Segoe UI",sans-serif;line-height:1.5;min-width:320px;padding-bottom:var(--player-h)}
body:not(.player-active){padding-bottom:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:fixed;left:12px;top:-80px;background:#fff;color:#000;padding:10px 14px;z-index:999}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:80;background:rgba(1,6,13,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(67,131,199,.23)}.header-row{min-height:78px;display:flex;align-items:center;gap:26px}.brand{width:180px;flex:0 0 auto}.brand img{width:100%;height:58px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(15px,2vw,31px);margin-left:auto}.nav a{color:#bac8d8;font-size:.91rem;font-weight:700;white-space:nowrap;letter-spacing:.02em}.nav a:hover,.nav a.active{color:#fff;text-shadow:0 0 16px rgba(51,153,255,.8)}.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#071421;color:#fff;place-items:center;cursor:pointer}.nav-toggle span,.nav-toggle:before,.nav-toggle:after{content:"";display:block;width:21px;height:2px;background:#fff;margin:4px auto;transition:.2s}.nav-toggle.open span{opacity:0}.nav-toggle.open:before{transform:translateY(6px) rotate(45deg)}.nav-toggle.open:after{transform:translateY(-6px) rotate(-45deg)}
.hero-banner{padding:22px 0 0}.hero-frame{position:relative;border:1px solid rgba(59,124,202,.45);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#020811}.hero-frame img{width:100%;height:auto}.hero-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(77,164,255,.12),inset 0 -80px 90px rgba(0,0,0,.08)}
.section{padding:58px 0}.section.compact{padding:36px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-head h1,.section-head h2{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:.02em}.section-head p{margin:.4rem 0 0;color:var(--muted)}.section-link{color:#58b5ff;font-weight:700;font-size:.9rem}.eyebrow{color:#4bb4ff;text-transform:uppercase;font-weight:900;letter-spacing:.14em;font-size:.76rem}.lead{color:#cbd6e3;font-size:1.08rem;max-width:780px}
.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.world-card{display:block;border:1px solid #204f80;border-radius:18px;overflow:hidden;background:#05101d;box-shadow:0 18px 55px rgba(0,0,0,.35);transition:.22s}.world-card:hover{transform:translateY(-3px);border-color:#3a9cff;box-shadow:0 24px 60px rgba(0,65,140,.32)}.world-card img{width:100%;height:auto}
.song-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.song-card{position:relative;background:linear-gradient(180deg,#0b1b2e,#06111e);border:1px solid #1c3959;border-radius:16px;overflow:hidden;min-width:0;transition:.2s}.song-card:hover{transform:translateY(-3px);border-color:#2f83dc}.song-cover{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#06101d}.cover-link{display:block;width:100%;height:100%}.song-cover img{width:100%;height:100%;object-fit:cover}.song-cover:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(0deg,rgba(1,6,13,.88),rgba(1,6,13,.14),transparent);pointer-events:none}.play-button{position:absolute;z-index:2;left:12px;bottom:12px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(122,207,255,.9);background:linear-gradient(180deg,rgba(18,139,255,.95),rgba(7,47,91,.92));color:#fff;display:grid;place-items:center;cursor:pointer;font-size:0;box-shadow:0 12px 24px rgba(0,132,255,.35),inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(8px);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.play-button:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;margin-left:3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.song-card:hover .play-button,.play-button:hover{transform:scale(1.08);background:linear-gradient(180deg,#35b7ff,#086fe2);box-shadow:0 16px 32px rgba(0,151,255,.5),0 0 0 4px rgba(47,153,255,.18),inset 0 0 0 1px rgba(255,255,255,.2)}.play-button:focus-visible{outline:3px solid rgba(101,196,255,.8);outline-offset:3px}.song-body{display:block;padding:13px 14px 15px}.song-body h3{font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:var(--muted);font-size:.78rem;flex-wrap:wrap}.song-world{color:#55aefa;white-space:nowrap}.explicit-badge{display:inline-flex;align-items:center;justify-content:center;min-height:17px;padding:2px 5px;border:1px solid #fff;background:#f3f6fa;color:#05070a;border-radius:2px;font-size:.56rem;font-weight:950;line-height:1;letter-spacing:0;text-transform:uppercase;box-shadow:0 0 0 1px #05070a,0 3px 10px rgba(0,0,0,.25)}.warning{color:#ffbf65}
#all-song-grid{grid-template-columns:repeat(auto-fill,minmax(160px,200px));justify-content:start;align-items:start;gap:18px}#all-song-grid .song-card{border-radius:13px}#all-song-grid .song-body{padding:10px 11px 12px}#all-song-grid .song-body h3{font-size:.92rem}#all-song-grid .song-sub{font-size:.72rem;gap:7px}#all-song-grid .explicit-badge{font-size:.5rem;padding:2px 4px}#all-song-grid .play-button{width:40px;height:40px;left:10px;bottom:10px}
.collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.collection-card{position:relative;border:1px solid #1d3c5e;border-radius:15px;overflow:hidden;aspect-ratio:1;background:#06111e;transition:.2s}.collection-card:hover{transform:translateY(-3px);border-color:#2e89e8}.collection-card img{width:100%;height:100%;object-fit:cover}.collection-card.active{outline:2px solid #2694ff;outline-offset:2px}
.platform-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:11px}.platform-card{display:block;border:1px solid #1b3d60;border-radius:14px;overflow:hidden;background:#06111e;transition:.2s}.platform-card:hover{transform:translateY(-3px);border-color:#3093f4}.platform-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.promo-card{display:block;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.promo-card img{width:100%;height:auto;display:block}
.search-panel{position:sticky;top:89px;z-index:30;background:rgba(2,8,16,.92);backdrop-filter:blur(13px);border:1px solid #183857;border-radius:16px;padding:14px;margin-bottom:24px}.search-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px}.search-input{height:48px;border:1px solid #275078;border-radius:12px;background:#06111f;color:#fff;padding:0 15px;outline:none}.search-input:focus{border-color:#2694ff;box-shadow:0 0 0 3px rgba(38,148,255,.12)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{border:1px solid #244a70;border-radius:999px;background:#071523;color:#b7c7d9;padding:8px 13px;cursor:pointer;font-size:.85rem}.chip:hover,.chip.active{background:#0d70df;border-color:#2999ff;color:#fff}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{border:1px solid #1b3c5d;border-radius:18px;background:linear-gradient(155deg,#0a1929,#040b14);padding:28px}.panel h2,.panel h3{margin-top:0}.panel p,.panel li{color:#b4c4d7}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:18px;border:1px solid #1c3e60;border-radius:15px;background:#071421}.feature b{display:block;margin-bottom:6px}.feature span{color:var(--muted);font-size:.9rem}
.form-card{max-width:920px;margin:auto}.form-grid{display:grid;gap:17px}.form-grid.two{grid-template-columns:1fr 1fr}.field label{display:block;font-weight:800;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #295175;border-radius:12px;background:#06111e;color:#fff;padding:13px 14px;outline:none}.field textarea{min-height:170px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#2694ff;box-shadow:0 0 0 3px rgba(38,148,255,.12)}.btn{border:1px solid #2d8ded;background:linear-gradient(180deg,#167fff,#0758cb);color:#fff;border-radius:12px;padding:12px 18px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:#071523;border-color:#2b5073}.btn:hover{filter:brightness(1.12)}.hidden-field{position:absolute!important;left:-9999px!important}.status{display:none;margin-bottom:18px;padding:15px;border-radius:12px}.status.show{display:block}.status.success{border:1px solid #1a9866;background:#063d2c}.status.error{border:1px solid #a9404c;background:#42151d}
.policy-wrap{display:grid;gap:14px}.policy-card{border:1px solid #1a3b5c;border-radius:15px;background:#071321;padding:20px}.policy-card h3{margin:0 0 8px}.policy-card p,.policy-card li{color:#b7c6d7}.policy-card ul{margin:0;padding-left:20px}
.footer{border-top:1px solid #18324d;background:#010409;padding:44px 0 25px}.footer-grid{display:grid;grid-template-columns:minmax(260px,1.5fr) 1fr 1fr;gap:35px}.footer-logo{width:205px}.footer p,.footer a{color:#8fa3b9;font-size:.87rem}.footer a{display:block;margin:7px 0}.footer a:hover{color:#fff}.footer h4{margin:0 0 10px}.copyright{border-top:1px solid #13263a;margin-top:31px;padding-top:18px;color:#6f8295;font-size:.78rem;display:flex;justify-content:space-between;gap:20px}.footer-legal{display:flex;gap:16px;flex-wrap:wrap}.footer-legal a{display:inline;margin:0}
.audio-player{position:fixed;left:0;right:0;bottom:0;z-index:100;min-height:var(--player-h);background:linear-gradient(180deg,rgba(4,18,32,.98),rgba(0,6,13,.98));backdrop-filter:blur(20px);border-top:1px solid rgba(65,152,230,.65);box-shadow:0 -18px 42px rgba(0,0,0,.42),0 -1px 0 rgba(255,255,255,.04);transform:translateY(110%);transition:.25s}.player-active .audio-player{transform:none}.player-inner{min-height:var(--player-h);display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(300px,1.15fr);align-items:center;gap:20px}.now-playing{display:flex;align-items:center;gap:12px;min-width:0}.now-playing img{width:58px;height:58px;border-radius:8px;object-fit:cover;box-shadow:0 8px 22px rgba(0,0,0,.35)}.now-title{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-artist{font-size:.78rem;color:var(--muted)}.player-controls{display:flex;align-items:center;gap:9px}.player-controls button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(82,153,217,.72);background:rgba(7,25,43,.88);color:#fff;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);transition:transform .16s ease,background .16s ease,border-color .16s ease}.player-controls button:hover{transform:translateY(-1px);background:rgba(13,62,105,.95);border-color:#50b6ff}.player-controls .main-play{width:auto;min-width:64px;height:50px;padding:0 16px;border-radius:999px;background:linear-gradient(180deg,#2ea9ff,#0b74ec);border-color:#65c6ff;font-weight:900;box-shadow:0 12px 28px rgba(0,128,255,.38),inset 0 0 0 1px rgba(255,255,255,.18)}.progress-wrap{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(45,96,142,.6);border-radius:14px;background:rgba(2,13,24,.68)}.progress-wrap span{font-size:.72rem;color:#a8bad0;font-variant-numeric:tabular-nums}.progress{accent-color:#1d98ff;width:100%;min-width:120px}.volume{width:92px;accent-color:#1d98ff}.player-close{width:30px;height:30px;border:1px solid transparent;border-radius:50%;background:transparent;color:#8da0b4;font-size:1.05rem;cursor:pointer}.player-close:hover{color:#fff;border-color:#2e5c87;background:#0a1e32}
.empty{grid-column:1/-1;border:1px dashed #2b5275;border-radius:15px;padding:28px;text-align:center;color:#9cb0c5}
.download-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.download-card{display:grid;grid-template-columns:132px 1fr;gap:16px;border:1px solid #1b3c5d;border-radius:16px;background:linear-gradient(155deg,#0a1929,#040b14);padding:14px;min-width:0}.download-cover{width:132px;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid #214568}.download-body{min-width:0}.download-body h2{margin:4px 0 7px;font-size:1.1rem}.download-body p{margin:0 0 12px;color:#b7c6d7;font-size:.9rem}.download-body audio{width:100%;height:38px;margin:3px 0 12px}.download-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.download-count{color:var(--muted);font-size:.82rem}.download-search .search-row{grid-template-columns:minmax(180px,1fr) minmax(180px,280px)}
@media(max-width:1120px){.song-grid{grid-template-columns:repeat(4,1fr)}.collection-grid{grid-template-columns:repeat(4,1fr)}.platform-grid{grid-template-columns:repeat(5,1fr)}.nav{gap:16px}.brand{width:155px}.feature-list{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.shell{width:min(calc(100% - 24px),var(--max))}.nav{display:none;position:absolute;left:12px;right:12px;top:68px;flex-direction:column;align-items:stretch;background:#06121f;border:1px solid #244b70;border-radius:15px;padding:12px;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:11px 12px;border-radius:9px}.nav a:hover,.nav a.active{background:#0a2440}.nav-toggle{display:grid}.header-row{min-height:68px}.brand{width:142px}.brand img{height:50px}.hero-banner{padding-top:12px}.hero-frame{border-radius:14px}.world-grid,.content-grid{grid-template-columns:1fr}.song-grid{grid-template-columns:repeat(3,1fr)}.collection-grid{grid-template-columns:repeat(3,1fr)}.platform-grid{grid-template-columns:repeat(3,1fr)}.feature-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.player-inner{grid-template-columns:1fr auto}.progress-wrap{grid-column:1/-1;padding-bottom:10px}.volume{display:none}.search-panel{top:77px}.section{padding:44px 0}}
@media(max-width:560px){:root{--player-h:94px}.section-head{align-items:start}.section-link{display:none}.song-grid{grid-template-columns:repeat(2,1fr);gap:10px}.song-body{padding:10px}.song-body h3{font-size:.9rem}.collection-grid{grid-template-columns:repeat(2,1fr);gap:10px}.platform-grid{grid-template-columns:repeat(2,1fr)}.world-grid{gap:11px}.form-grid.two{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.footer-legal{margin-top:10px}.section{padding:38px 0}.panel{padding:20px}.hero-frame{overflow-x:auto;scrollbar-width:none}.hero-frame img{min-width:680px}.hero-frame::-webkit-scrollbar{display:none}.hero-frame:before{content:"Swipe to view full banner";position:absolute;z-index:3;right:8px;bottom:8px;background:rgba(0,0,0,.72);border:1px solid #28547c;border-radius:999px;padding:5px 8px;color:#c7d6e6;font-size:.62rem;pointer-events:none}.player-inner{gap:8px}.now-playing img{width:46px;height:46px}.player-controls button{width:36px;height:36px}.player-controls .main-play{min-width:58px;height:42px;padding:0 12px}.search-row,.download-search .search-row{grid-template-columns:1fr}.search-row .btn{display:none}.download-grid{grid-template-columns:1fr}.download-card{grid-template-columns:96px 1fr;gap:12px;padding:12px}.download-cover{width:96px}.download-body h2{font-size:.98rem}}

/* Mobile homepage compaction: horizontal rails keep the page useful without becoming endless. */
@media(max-width:560px){
  .home-latest .song-grid,
  .home-collections .collection-grid,
  .home-platforms .platform-grid{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    gap:10px;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:2px 2px 9px;
  }
  .home-latest .song-grid::-webkit-scrollbar,
  .home-collections .collection-grid::-webkit-scrollbar,
  .home-platforms .platform-grid::-webkit-scrollbar{display:none}

  .home-latest .song-card{
    flex:0 0 148px;
    scroll-snap-align:start;
  }
  .home-collections .collection-card{
    flex:0 0 126px;
    scroll-snap-align:start;
  }
  .home-platforms .platform-card{
    flex:0 0 96px;
    scroll-snap-align:start;
    border-radius:12px;
  }
  .home-platforms .platform-card img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
  }

  .home-latest.section,
  .home-collections.section,
  .home-platforms.section{padding:34px 0}
  .home-platforms .section-head{margin-bottom:14px}

  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:24px 18px;
  }
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-logo{width:170px}
  .footer{padding-top:34px}
}