:root {
    --vw-bg: #080912;
    --vw-bg-2: #0f1120;
    --vw-surface: rgba(15, 17, 30, 0.88);
    --vw-surface-soft: rgba(17, 20, 34, 0.74);
    --vw-surface-elevated: rgba(18, 22, 38, 0.92);
    --vw-border: rgba(255, 255, 255, 0.06);
    --vw-border-strong: rgba(255, 255, 255, 0.10);
    --vw-text: #eef2ff;
    --vw-text-soft: #cbd5e1;
    --vw-text-muted: #93a0b8;
    --vw-accent: #8b5cf6;
    --vw-accent-2: #6366f1;
    --vw-accent-3: #38bdf8;
    --vw-accent-soft: rgba(139, 92, 246, 0.16);
    --vw-shadow-soft: 0 16px 38px rgba(2, 6, 23, 0.24);
    --vw-shadow-panel: 0 20px 50px rgba(2, 6, 23, 0.34);
    --vw-shadow-card: 0 18px 44px rgba(2, 6, 23, 0.24);
    --vw-radius-xs: 10px;
    --vw-radius-sm: 14px;
    --vw-radius-md: 20px;
    --vw-radius-lg: 26px;
    --vw-radius-xl: 32px;
    --vw-gap-1: 8px;
    --vw-gap-2: 12px;
    --vw-gap-3: 16px;
    --vw-gap-4: 20px;
    --vw-gap-5: 24px;
    --vw-gap-6: 32px;
    --vw-app-max: 1680px;
}

body.vibewave-homepage,
body.vibewave-memberpage,
body.vibewave-member-public-page,
body.vibewave-songpage,
body.vibewave-albumpage,
body.vibewave-playlistpage,
body.vibewave-search-page,
body.vibewave-top-page,
body.vibewave-category-page,
body.vibewave-artist-page,
body.vibewave-albums-page,
body.vibewave-login-page {
    background:
        radial-gradient(circle at top left, rgba(99, 102, 241, 0.15) 0, transparent 34%),
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.10) 0, transparent 28%),
        radial-gradient(circle at bottom center, rgba(139, 92, 246, 0.14) 0, transparent 32%),
        var(--vw-bg);
    color: var(--vw-text);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.vibewave-homepage::before,
body.vibewave-memberpage::before,
body.vibewave-member-public-page::before,
body.vibewave-songpage::before,
body.vibewave-albumpage::before,
body.vibewave-playlistpage::before,
body.vibewave-search-page::before,
body.vibewave-top-page::before,
body.vibewave-category-page::before,
body.vibewave-artist-page::before,
body.vibewave-albums-page::before,
body.vibewave-login-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,0.03), transparent 22%, transparent 78%, rgba(255,255,255,0.02));
    opacity: .9;
}

body.vibewave-homepage .app,
body.vibewave-memberpage .app,
body.vibewave-member-public-page .app,
body.vibewave-songpage .app,
body.vibewave-albumpage .app,
body.vibewave-playlistpage .app,
body.vibewave-search-page .app,
body.vibewave-top-page .app,
body.vibewave-category-page .app,
body.vibewave-artist-page .app,
body.vibewave-albums-page .app,
body.vibewave-login-page .app {
    max-width: var(--vw-app-max);
    gap: var(--vw-gap-5);
    padding: 22px 24px 0;
}