:root{--bg:#0b0f14;--panel:#121723;--panel-2:#0f1420;--text:#e7ecf3;--muted:#9aa8bf;--brand:#f62327;--brand-2:#0a42f8;--accent:#ff9b5e;--shadow:0 10px 30px #00000059;--radius:16px}*{box-sizing:border-box}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 700px at 80% -10%,#6c7cff40,#0000 70%),radial-gradient(1000px 600px at -10% 20%,#2bd4c533,#0000 65%),#0b0f14;background:radial-gradient(1200px 700px at 80% -10%,#6c7cff40,#0000 70%),radial-gradient(1000px 600px at -10% 20%,#2bd4c533,#0000 65%),var(--bg);color:#e7ecf3;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.6;margin:0}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 20px}.nav{-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:linear-gradient(180deg,#0b0f14e6,#0b0f1499);border-bottom:1px solid #ffffff0f;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-inner{justify-content:space-between;padding:14px 0}.brand,.nav-inner{align-items:center;display:flex}.brand{font-weight:800;gap:10px;letter-spacing:.3px}.brand-badge{background:linear-gradient(135deg,#f62327,#0a42f8);background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:9px;box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);display:grid;height:34px;place-items:center;width:34px}.brand-badge svg{fill:#fff}.nav-links{align-items:center;display:flex;gap:20px}.nav-links a{border-radius:10px;color:#9aa8bf;color:var(--muted);padding:8px 12px}.nav-links a.active,.nav-links a:hover{background:#ffffff0f;color:#e7ecf3;color:var(--text)}.cta{display:flex}.btn,.cta{align-items:center;gap:10px}.btn{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:12px;color:#e7ecf3;color:var(--text);cursor:pointer;display:inline-flex;padding:10px 14px}.btn.primary{background:linear-gradient(135deg,#f62327,#0a42f8);background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);font-weight:700}.hero{padding:72px 0 40px}.hero-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1.2fr 1fr}.hero-card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);padding:28px}.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.05;margin:0 0 10px}.subtitle{color:#9aa8bf;color:var(--muted);margin-bottom:18px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.hero-art{overflow:hidden;position:relative}.hero-art,.slider{height:100%;width:100%}.slider{left:0;position:absolute;top:0}.slides{display:flex;height:100%;transition:transform 1s ease-in-out}.slide{flex-shrink:0;height:100%;min-width:100%}.slide img{object-fit:cover}.slide img,.thumb img{height:100%;width:100%}.thumb img{object-fit:fill}@keyframes float{to{transform:translateY(-12px) translateX(8px)}}.main{grid-gap:28px;display:grid;gap:28px;grid-template-columns:320px 1fr;margin:12px 0 80px}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow)}.card h3{margin:0 0 14px}.playlist{padding:18px}.playlist-search{margin-bottom:12px;position:relative}.playlist-search input{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#e7ecf3;color:var(--text);padding:12px 40px 12px 12px;width:100%}.playlist-search svg{opacity:.7;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.track{grid-gap:12px;align-items:center;border-radius:12px;cursor:pointer;display:grid;gap:12px;grid-template-columns:40px 1fr auto;padding:10px}.track .cover img{height:100%;object-fit:fill;width:100%}.track:hover{background:#ffffff0d}.track.active{background:linear-gradient(180deg,#ff565f38,#2b3fd42b)}.track .cover{background:#192032;border-radius:50%;box-shadow:0 0 10px #f0f;display:grid;height:40px;overflow:hidden;place-items:center;width:40px}.track .meta{display:flex;flex-direction:column}.track .title{font-size:14px;font-weight:700}.pill,.track .artist{color:#9aa8bf;color:var(--muted);font-size:12px}.pill{border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px}.player{margin-bottom:2%;padding:18px}.player-header{justify-content:space-between;margin-bottom:10px}.now-playing,.player-header{align-items:center;display:flex}.now-playing{gap:12px}.now-art{background:#1a2233;border-radius:12px;display:grid;height:56px;overflow:hidden;place-items:center;width:56px}.now-meta{display:flex;flex-direction:column}.now-title{font-weight:800;letter-spacing:.2px}.now-artist{color:#9aa8bf;color:var(--muted);font-size:13px}.progress{background:#ffffff14;border-radius:999px;cursor:pointer;height:8px;margin:14px 0 6px;position:relative}.progress-fill{background:linear-gradient(90deg,#f62327,#0a42f8);background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:999px;bottom:0;left:0;position:absolute;top:0;width:0}.time{color:#9aa8bf;color:var(--muted);display:flex;font-size:12px;justify-content:space-between}.controls{align-items:center;display:flex;gap:10px;margin-top:8px}.icon-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:grid;height:40px;place-items:center;width:40px}.icon-btn.tall{height:48px;width:48px}.icon-btn.active{outline:2px solid #0a42f8;outline:2px solid var(--brand-2)}.volume{align-items:center;display:flex;gap:10px;margin-left:auto}.volume input{accent-color:#f62327;accent-color:var(--brand)}.albums{padding:18px}.grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.album{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.album .thumb{aspect-ratio:9/16;background:#1a2233;display:grid;place-items:center}.album .body{padding:14px}.album .title{font-weight:700}.album .desc{font-size:14px}.album .desc,footer{color:#9aa8bf;color:var(--muted)}footer{margin:30px 0 70px;text-align:center}@media (max-width:1000px){.hero-grid,.main{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.nav-links{display:none}.grid{grid-template-columns:1fr}.volume{display:none}.now-title{font-size:14px}}
/*# sourceMappingURL=main.bfd87182.css.map*/