@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-0:#000;--bg-1:#0a0a0f;--bg-2:#0f0f16;--bg-3:#15151e;--bg-glass:#14141e99;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff26;--accent-primary:#00d9ff;--accent-secondary:#7c5cff;--accent-success:#0f8;--accent-warning:#ffd43b;--accent-danger:#f36;--accent-magenta:#ff5cf0;--text-primary:#fff;--text-secondary:#ffffffa6;--text-tertiary:#fff6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace}html,body{color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:#050507;min-height:100%;margin:0;padding:0;font-size:13px;line-height:1.5}body{background-image:radial-gradient(circle at 15% 10%,#00d9ff14 0%,#0000 40%),radial-gradient(circle at 85% 90%,#7c5cff0f 0%,#0000 40%);background-attachment:fixed}.wf-glass{-webkit-backdrop-filter:blur(16px);background:#14141e99;border:1px solid #ffffff14;border-radius:16px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.wf-glass-hover:hover{background:#1e1e2ab3;border-color:#ffffff26;transform:translateY(-2px)}.wf-btn{letter-spacing:.3px;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.wf-btn-primary{color:#000;background-color:#00d9ff;background-image:linear-gradient(135deg,#00d9ff 0%,#08f 100%);box-shadow:0 4px 16px #00d9ff4d}.wf-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d9ff80}.wf-btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.wf-btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.wf-badge{letter-spacing:.8px;text-transform:uppercase;color:#00d9ff;background:#00d9ff1f;border:1px solid #00d9ff59;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:700;display:inline-flex}.wf-label{color:#fff6;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:700}.wf-title-gradient{color:#0000;background:linear-gradient(135deg,#00d9ff 0%,#7c5cff 50%,#ff5cf0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3 padding-box padding-box}@keyframes wfFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wf-fade-in{animation:.4s wfFadeInUp}@keyframes wfPulse{0%,to{opacity:1}50%{opacity:.4}}.wf-pulse{animation:2s ease-in-out infinite wfPulse}:root{--wf-bg:#121212;--wf-bg-sidebar:#0f0f0f;--wf-bg-card:#1c1c1c;--wf-border:#2a2a2a;--wf-border-light:#333;--wf-cyan:#00d9ff;--wf-purple:#7c5cff;--wf-green:#0f8;--wf-red:#f36;--wf-text:#fff;--wf-text-dim:#999;--wf-text-faint:#666;--wf-font-main:"Inter", system-ui, -apple-system, sans-serif;--wf-font-title:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{font-family:var(--wf-font-main);background:var(--wf-bg);color:var(--wf-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}input,textarea,select{font-size:16px}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;overflow-wrap:break-word}.wf-sidebar{background:var(--wf-bg-sidebar);border-right:1px solid var(--wf-border);z-index:100;flex-direction:column;width:240px;height:100vh;padding:20px 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.wf-logo{border-bottom:1px solid var(--wf-border);align-items:center;gap:12px;margin-bottom:16px;padding:0 20px 24px;display:flex}.wf-logo-icon{border:1px solid var(--wf-border);background:#1c1c1c;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.wf-logo-text{font-family:var(--wf-font-title);color:var(--wf-text);white-space:nowrap;font-size:18px;font-weight:700}.wf-logo-text span{color:var(--wf-cyan)}.wf-sidebar-nav{flex-direction:column;flex:1;gap:0;display:flex}.wf-nav-link{color:var(--wf-text-dim);cursor:pointer;border-bottom:1px solid #2a2a2a;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .1s;display:flex}.wf-nav-link:hover{color:var(--wf-text);background:#ffffff08}.wf-nav-link.active{color:var(--wf-text);border-left:3px solid var(--wf-cyan);background:#1c1c1c;font-weight:600}.wf-nav-link .icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.wf-nav-link .icon svg{width:18px;height:18px}.wf-nav-link.active .icon{opacity:1}.wf-sidebar-footer{border-top:1px solid var(--wf-border);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.wf-main{background:var(--wf-bg);box-sizing:border-box;min-height:100vh;margin-left:240px;padding:32px 40px 100px;overflow-x:hidden;width:calc(100% - 240px)!important;max-width:calc(100% - 240px)!important}.wf-main>*{width:100%!important;max-width:100%!important}.wf-btn{font-family:var(--wf-font-main);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .1s;display:inline-flex}.wf-btn-primary{background:var(--wf-cyan);color:#000}.wf-btn-primary:hover{background:#33e0ff}.wf-btn-secondary{color:var(--wf-text);border:1px solid var(--wf-border);background:#1c1c1c}.wf-btn-secondary:hover{background:#2a2a2a}.wf-main .wf-grid,.wf-main>section>div{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:24px!important;width:100%!important;display:grid!important}.wf-card{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:8px;width:100%;padding:0;transition:all .2s;display:flex;position:relative}.wf-card:hover{transform:translateY(-4px)}.wf-card-cover{aspect-ratio:1;border:1px solid var(--wf-border);background:#1a1a1a 50%/cover no-repeat;border-radius:2px;width:100%;position:relative;overflow:hidden}.wf-card-title{white-space:nowrap;text-overflow:ellipsis;color:var(--wf-text);margin-top:4px;font-size:13px;font-weight:600;overflow:hidden}.wf-card-artist{color:var(--wf-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.wf-card-play-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.wf-card:hover .wf-card-play-overlay{opacity:1}.wf-card-play-btn{background:var(--wf-cyan);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform .1s;display:flex}.wf-card-play-btn:hover{transform:scale(1.1)}@media (width<=1024px){.wf-main{padding:24px 24px 90px}}@media (width<=900px){.wf-sidebar{z-index:200;background:#0f0f0f;width:280px;transition:transform .3s;transform:translate(-100%)}.wf-sidebar.open{transform:translate(0);box-shadow:0 0 50px #000c}.wf-main{width:100%!important;max-width:100%!important;margin-left:0!important;padding:16px 16px 160px!important}.wf-main .wf-grid,.wf-main>section>div{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}}@media (width<=560px){.wf-main{padding:12px 12px 160px!important}.wf-main .wf-grid,.wf-main>section>div{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.wf-card-title{font-size:12px!important}.wf-card-artist{font-size:11px!important}.wf-sidebar{display:none!important}}