:root[data-skin=seventies]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Trebuchet MS";--ink:#3d2117;--paper:#f4e4bf;--paper-deep:#dfbd7c;--white:#fff8df;--orange:#dd7141;--orange-soft:#f3b77b;--plan-accent-selector:var(--sun);--green:#b0b65c;--green-deep:#56620e;--violet:#7b4761;--sky:#4f9388;--bubble:#d89574;--sun:#e7b638;--danger:#a72820;--accent-1:var(--orange);--accent-2:var(--green);--accent-3:var(--sky);--accent-4:var(--bubble);--accent-5:var(--sun);--accent-6:var(--violet);--accent-ink:#30170f;--accent-paper:#fff3cf;--resident-unlimited-gradient:linear-gradient(115deg, var(--orange) 0 33%, var(--sun) 33% 66%, var(--green) 66% 100%);--edge:#3d21174d;--edge-strong:#3d21177a;--accent-edge:#30170f61;--line:#3d211729;--shadow-ink:#5c301c47;--shadow:0 7px 0 var(--shadow-ink);--inverse:#422419;--on-inverse:#fff3cf;--solid:#7d331f;--on-solid:#fff8df;--copy:#604235;--muted:#765747;--inverse-muted:#dbc59d;--sidebar:#ead09a;--surface-subtle:#f7e9c8;--surface:#fff8df;--surface-hover:#7d331f17;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#2d716d}:root[data-skin=seventies][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f8e7be;--paper:#24150f;--paper-deep:#493120;--white:#332018;--green-deep:#d1d979;--danger:#ff8672;--edge:#f8e7be3d;--edge-strong:#f8e7be66;--line:#f8e7be24;--shadow-ink:#00000057;--inverse:#140b08;--on-inverse:#f8e7be;--solid:#f2a65a;--on-solid:#2a160e;--copy:#dfc99e;--muted:#c4aa80;--inverse-muted:#c4aa80;--sidebar:#2b1912;--surface-subtle:#2b1912;--surface:#332018;--surface-hover:#f8e7be1a;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#e7b638}@media (prefers-color-scheme:dark){:root[data-skin=seventies]:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f8e7be;--paper:#24150f;--paper-deep:#493120;--white:#332018;--green-deep:#d1d979;--danger:#ff8672;--edge:#f8e7be3d;--edge-strong:#f8e7be66;--line:#f8e7be24;--shadow-ink:#00000057;--inverse:#140b08;--on-inverse:#f8e7be;--solid:#f2a65a;--on-solid:#2a160e;--copy:#dfc99e;--muted:#c4aa80;--inverse-muted:#c4aa80;--sidebar:#2b1912;--surface-subtle:#2b1912;--surface:#332018;--surface-hover:#f8e7be1a;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#e7b638}}:root[data-skin=seventies] body{background-color:var(--paper);background-image:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--orange) 15%, transparent) 0 8%, transparent 8.2%), radial-gradient(circle at 88% 72%, color-mix(in srgb, var(--green) 14%, transparent) 0 11%, transparent 11.2%);font-family:var(--font-sans), Georgia, sans-serif;background-attachment:fixed}:root[data-skin=seventies] h1,:root[data-skin=seventies] h2,:root[data-skin=seventies] h3{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:1}:root[data-skin=seventies] .brand-name{letter-spacing:-.045em;font-style:italic}:root[data-skin=seventies] .button{font-family:var(--font-sans), sans-serif;letter-spacing:.055em;text-transform:none;border-radius:999px;font-size:12px}:root[data-skin=seventies] .button:hover{box-shadow:0 5px 0 var(--shadow-ink)}:root[data-skin=seventies] .button-dark{background:var(--solid);border-color:var(--solid)}:root[data-skin=seventies] .button-dark:hover{box-shadow:0 5px 0 var(--sun)}:root[data-skin=seventies] .pill,:root[data-skin=seventies] .avatar,:root[data-skin=seventies] .notification-icon,:root[data-skin=seventies] .mobile-nav a,:root[data-skin=seventies] .mobile-nav button,:root[data-skin=seventies] .mobile-menu-close{border-radius:999px}:root[data-skin=seventies] .tiny-label,:root[data-skin=seventies] .section-kicker,:root[data-skin=seventies] .theme-option,:root[data-skin=seventies] .theme-selector-hint{font-family:var(--font-sans), sans-serif}:root[data-skin=seventies] .section-kicker{letter-spacing:.11em}:root[data-skin=seventies] .section-kicker:before{background:var(--sun);border:3px solid var(--orange);border-radius:50%;width:12px;height:12px}:root[data-skin=seventies] .marketing-header{border-bottom:3px double var(--edge-strong)}:root[data-skin=seventies] .marketing-nav{font-family:var(--font-sans), sans-serif;text-transform:none}:root[data-skin=seventies] .marketing-nav>a:not(.button):hover{color:var(--accent-ink);background:var(--sun);box-shadow:0 0 0 5px var(--sun);border-radius:999px}:root[data-skin=seventies] .hero h1{text-shadow:5px 5px 0 color-mix(in srgb, var(--sun) 72%, transparent);line-height:.9}:root[data-skin=seventies] .hero h1 em{color:var(--orange);-webkit-text-stroke:0;font-style:italic}:root[data-skin=seventies] .hero-note{font-family:var(--font-sans), sans-serif;text-transform:none}:root[data-skin=seventies] .hero-note:before{background:var(--green);border-radius:50%}:root[data-skin=seventies] .vinyl{box-shadow:inset 0 0 0 13px var(--ink), inset 0 0 0 14px var(--sun), inset 0 0 0 34px var(--ink), inset 0 0 0 35px var(--orange), inset 0 0 0 55px var(--ink), 0 18px 0 var(--shadow-ink)}:root[data-skin=seventies] .drop-ticket{box-shadow:12px 15px 0 var(--green);border-radius:30px 30px 8px 8px;transform:rotate(-4deg)}:root[data-skin=seventies] .ticket-art{background:var(--orange);border-radius:24px 24px 6px 6px}:root[data-skin=seventies] .marquee{background:var(--inverse);border-block:4px double var(--sun)}:root[data-skin=seventies] .marquee-group{font-family:var(--font-sans), sans-serif;text-transform:none}:root[data-skin=seventies] .marquee-separator{color:var(--sun)}:root[data-skin=seventies] .steps-grid,:root[data-skin=seventies] .price-stack{background:0 0;border:0;gap:18px}:root[data-skin=seventies] .step-card,:root[data-skin=seventies] .price-strip{border:2px solid var(--edge);box-shadow:0 7px 0 var(--shadow-ink);border-radius:34px 8px}:root[data-skin=seventies] .queue-demo{box-shadow:11px 11px 0 var(--sun);border-radius:28px 8px}:root[data-skin=seventies] .app-sidebar{background-color:var(--sidebar);background-image:repeating-linear-gradient(135deg, transparent 0 18px, color-mix(in srgb, var(--orange) 8%, transparent) 18px 36px);border-right:3px double var(--edge-strong)}:root[data-skin=seventies] .app-navigation a,:root[data-skin=seventies] .mobile-menu-navigation a{border-radius:999px}:root[data-skin=seventies] .app-navigation a[aria-current=page]{color:var(--accent-ink);background:var(--sun);border-color:var(--edge-strong)}:root[data-skin=seventies] .panel,:root[data-skin=seventies] .settings-card,:root[data-skin=seventies] .stats-card,:root[data-skin=seventies] .theme-panel,:root[data-skin=seventies] .freeform-panel,:root[data-skin=seventies] .form-shell,:root[data-skin=seventies] .club-card,:root[data-skin=seventies] .playlist-card,:root[data-skin=seventies] .playlist-detail-hero,:root[data-skin=seventies] .playlist-version-card,:root[data-skin=seventies] .pricing-card,:root[data-skin=seventies] .chat-panel,:root[data-skin=seventies] .next-drop,:root[data-skin=seventies] .club-hero,:root[data-skin=seventies] .playlist-selector-dialog{box-shadow:0 7px 0 var(--shadow-ink);border-radius:24px 7px}:root[data-skin=seventies] .club-card:hover,:root[data-skin=seventies] .playlist-card:hover{box-shadow:0 10px 0 var(--sun)}:root[data-skin=seventies] .club-card-art,:root[data-skin=seventies] .playlist-cover,:root[data-skin=seventies] .playlist-detail-cover,:root[data-skin=seventies] .next-drop-art,:root[data-skin=seventies] .artwork-preview{border-radius:20px 5px}:root[data-skin=seventies] .field input,:root[data-skin=seventies] .field textarea,:root[data-skin=seventies] .field select,:root[data-skin=seventies] .rich-text-shell,:root[data-skin=seventies] .color-field,:root[data-skin=seventies] .artwork-picker,:root[data-skin=seventies] .theme-current-toggle{border-radius:14px 4px}:root[data-skin=seventies] .field input:focus,:root[data-skin=seventies] .field textarea:focus,:root[data-skin=seventies] .field select:focus,:root[data-skin=seventies] .rich-text-shell:focus-within{box-shadow:0 4px 0 var(--focus)}:root[data-skin=seventies] .settings-card{box-shadow:inset 0 9px 0 var(--accent-6), 0 7px 0 var(--shadow-ink)}:root[data-skin=seventies] .settings-card:nth-child(2){box-shadow:inset 0 9px 0 var(--accent-2), 0 7px 0 var(--shadow-ink)}:root[data-skin=seventies] .settings-card:nth-child(3){box-shadow:inset 0 9px 0 var(--accent-3), 0 7px 0 var(--shadow-ink)}:root[data-skin=seventies] .settings-card:nth-child(4){box-shadow:inset 0 9px 0 var(--accent-5), 0 7px 0 var(--shadow-ink)}:root[data-skin=seventies] .theme-selector{background:var(--paper-deep);border-radius:20px 6px;gap:6px;padding:6px}:root[data-skin=seventies] .theme-option{text-transform:none;border-radius:14px 4px}:root[data-skin=seventies] .theme-option[aria-pressed=true]{color:var(--accent-ink);background:var(--sun)}
:root[data-skin=eighties]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:var(--font-mono);--ink:#170b30;--paper:#f1ebff;--paper-deep:#d8c9f2;--white:#fffaff;--orange:#f238a0;--orange-soft:#ffc0e5;--plan-accent-selector:var(--green);--green:#52dff1;--green-deep:#087784;--violet:#713cff;--sky:#7291ff;--bubble:#ff76d2;--sun:#ffe45c;--danger:#c70f52;--accent-1:var(--orange);--accent-2:var(--green);--accent-3:var(--sky);--accent-4:var(--bubble);--accent-5:var(--sun);--accent-6:var(--violet);--accent-ink:#10051f;--accent-paper:#fffaff;--resident-unlimited-gradient:linear-gradient(115deg, var(--violet), var(--orange) 48%, var(--green));--edge:#3214524d;--edge-strong:#32145280;--accent-edge:#10051f61;--line:#32145229;--shadow-ink:#713cff47;--shadow:6px 6px 0 var(--shadow-ink);--inverse:#10051f;--on-inverse:#f8f1ff;--solid:#29105a;--on-solid:#fff;--copy:#443457;--muted:#655578;--inverse-muted:#b9a9cc;--sidebar:#e7dcfa;--surface-subtle:#f6f1ff;--surface:#fffaff;--surface-hover:#713cff17;--header-glass:color-mix(in srgb, var(--paper) 90%, transparent);--focus:#087f8f}:root[data-skin=eighties][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5efff;--paper:#070312;--paper-deep:#1d1037;--white:#120a25;--green-deep:#7ff3ff;--danger:#ff6b9f;--edge:#57e8ff47;--edge-strong:#ff3cac80;--line:#cbb4ff29;--shadow-ink:#ff3cac57;--inverse:#030106;--on-inverse:#f5efff;--solid:#57e8ff;--on-solid:#070312;--copy:#d4c6e5;--muted:#ad9cbe;--inverse-muted:#ad9cbe;--sidebar:#0c0619;--surface-subtle:#0c0619;--surface:#120a25;--surface-hover:#57e8ff1a;--header-glass:color-mix(in srgb, var(--paper) 90%, transparent);--focus:#57e8ff}@media (prefers-color-scheme:dark){:root[data-skin=eighties]:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5efff;--paper:#070312;--paper-deep:#1d1037;--white:#120a25;--green-deep:#7ff3ff;--danger:#ff6b9f;--edge:#57e8ff47;--edge-strong:#ff3cac80;--line:#cbb4ff29;--shadow-ink:#ff3cac57;--inverse:#030106;--on-inverse:#f5efff;--solid:#57e8ff;--on-solid:#070312;--copy:#d4c6e5;--muted:#ad9cbe;--inverse-muted:#ad9cbe;--sidebar:#0c0619;--surface-subtle:#0c0619;--surface:#120a25;--surface-hover:#57e8ff1a;--header-glass:color-mix(in srgb, var(--paper) 90%, transparent);--focus:#57e8ff}}:root[data-skin=eighties] body{background-color:var(--paper);background-image:linear-gradient(color-mix(in srgb, var(--green) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--orange) 7%, transparent) 1px, transparent 1px);font-family:var(--font-mono), ui-monospace, monospace;background-size:34px 34px;background-attachment:fixed}:root[data-skin=eighties] h1,:root[data-skin=eighties] h2,:root[data-skin=eighties] h3{font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.035em;text-transform:uppercase;font-weight:800;line-height:.94}:root[data-skin=eighties] .brand-name{font-family:var(--font-display), sans-serif;text-transform:uppercase;font-style:italic;font-weight:800}:root[data-skin=eighties] .button{border-color:var(--edge-strong);font-family:var(--font-mono), monospace;border-radius:2px}:root[data-skin=eighties] .button:hover{box-shadow:5px 5px 0 var(--orange), -2px -2px 0 var(--green)}:root[data-skin=eighties] .button-dark{background:var(--solid);border-color:var(--solid)}:root[data-skin=eighties] .button-dark:hover{box-shadow:5px 5px 0 var(--orange), -2px -2px 0 var(--green)}:root[data-skin=eighties] .pill,:root[data-skin=eighties] .notification-icon,:root[data-skin=eighties] .mobile-nav a,:root[data-skin=eighties] .mobile-nav button,:root[data-skin=eighties] .mobile-menu-close{border-radius:2px}:root[data-skin=eighties] .section-kicker{gap:14px}:root[data-skin=eighties] .section-kicker:before{background:var(--orange);width:7px;height:16px;box-shadow:8px 0 0 var(--green);transform:skew(-18deg)}:root[data-skin=eighties] ::selection{color:var(--accent-ink);background:var(--green)}:root[data-skin=eighties] .marketing-header{border-bottom:1px solid var(--green)}:root[data-skin=eighties] .marketing-nav>a:not(.button):hover{color:var(--accent-ink);background:var(--green);box-shadow:4px 4px 0 var(--orange)}:root[data-skin=eighties] .hero h1{color:#0000;background:linear-gradient(105deg, var(--green) 4%, var(--sky) 34%, var(--orange) 66%, var(--sun));-webkit-text-fill-color:transparent;filter:drop-shadow(5px 5px 0 color-mix(in srgb, var(--violet) 38%, transparent));-webkit-background-clip:text;background-clip:text}:root[data-skin=eighties] .hero h1 em{color:inherit;-webkit-text-stroke:0;font-style:italic}:root[data-skin=eighties] .hero-note:before{background:var(--green);width:16px;height:8px;box-shadow:6px 6px 0 var(--orange);transform:skew(-20deg)}:root[data-skin=eighties] .vinyl{border-color:var(--green);box-shadow:inset 0 0 0 13px var(--ink), inset 0 0 0 14px var(--green), inset 0 0 0 34px var(--ink), inset 0 0 0 35px var(--orange), inset 0 0 0 55px var(--ink), 0 0 28px color-mix(in srgb, var(--green) 65%, transparent), 15px 15px 0 var(--violet)}:root[data-skin=eighties] .drop-ticket{border-color:var(--green);box-shadow:13px 15px 0 var(--orange);transform:rotate(3deg)}:root[data-skin=eighties] .ticket-art{background:linear-gradient(135deg, var(--violet), var(--orange) 55%, var(--sun))}:root[data-skin=eighties] .ticket-art:after{border-radius:0;transform:rotate(45deg)}:root[data-skin=eighties] .marquee{color:var(--on-inverse);background:linear-gradient(90deg, var(--violet), #161035 45%, var(--orange));border-block-color:var(--green)}:root[data-skin=eighties] .marquee-separator{color:var(--sun);text-shadow:0 0 10px var(--sun)}:root[data-skin=eighties] .marketing-section-dark{background:linear-gradient(135deg, color-mix(in srgb, var(--violet) 22%, transparent), transparent 45%), var(--inverse);border-block-color:var(--green)}:root[data-skin=eighties] .section-heading{border-top-color:var(--orange)}:root[data-skin=eighties] .steps-grid,:root[data-skin=eighties] .price-stack{background:0 0;border:0;gap:10px}:root[data-skin=eighties] .step-card,:root[data-skin=eighties] .price-strip{border:2px solid var(--edge-strong);box-shadow:7px 7px 0 var(--shadow-ink)}:root[data-skin=eighties] .step-card:nth-child(2){box-shadow:7px 7px 0 var(--violet)}:root[data-skin=eighties] .step-card:nth-child(3){box-shadow:7px 7px 0 var(--orange)}:root[data-skin=eighties] .queue-demo{border-color:var(--green);box-shadow:11px 11px 0 var(--orange);transform:rotate(1deg)}:root[data-skin=eighties] .app-sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--violet) 17%, transparent), transparent 42%), var(--sidebar);border-right-color:var(--green)}:root[data-skin=eighties] .app-navigation a[aria-current=page]{color:var(--accent-ink);background:var(--green);border-color:var(--orange);box-shadow:4px 4px 0 var(--orange)}:root[data-skin=eighties] .panel,:root[data-skin=eighties] .settings-card,:root[data-skin=eighties] .stats-card,:root[data-skin=eighties] .theme-panel,:root[data-skin=eighties] .freeform-panel,:root[data-skin=eighties] .form-shell,:root[data-skin=eighties] .club-card,:root[data-skin=eighties] .playlist-card,:root[data-skin=eighties] .playlist-detail-hero,:root[data-skin=eighties] .playlist-version-card,:root[data-skin=eighties] .pricing-card,:root[data-skin=eighties] .chat-panel,:root[data-skin=eighties] .next-drop,:root[data-skin=eighties] .club-hero,:root[data-skin=eighties] .playlist-selector-dialog{border-color:var(--edge-strong);box-shadow:6px 6px 0 var(--shadow-ink);border-radius:2px}:root[data-skin=eighties] .club-card:hover,:root[data-skin=eighties] .playlist-card:hover{border-color:var(--green);box-shadow:9px 9px 0 var(--orange)}:root[data-skin=eighties] .club-card-art,:root[data-skin=eighties] .playlist-cover,:root[data-skin=eighties] .playlist-detail-cover,:root[data-skin=eighties] .next-drop-art,:root[data-skin=eighties] .artwork-preview{border-radius:0}:root[data-skin=eighties] .field input,:root[data-skin=eighties] .field textarea,:root[data-skin=eighties] .field select,:root[data-skin=eighties] .rich-text-shell,:root[data-skin=eighties] .color-field,:root[data-skin=eighties] .artwork-picker,:root[data-skin=eighties] .theme-current-toggle{border-color:var(--edge-strong);border-radius:2px}:root[data-skin=eighties] .field input:focus,:root[data-skin=eighties] .field textarea:focus,:root[data-skin=eighties] .field select:focus,:root[data-skin=eighties] .rich-text-shell:focus-within{box-shadow:4px 4px 0 var(--orange), -2px -2px 0 var(--green)}:root[data-skin=eighties] .settings-card{box-shadow:inset 0 8px 0 var(--accent-6), 6px 6px 0 var(--shadow-ink)}:root[data-skin=eighties] .settings-card:nth-child(2){box-shadow:inset 0 8px 0 var(--accent-2), 6px 6px 0 var(--shadow-ink)}:root[data-skin=eighties] .settings-card:nth-child(3){box-shadow:inset 0 8px 0 var(--accent-3), 6px 6px 0 var(--shadow-ink)}:root[data-skin=eighties] .settings-card:nth-child(4){box-shadow:inset 0 8px 0 var(--accent-5), 6px 6px 0 var(--shadow-ink)}:root[data-skin=eighties] .theme-selector{background:linear-gradient(90deg, var(--violet), var(--orange), var(--green));border-color:#0000;gap:4px;padding:4px}:root[data-skin=eighties] .theme-option{border:1px solid #0000}:root[data-skin=eighties] .theme-option:hover{border-color:var(--green)}:root[data-skin=eighties] .theme-option[aria-pressed=true]{color:var(--accent-ink);background:var(--green);border-color:var(--orange);box-shadow:inset -5px -5px 0 color-mix(in srgb, var(--sky) 55%, transparent)}
:root[data-skin=metal]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:Inter;--ink:#171719;--paper:#d9d7d1;--paper-deep:#bbb9b4;--white:#f1f0eb;--orange:#c8232a;--orange-soft:#e9a0a4;--plan-accent-selector:var(--sun);--green:#b7d63b;--green-deep:#506516;--violet:#575164;--sky:#82959e;--bubble:#c45a69;--sun:#d0a934;--danger:#a10f16;--accent-1:var(--orange);--accent-2:var(--green);--accent-3:var(--sky);--accent-4:var(--bubble);--accent-5:var(--sun);--accent-6:var(--violet);--accent-ink:#111113;--accent-paper:#f4f3ee;--resident-unlimited-gradient:linear-gradient(110deg, #171719, var(--orange) 48%, #77757a);--edge:#1717195c;--edge-strong:#1717199e;--accent-edge:#11111380;--line:#1717192e;--shadow-ink:#00000057;--shadow:6px 6px 0 var(--shadow-ink);--inverse:#0b0b0d;--on-inverse:#f1f0eb;--solid:#171719;--on-solid:#f4f3ee;--copy:#3e3d3a;--muted:#62615d;--inverse-muted:#aaa9a4;--sidebar:#cbc9c3;--surface-subtle:#e5e3dd;--surface:#f1f0eb;--surface-hover:#c8232a14;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#a81920}:root[data-skin=metal][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f0f0ec;--paper:#070708;--paper-deep:#242428;--white:#111113;--green-deep:#c8e55a;--danger:#ff6970;--edge:#f0f0ec3d;--edge-strong:#f0f0ec6b;--line:#f0f0ec24;--shadow-ink:#c8232a6b;--inverse:#020203;--on-inverse:#f0f0ec;--solid:#d5282f;--on-solid:#fff;--copy:#cdccc7;--muted:#aaa9a4;--inverse-muted:#aaa9a4;--sidebar:#0b0b0d;--surface-subtle:#0b0b0d;--surface:#111113;--surface-hover:#d5282f1f;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#e33a40}@media (prefers-color-scheme:dark){:root[data-skin=metal]:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f0f0ec;--paper:#070708;--paper-deep:#242428;--white:#111113;--green-deep:#c8e55a;--danger:#ff6970;--edge:#f0f0ec3d;--edge-strong:#f0f0ec6b;--line:#f0f0ec24;--shadow-ink:#c8232a6b;--inverse:#020203;--on-inverse:#f0f0ec;--solid:#d5282f;--on-solid:#fff;--copy:#cdccc7;--muted:#aaa9a4;--inverse-muted:#aaa9a4;--sidebar:#0b0b0d;--surface-subtle:#0b0b0d;--surface:#111113;--surface-hover:#d5282f1f;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#e33a40}}:root[data-skin=metal] body{background-color:var(--paper);background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink) 4%, transparent) 0 1px, transparent 1px 12px), linear-gradient(90deg, transparent, color-mix(in srgb, var(--orange) 5%, transparent), transparent);background-attachment:fixed}:root[data-skin=metal] h1,:root[data-skin=metal] h2,:root[data-skin=metal] h3{font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.035em;text-transform:uppercase;font-weight:800;line-height:.92}:root[data-skin=metal] .brand-name{font-family:var(--font-display), sans-serif;text-transform:uppercase;font-style:italic;font-weight:800}:root[data-skin=metal] .button,:root[data-skin=metal] .pill,:root[data-skin=metal] .notification-icon,:root[data-skin=metal] .mobile-nav a,:root[data-skin=metal] .mobile-nav button,:root[data-skin=metal] .mobile-menu-close{border-radius:0}:root[data-skin=metal] .button{border-color:var(--edge-strong)}:root[data-skin=metal] .button:hover,:root[data-skin=metal] .button-dark:hover{box-shadow:5px 5px 0 var(--orange)}:root[data-skin=metal] .section-kicker:before{background:var(--orange);width:18px;height:5px;box-shadow:6px 6px 0 var(--ink);transform:skew(-24deg)}:root[data-skin=metal] .marketing-header{border-bottom:3px solid var(--ink)}:root[data-skin=metal] .marketing-nav>a:not(.button):hover{color:#fff;background:var(--orange);box-shadow:4px 4px 0 var(--ink)}:root[data-skin=metal] .hero h1{color:var(--ink);text-shadow:6px 6px 0 color-mix(in srgb, var(--orange) 44%, transparent)}:root[data-skin=metal] .hero h1 em{color:var(--orange);-webkit-text-stroke:0;font-style:normal}:root[data-skin=metal] .hero-note:before{background:var(--orange);transform:rotate(45deg)}:root[data-skin=metal] .vinyl{border-color:var(--edge-strong);box-shadow:inset 0 0 0 13px var(--ink), inset 0 0 0 14px var(--orange), inset 0 0 0 34px var(--ink), inset 0 0 0 35px #77757a, inset 0 0 0 55px var(--ink), 15px 15px 0 var(--orange)}:root[data-skin=metal] .drop-ticket{border:3px solid var(--ink);box-shadow:14px 14px 0 var(--orange);transform:rotate(-2deg)}:root[data-skin=metal] .ticket-art{background:linear-gradient(145deg, #202024 0 48%, var(--orange) 48% 58%, #77757a 58%)}:root[data-skin=metal] .ticket-art:before{color:#fff}:root[data-skin=metal] .ticket-art:after{border-color:#fff;border-radius:0;transform:rotate(45deg)}:root[data-skin=metal] .marquee{background:var(--inverse);border-block:3px solid var(--orange)}:root[data-skin=metal] .marquee-separator{color:var(--orange)}:root[data-skin=metal] .marketing-section-dark{border-block-color:var(--orange);background:linear-gradient(135deg,#020203,#18181c)}:root[data-skin=metal] .steps-grid,:root[data-skin=metal] .price-stack{background:0 0;border:0;gap:8px}:root[data-skin=metal] .step-card,:root[data-skin=metal] .price-strip,:root[data-skin=metal] .queue-demo{border:2px solid var(--edge-strong);box-shadow:7px 7px 0 var(--shadow-ink)}:root[data-skin=metal] .step-card:nth-child(2){box-shadow:7px 7px 0 var(--orange)}:root[data-skin=metal] .app-sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--orange) 14%, transparent), transparent 38%), var(--sidebar);border-right:3px solid var(--edge-strong)}:root[data-skin=metal] .app-navigation a[aria-current=page]{color:#fff;background:var(--orange);border-color:var(--ink);box-shadow:4px 4px 0 var(--shadow-ink)}:root[data-skin=metal] .panel,:root[data-skin=metal] .settings-card,:root[data-skin=metal] .stats-card,:root[data-skin=metal] .theme-panel,:root[data-skin=metal] .freeform-panel,:root[data-skin=metal] .form-shell,:root[data-skin=metal] .club-card,:root[data-skin=metal] .playlist-card,:root[data-skin=metal] .playlist-detail-hero,:root[data-skin=metal] .playlist-version-card,:root[data-skin=metal] .pricing-card,:root[data-skin=metal] .chat-panel,:root[data-skin=metal] .next-drop,:root[data-skin=metal] .club-hero,:root[data-skin=metal] .playlist-selector-dialog{border-color:var(--edge-strong);box-shadow:6px 6px 0 var(--shadow-ink);border-radius:0}:root[data-skin=metal] .club-card:hover,:root[data-skin=metal] .playlist-card:hover{box-shadow:8px 8px 0 var(--orange)}:root[data-skin=metal] .club-card-art,:root[data-skin=metal] .playlist-cover,:root[data-skin=metal] .playlist-detail-cover,:root[data-skin=metal] .next-drop-art,:root[data-skin=metal] .artwork-preview{filter:saturate(.82)contrast(1.1);border-radius:0}:root[data-skin=metal] .field input,:root[data-skin=metal] .field textarea,:root[data-skin=metal] .field select,:root[data-skin=metal] .rich-text-shell,:root[data-skin=metal] .color-field,:root[data-skin=metal] .artwork-picker,:root[data-skin=metal] .theme-current-toggle{border-color:var(--edge-strong);border-radius:0}:root[data-skin=metal] .field input:focus,:root[data-skin=metal] .field textarea:focus,:root[data-skin=metal] .field select:focus,:root[data-skin=metal] .rich-text-shell:focus-within{box-shadow:4px 4px 0 var(--orange)}:root[data-skin=metal] .settings-card{box-shadow:inset 0 8px 0 #333339, 6px 6px 0 var(--shadow-ink)}:root[data-skin=metal] .settings-card:nth-child(2){box-shadow:inset 0 8px 0 var(--orange), 6px 6px 0 var(--shadow-ink)}:root[data-skin=metal] .settings-card:nth-child(3){box-shadow:inset 0 8px 0 #77757a, 6px 6px 0 var(--shadow-ink)}:root[data-skin=metal] .settings-card:nth-child(4){box-shadow:inset 0 8px 0 var(--sun), 6px 6px 0 var(--shadow-ink)}:root[data-skin=metal] .theme-selector{background:var(--ink);border-color:var(--ink);gap:3px;padding:3px}:root[data-skin=metal] .theme-option{border:1px solid #0000}:root[data-skin=metal] .theme-option[aria-pressed=true]{color:#fff;background:var(--orange);border-color:#fff}
:root[data-skin=rap]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:Inter;--ink:#21142d;--paper:#f3e8c9;--paper-deep:#dec890;--white:#fff8e9;--orange:#d3a62f;--orange-soft:#f0cf79;--plan-accent-selector:var(--sun);--green:#62bb91;--green-deep:#256a4c;--violet:#723996;--sky:#4c79bb;--bubble:#d85c95;--sun:#efc84c;--danger:#b62248;--accent-1:var(--orange);--accent-2:var(--green);--accent-3:var(--sky);--accent-4:var(--bubble);--accent-5:var(--sun);--accent-6:var(--violet);--accent-ink:#1a1022;--accent-paper:#fff8e9;--resident-unlimited-gradient:linear-gradient(120deg, var(--violet), var(--bubble) 48%, var(--sun));--edge:#371f424d;--edge-strong:#371f4280;--accent-edge:#1a102261;--line:#371f4229;--shadow-ink:#4a265b4d;--shadow:6px 6px 0 var(--shadow-ink);--inverse:#1a1022;--on-inverse:#fff2cf;--solid:#21142d;--on-solid:#fff8e9;--copy:#51405a;--muted:#715f76;--inverse-muted:#c9b6cf;--sidebar:#e5d4a8;--surface-subtle:#f7efd9;--surface:#fff8e9;--surface-hover:#72399617;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#9f7514}:root[data-skin=rap][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff2cf;--paper:#100915;--paper-deep:#2e1b38;--white:#1c1025;--green-deep:#78d6aa;--danger:#ff789b;--edge:#e7b93e4d;--edge-strong:#e7b93e7a;--line:#fff2cf26;--shadow-ink:#72399680;--inverse:#08040b;--on-inverse:#fff2cf;--solid:#e7b93e;--on-solid:#1a1022;--copy:#decce2;--muted:#c4aecb;--inverse-muted:#c4aecb;--sidebar:#160c1d;--surface-subtle:#160c1d;--surface:#1c1025;--surface-hover:#e7b93e1a;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#e7b93e}@media (prefers-color-scheme:dark){:root[data-skin=rap]:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff2cf;--paper:#100915;--paper-deep:#2e1b38;--white:#1c1025;--green-deep:#78d6aa;--danger:#ff789b;--edge:#e7b93e4d;--edge-strong:#e7b93e7a;--line:#fff2cf26;--shadow-ink:#72399680;--inverse:#08040b;--on-inverse:#fff2cf;--solid:#e7b93e;--on-solid:#1a1022;--copy:#decce2;--muted:#c4aecb;--inverse-muted:#c4aecb;--sidebar:#160c1d;--surface-subtle:#160c1d;--surface:#1c1025;--surface-hover:#e7b93e1a;--header-glass:color-mix(in srgb, var(--paper) 92%, transparent);--focus:#e7b93e}}:root[data-skin=rap] body{background-color:var(--paper);background-image:radial-gradient(color-mix(in srgb, var(--violet) 13%, transparent) 1.3px, transparent 1.3px);background-size:22px 22px;background-attachment:fixed}:root[data-skin=rap] h1,:root[data-skin=rap] h2,:root[data-skin=rap] h3{font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.05em;font-weight:800;line-height:.92}:root[data-skin=rap] .brand-name{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;font-weight:800}:root[data-skin=rap] .button{border-radius:10px}:root[data-skin=rap] .button:hover,:root[data-skin=rap] .button-dark:hover{box-shadow:5px 5px 0 var(--sun)}:root[data-skin=rap] .pill,:root[data-skin=rap] .notification-icon,:root[data-skin=rap] .mobile-nav a,:root[data-skin=rap] .mobile-nav button,:root[data-skin=rap] .mobile-menu-close{border-radius:999px}:root[data-skin=rap] .section-kicker:before{background:var(--sun);border:3px solid var(--violet);width:15px;height:15px;transform:rotate(-8deg)}:root[data-skin=rap] .marketing-header{border-bottom:3px solid var(--ink)}:root[data-skin=rap] .marketing-nav>a:not(.button):hover{color:var(--accent-ink);background:var(--sun);box-shadow:4px 4px 0 var(--violet);border-radius:4px}:root[data-skin=rap] .hero h1{color:var(--ink);text-shadow:6px 6px 0 var(--sun)}:root[data-skin=rap] .hero h1 em{color:var(--violet);-webkit-text-stroke:0;font-style:normal}:root[data-skin=rap] .hero-note:before{background:var(--sun);box-shadow:5px 5px 0 var(--violet)}:root[data-skin=rap] .vinyl{box-shadow:inset 0 0 0 13px var(--ink), inset 0 0 0 14px var(--sun), inset 0 0 0 34px var(--ink), inset 0 0 0 35px var(--bubble), inset 0 0 0 55px var(--ink), 14px 14px 0 var(--violet)}:root[data-skin=rap] .drop-ticket{box-shadow:13px 15px 0 var(--sun), 20px 22px 0 var(--violet);border-radius:12px;transform:rotate(-2deg)}:root[data-skin=rap] .ticket-art{background:linear-gradient(145deg, var(--sun), var(--orange) 50%, var(--bubble));border-radius:7px}:root[data-skin=rap] .marquee{color:var(--on-inverse);background:linear-gradient(90deg, var(--inverse), var(--violet), var(--inverse));border-block:3px solid var(--sun)}:root[data-skin=rap] .marquee-separator{color:var(--sun)}:root[data-skin=rap] .marketing-section-dark{background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--violet) 34%, transparent), transparent 34%), var(--inverse);border-block-color:var(--sun)}:root[data-skin=rap] .steps-grid,:root[data-skin=rap] .price-stack{background:0 0;border:0;gap:14px}:root[data-skin=rap] .step-card,:root[data-skin=rap] .price-strip,:root[data-skin=rap] .queue-demo{border:2px solid var(--edge-strong);box-shadow:7px 7px 0 var(--shadow-ink);border-radius:12px}:root[data-skin=rap] .step-card:nth-child(2){box-shadow:7px 7px 0 var(--violet)}:root[data-skin=rap] .step-card:nth-child(3){box-shadow:7px 7px 0 var(--sun)}:root[data-skin=rap] .app-sidebar{background:linear-gradient(165deg, color-mix(in srgb, var(--sun) 22%, transparent), transparent 42%), var(--sidebar);border-right:3px solid var(--edge-strong)}:root[data-skin=rap] .app-navigation a,:root[data-skin=rap] .mobile-menu-navigation a{border-radius:8px}:root[data-skin=rap] .app-navigation a[aria-current=page]{color:var(--accent-ink);background:var(--sun);border-color:var(--violet);box-shadow:4px 4px 0 var(--violet)}:root[data-skin=rap] .panel,:root[data-skin=rap] .settings-card,:root[data-skin=rap] .stats-card,:root[data-skin=rap] .theme-panel,:root[data-skin=rap] .freeform-panel,:root[data-skin=rap] .form-shell,:root[data-skin=rap] .club-card,:root[data-skin=rap] .playlist-card,:root[data-skin=rap] .playlist-detail-hero,:root[data-skin=rap] .playlist-version-card,:root[data-skin=rap] .pricing-card,:root[data-skin=rap] .chat-panel,:root[data-skin=rap] .next-drop,:root[data-skin=rap] .club-hero,:root[data-skin=rap] .playlist-selector-dialog{border-color:var(--edge-strong);box-shadow:6px 6px 0 var(--shadow-ink);border-radius:12px}:root[data-skin=rap] .club-card:hover,:root[data-skin=rap] .playlist-card:hover{box-shadow:9px 9px 0 var(--sun)}:root[data-skin=rap] .club-card-art,:root[data-skin=rap] .playlist-cover,:root[data-skin=rap] .playlist-detail-cover,:root[data-skin=rap] .next-drop-art,:root[data-skin=rap] .artwork-preview{border-radius:8px}:root[data-skin=rap] .field input,:root[data-skin=rap] .field textarea,:root[data-skin=rap] .field select,:root[data-skin=rap] .rich-text-shell,:root[data-skin=rap] .color-field,:root[data-skin=rap] .artwork-picker,:root[data-skin=rap] .theme-current-toggle{border-color:var(--edge-strong);border-radius:8px}:root[data-skin=rap] .field input:focus,:root[data-skin=rap] .field textarea:focus,:root[data-skin=rap] .field select:focus,:root[data-skin=rap] .rich-text-shell:focus-within{box-shadow:4px 4px 0 var(--sun)}:root[data-skin=rap] .settings-card{box-shadow:inset 0 8px 0 var(--violet), 6px 6px 0 var(--shadow-ink)}:root[data-skin=rap] .settings-card:nth-child(2){box-shadow:inset 0 8px 0 var(--sun), 6px 6px 0 var(--shadow-ink)}:root[data-skin=rap] .settings-card:nth-child(3){box-shadow:inset 0 8px 0 var(--sky), 6px 6px 0 var(--shadow-ink)}:root[data-skin=rap] .settings-card:nth-child(4){box-shadow:inset 0 8px 0 var(--bubble), 6px 6px 0 var(--shadow-ink)}:root[data-skin=rap] .theme-selector{background:var(--violet);border-color:var(--violet);border-radius:12px;gap:4px;padding:4px}:root[data-skin=rap] .theme-option{border-radius:8px}:root[data-skin=rap] .theme-option[aria-pressed=true]{color:var(--accent-ink);background:var(--sun);box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--violet) 34%, transparent)}