@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--px-green:#1db954;--px-green-hover:#1ed760;--px-green-glow:#1db9544d;--px-red:#e60012;--px-red-soft:#ff3b30;--px-bg-app:#0a0a0a;--px-bg-elevated:#1c1c1e;--px-bg-card:#282828;--px-bg-zinc-900:#18181b;--px-bg-zinc-800:#27272a;--px-surface-1:#ffffff0a;--px-surface-2:#ffffff0f;--px-surface-3:#ffffff14;--px-surface-4:#ffffff1f;--px-surface-stroke:#ffffff0f;--px-surface-stroke-strong:#ffffff1a;--px-bg-glass:#0a0a0ab3;--px-bg-glass-blur:24px;--px-bg-glass-saturate:150%;--px-fg-1:#fff;--px-fg-2:#d4d4d8;--px-fg-3:#a1a1aa;--px-fg-4:#71717a;--px-fg-5:#52525b;--px-fg-on-green:#000;--px-success:#1db954;--px-warning:#f59e0b;--px-danger:#ef4444;--px-info:#3b82f6;--px-live:#ef4444;--px-genre-rnb-from:#6d28d9;--px-genre-rnb-to:#ec4899;--px-genre-trap-from:#dc2626;--px-genre-trap-to:#f97316;--px-genre-lofi-from:#92400e;--px-genre-lofi-to:#b45309;--px-genre-hiphop-from:#1e3a8a;--px-genre-hiphop-to:#3b82f6;--px-genre-workout-from:#15803d;--px-genre-workout-to:#1db954;--px-radius-sm:6px;--px-radius-md:10px;--px-radius-lg:12px;--px-radius-xl:16px;--px-radius-2xl:20px;--px-radius-3xl:24px;--px-radius-pill:9999px;--px-shadow-sm:0 1px 2px #0000004d;--px-shadow-md:0 4px 16px #0006;--px-shadow-lg:0 12px 32px #00000080;--px-shadow-xl:0 24px 60px #0009;--px-shadow-glow-green:0 8px 32px #1db95433;--px-shadow-glow-green-lg:0 16px 48px #1db95466;--px-ease-out:cubic-bezier(.16,1,.3,1);--px-ease-in-out:cubic-bezier(.4,0,.2,1);--px-dur-fast:.15s;--px-dur-base:.2s;--px-dur-mid:.3s;--px-dur-slow:.5s;--px-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;--px-font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--px-tracking-tighter:-.02em;--px-tracking-tight:-.01em;--px-tracking-wide:.04em;--px-tracking-wider:.08em;--px-lh-tight:1.05;--px-lh-snug:1.2;--px-lh-base:1.5;--px-lh-loose:1.65}[data-px=play]{font-family:var(--px-font-sans);background:var(--px-bg-app);color:var(--px-fg-1)}.t-hero{font-family:var(--px-font-sans);font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:var(--px-lh-tight);letter-spacing:var(--px-tracking-tighter);color:var(--px-fg-1)}.t-h1{font-size:32px;font-weight:700;line-height:var(--px-lh-snug);letter-spacing:var(--px-tracking-tight);color:var(--px-fg-1)}.t-h2{font-size:22px;font-weight:700;line-height:var(--px-lh-snug);letter-spacing:var(--px-tracking-tight);color:var(--px-fg-1)}.t-h3{font-size:18px;font-weight:600;line-height:var(--px-lh-snug);color:var(--px-fg-1)}.t-card-title{color:var(--px-fg-1);letter-spacing:var(--px-tracking-tight);font-size:15px;font-weight:600}.t-body{font-size:15px;font-weight:400;line-height:var(--px-lh-loose);color:var(--px-fg-3)}.t-body-sm{font-size:13px;font-weight:400;line-height:var(--px-lh-base);color:var(--px-fg-3)}.t-meta{color:var(--px-fg-4);font-size:13px;font-weight:500}.t-caption{color:var(--px-fg-4);font-size:11px;font-weight:500}.t-label{color:var(--px-fg-3);font-size:13px;font-weight:500}.t-eyebrow{letter-spacing:var(--px-tracking-wider);text-transform:uppercase;color:var(--px-green);font-size:11px;font-weight:700}.t-mono{font-family:var(--px-font-mono);color:var(--px-fg-4);font-size:12px}.t-gradient{background:linear-gradient(135deg,#fff 0% 50%,#fff6 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.px-glass{background:var(--px-bg-glass);-webkit-backdrop-filter:blur(var(--px-bg-glass-blur))saturate(var(--px-bg-glass-saturate));border-bottom:1px solid var(--px-surface-stroke)}.px-card{background:var(--px-surface-1);border:1px solid var(--px-surface-stroke);border-radius:var(--px-radius-2xl);transition:background var(--px-dur-base)var(--px-ease-out)}.px-card:hover{background:var(--px-surface-2)}.px-cta{background:var(--px-green);height:44px;color:var(--px-fg-on-green);border-radius:var(--px-radius-pill);box-shadow:var(--px-shadow-glow-green);transition:background var(--px-dur-base)var(--px-ease-out),box-shadow var(--px-dur-base)var(--px-ease-out),transform var(--px-dur-base)var(--px-ease-out);justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:700;display:inline-flex}.px-cta:hover{background:var(--px-green-hover);box-shadow:var(--px-shadow-glow-green-lg)}.px-cta:active{transform:scale(.97)}.px-cta:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.px-ghost{background:var(--px-surface-2);height:36px;color:var(--px-fg-3);border-radius:var(--px-radius-pill);transition:background var(--px-dur-base)var(--px-ease-out);align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.px-ghost:hover{background:var(--px-surface-3);color:var(--px-fg-1)}.px-pill-live{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--px-radius-pill);letter-spacing:.06em;color:#fff;background:#ef4444e6;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.px-pill-live:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s infinite px-pulse}.px-pill-247{background:var(--px-surface-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--px-radius-pill);color:#fff;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.px-logo-tile{border-radius:var(--px-radius-md);background:var(--px-green);width:40px;height:40px;box-shadow:0 8px 24px var(--px-green-glow);justify-content:center;align-items:center;display:inline-flex}.px-mesh-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.px-mesh-bg:before,.px-mesh-bg:after{content:"";filter:blur(120px);border-radius:50%;position:absolute}.px-mesh-bg:before{background:#1db95426;width:500px;height:500px;top:0;left:25%}.px-mesh-bg:after{background:#1db9541a;width:400px;height:400px;top:80px;right:25%}@keyframes px-pulse{0%,to{opacity:1}50%{opacity:.4}}