:root{--bg: #0e0e0e;--bg-alt: #141414;--s1: #181818;--s2: #1f1f1f;--s3: #282828;--s4: #333333;--border: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.12);--text: #ffffff;--text-2: rgba(255,255,255,.6);--text-3: rgba(255,255,255,.3);--text-4: rgba(255,255,255,.15);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow: 0 2px 12px rgba(0,0,0,.6);--shadow-lg: 0 8px 40px rgba(0,0,0,.8);--transition: all .2s cubic-bezier(.4,0,.2,1);--font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--player-h: 78px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#ffffff26}.t-title{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text)}.t-section{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3)}.t-body{font-size:14px;font-weight:400;color:var(--text-2);line-height:1.6}.t-caption{font-size:12px;color:var(--text-3)}.card{background:#ffffff0a;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.card:hover{background:#ffffff12;border-color:#ffffff21}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:999px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-white{background:var(--text);color:var(--bg)}.btn-white:hover:not(:disabled){background:#ffffffd9;transform:scale(1.02)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-2)}.btn-ghost:hover{background:var(--s2);color:var(--text);border-color:var(--border-2)}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;justify-content:center;background:transparent;color:var(--text-2);border:none}.btn-icon:hover{background:var(--s3);color:var(--text)}.btn-play-lg{width:52px;height:52px;border-radius:50%;background:var(--text);color:var(--bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:0 4px 20px #00000080}.btn-play-lg:hover{transform:scale(1.06);background:#ffffffeb}.btn-play-sm{width:40px;height:40px;border-radius:50%;background:var(--text);color:var(--bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:0 4px 16px #00000080;opacity:0}.btn-play-sm:hover{transform:scale(1.05)}.input{width:100%;padding:11px 14px;background:var(--s3);border:1px solid transparent;border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:14px;outline:none;transition:var(--transition)}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--border-2);background:var(--s4)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{height:3px;background:#ffffff26;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4.5px;box-shadow:0 1px 4px #00000080;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-track{height:3px;background:#ffffff26;border-radius:2px}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px #00000080}.progress-bar{position:relative;height:3px;background:#ffffff1f;border-radius:2px;cursor:pointer;overflow:hidden}.progress-bar:hover{height:4px}.progress-fill{position:absolute;left:0;top:0;height:100%;background:#fff;border-radius:2px;pointer-events:none;transition:width .1s linear}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex-shrink:0}.eq-bar{width:2px;border-radius:1px;background:var(--text)}.eq-bar:nth-child(1){animation:eq1 .75s ease-in-out infinite}.eq-bar:nth-child(2){animation:eq2 .85s ease-in-out infinite .1s}.eq-bar:nth-child(3){animation:eq3 .65s ease-in-out infinite .2s}.eq-bar:nth-child(4){animation:eq1 .95s ease-in-out infinite .05s}@keyframes eq1{0%,to{height:4px}50%{height:12px}}@keyframes eq2{0%,to{height:10px}50%{height:3px}}@keyframes eq3{0%,to{height:7px}30%{height:13px}70%{height:2px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.price-badge{display:inline-flex;align-items:center;padding:3px 10px;background:var(--s3);border-radius:999px;font-size:12px;font-weight:600;color:var(--text-2);letter-spacing:.3px}.price-badge.free{color:#fff6}.tag{display:inline-flex;padding:2px 8px;background:var(--s3);border-radius:999px;font-size:11px;font-weight:500;color:var(--text-3);letter-spacing:.5px}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}.anim-fade-up{animation:fade-up .4s ease-out both}.anim-spin{animation:spin 1s linear infinite}.anim-pulse{animation:pulse-subtle 2s ease-in-out infinite}@keyframes amb-float-1{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(5%,8%) scale(1.07) rotate(3deg)}50%{transform:translate(2%,-5%) scale(.96) rotate(-2deg)}75%{transform:translate(-4%,3%) scale(1.04) rotate(2deg)}}@keyframes amb-float-2{0%,to{transform:translate(0) scale(1) rotate(0)}30%{transform:translate(-6%,5%) scale(1.08) rotate(-3deg)}60%{transform:translate(5%,-4%) scale(.95) rotate(2deg)}80%{transform:translate(-3%,-5%) scale(1.03) rotate(-1deg)}}@keyframes amb-float-3{0%,to{transform:translate(0) scale(1)}35%{transform:translate(7%,-6%) scale(1.09)}65%{transform:translate(-4%,7%) scale(.94)}}@keyframes amb-float-4{0%,to{transform:translate(0) scale(1) rotate(0)}40%{transform:translate(-5%,-6%) scale(1.06) rotate(2deg)}70%{transform:translate(7%,5%) scale(.97) rotate(-3deg)}}.amb-1{animation:amb-float-1 var(--spd,20s) ease-in-out infinite}.amb-2{animation:amb-float-2 var(--spd,20s) ease-in-out infinite 2.5s}.amb-3{animation:amb-float-3 var(--spd,20s) ease-in-out infinite 5s}.amb-4{animation:amb-float-4 var(--spd,20s) ease-in-out infinite 1.2s}@keyframes logo-pulse{0%,to{box-shadow:0 0 #fff0;opacity:1}50%{box-shadow:0 0 14px 2px #ffffff24;opacity:.9}}.logo-pulse{animation:logo-pulse 4s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.track-row:hover .track-actions{opacity:1!important}@media (max-width: 640px){:root{--player-h: 160px}}@media (max-width: 480px){.album-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (max-width: 600px){.modal-overlay{padding:0!important;align-items:flex-end!important}.modal-overlay>div{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;max-height:96vh!important}}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover:not(:disabled){background:#ffffffe0}