@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-base:#09090b;--color-bg-sidebar:#0f0f13;--color-bg-surface:#141419;--color-bg-card:#17171d;--color-bg-card-hover:#202029;--color-bg-raised:#1c1c23;--color-bg-hover:#25252e;--color-bg-active:#2e2e39;--color-bg-player:#0c0c10;--color-bg-overlay:#050508b8;--color-bg-glass:#141419c7;--color-border-subtle:#22222b;--color-border:#2f2f3a;--color-border-strong:#454553;--color-text-primary:#f4f4f7;--color-text-secondary:#a7a7b4;--color-text-tertiary:#8b8b99;--color-text-disabled:#4b4b57;--color-primary:#8b6cff;--color-primary-hover:#9d84ff;--color-primary-pressed:#7a58f5;--color-primary-subtle:#8b6cff24;--color-primary-glow:#8b6cff59;--color-on-primary:#0b0816;--color-success:#3dd68c;--color-warning:#f5b544;--color-danger:#ff5d6c;--color-info:#5cc8ff;--color-success-subtle:#3dd68c24;--color-warning-subtle:#f5b54424;--color-danger-subtle:#ff5d6c24;--color-success-text:#a6f0ca;--color-danger-text:#ffb3ba;--color-inverse-success:#149a5a;--color-inverse-danger:#d62839;--color-inverse-accent:var(--color-primary-pressed);--color-inverse-hover:#0000000f;--color-fill-faint:#ffffff08;--color-fill-hover:#ffffff0a;--color-fill-track:#ffffff2e;--color-scrim:#0000008c;--color-scrim-soft:#0006;--color-text-overlay:#ffffffb8;--color-selection:#8b6cff73;--color-scrim-media:#0000009e;--color-on-accent:#fff;--color-on-signal:#0b0816;--color-wave-rest:#ffffff38;--color-wave-hover:#ffffff73;--color-wave-dim:#ffffff1f;--color-bg-main-top:#17151f;--tint-top:100%;--tint-mid:45%;--tint-solid:78%;--tint-ground:#000;--color-bg-control:#1c1c23;--color-bg-control-hover:#25252e;--color-bg-control-raised:#2a2a34;--color-hero-tint:#2a2350;--color-shimmer-media:#ffffff38;--color-signal-from:#7b5cff;--color-signal-to:#3da5f4;--color-signal-mid:#a58bff;--gradient-signal:linear-gradient(135deg, var(--color-signal-from) 0%, var(--color-signal-to) 100%);--color-media-highlight:#fff3;--color-orb-core:#ffffffd9;--gradient-tile-library:radial-gradient(circle at 30% 20%, #ffffff40, transparent 50%), linear-gradient(135deg, #4a2fd6 0%, var(--color-primary) 50%, var(--color-info) 100%);--gradient-tile-playlists:radial-gradient(circle at 30% 20%, #ffffff40, transparent 50%), linear-gradient(135deg, #2f4fd6 0%, #5c8cff 55%, var(--color-info) 100%);--gradient-tile-history:radial-gradient(circle at 30% 20%, #ffffff40, transparent 50%), linear-gradient(135deg, #1d6f7a 0%, #2fb5b0 55%, var(--color-success) 100%);--gradient-cta:linear-gradient(120deg, #5b3fe0 0%, var(--color-primary) 45%, #3aa8e0 100%);--font-sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-display:3rem;--text-hero:clamp(2rem, 1.1rem + 3.4vw, 4.5rem);--text-title:clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);--text-lead:clamp(1rem, .9rem + .4vw, 1.25rem);--text-subhead:clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);--text-section:clamp(1.75rem, 1.2rem + 2vw, 2.75rem);--text-headline:clamp(1.75rem, 1rem + 2.6vw, 3.5rem);--text-headline-lg:clamp(2.25rem, 1.3rem + 3vw, 3.75rem);--text-statement:clamp(1.75rem, 1rem + 2.8vw, 3.5rem);--text-mega:clamp(2.75rem, 1rem + 6vw, 6.5rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-none:1;--leading-hero:1.05;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-hero:-.04em;--tracking-display:-.025em;--tracking-tight:-.01em;--tracking-caps:.08em;--space-0:0;--space-0-5:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-pill:999px;--control-sm:32px;--control-md:40px;--control-lg:48px;--icon-xs:14px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--shadow-popover:0 12px 32px #0000008c, 0 0 0 1px var(--color-border-subtle);--shadow-focus:0 0 0 2px var(--color-bg-base), 0 0 0 4px var(--color-primary);--shadow-float:0 8px 20px #00000073;--shadow-cover:0 16px 48px #00000080;--shadow-card:0 8px 24px #00000080;--shadow-panel:0 20px 60px #00000059, inset 0 1px 0 #ffffff0a;--shadow-raised:inset 0 1px 0 #ffffff0f, 0 4px 12px #0000004d;--shadow-thumb:0 2px 6px #0006;--shadow-hairline:0 1px 0 var(--color-border-subtle);--shadow-focus-field:0 0 0 3px var(--color-primary-subtle);--duration-instant:80ms;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.36s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(0, 0, 0, 1);--ease-exit:cubic-bezier(.3, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--duration-reveal:.9s;--loop-eq:.9s;--loop-pulse:1.2s;--loop-shimmer:1.6s;--loop-breathe:2.4s;--loop-ambient:8s;--layout-sidebar-width:280px;--layout-rail-width:72px;--layout-queue-width:320px;--layout-player-height:88px;--layout-topbar-height:64px;--layout-tabbar-height:56px;--layout-mini-player-height:56px;--layout-content-max:1200px;--layout-gap:var(--space-2);--page-padding:var(--space-8);--touch-target:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--z-behind:-1;--z-raised:1;--z-above:2;--z-sticky:10;--z-popover:45;--z-player:40;--z-overlay:50;--z-sheet:60;--z-toast:70}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-base:#f2f2f6;--color-bg-sidebar:#fff;--color-bg-surface:#fff;--color-bg-card:#f6f6f9;--color-bg-card-hover:#ececf1;--color-bg-raised:#fff;--color-bg-hover:#ededf2;--color-bg-active:#e3e3ea;--color-bg-player:#fff;--color-bg-overlay:#14141e66;--color-bg-glass:#ffffffd1;--color-border-subtle:#ececf1;--color-border:#dedee6;--color-border-strong:#c4c4cf;--color-text-primary:#121218;--color-text-secondary:#56566a;--color-text-tertiary:#6a6a7e;--color-text-disabled:#b4b4c2;--color-primary:#6b4eff;--color-primary-hover:#5d3ff0;--color-primary-pressed:#5031db;--color-primary-subtle:#6b4eff1a;--color-primary-glow:#6b4eff40;--color-on-primary:#fff;--color-success:#0b7a46;--color-warning:#915709;--color-danger:#c42637;--color-info:#0a82c2;--color-success-subtle:#0b7a461f;--color-warning-subtle:#9157091f;--color-danger-subtle:#c426371a;--color-success-text:#0b6b3e;--color-danger-text:#b01f2f;--color-inverse-success:#3dd68c;--color-inverse-danger:#ff7a86;--color-inverse-accent:#b3a1ff;--color-inverse-hover:#ffffff1a;--color-fill-faint:#00000008;--color-fill-hover:#0000000a;--color-fill-track:#0000001f;--color-scrim:#ffffffb8;--color-scrim-soft:#fff9;--color-text-overlay:#121218ad;--color-selection:#6b4eff38;--color-wave-rest:#0000002e;--color-wave-hover:#00000061;--color-wave-dim:#0000001a;--color-bg-main-top:#f1edff;--color-bg-control:#efeff4;--color-bg-control-hover:#e6e6ed;--color-bg-control-raised:#efeff4;--color-hero-tint:#d9d0ff;--tint-top:26%;--tint-mid:10%;--tint-solid:22%;--tint-ground:#fff;--shadow-popover:0 12px 32px #14102824, 0 0 0 1px var(--color-border-subtle);--shadow-float:0 8px 20px #14102824;--shadow-cover:0 16px 40px #1410282e;--shadow-card:0 8px 20px #14102824;--shadow-panel:0 12px 40px #14102814, 0 0 0 1px var(--color-border-subtle);--shadow-raised:0 1px 2px #1410281a, 0 4px 12px #14102814;--shadow-thumb:0 1px 4px #1410283d}@media (width<=767px){:root{--page-padding:var(--space-4);--layout-topbar-height:56px}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-reveal:0s}}@media (pointer:coarse){:root{--control-sm:36px;--control-md:var(--touch-target)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";font-optical-sizing:auto;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,svg{display:block}::selection{background:var(--color-selection);color:var(--color-text-primary)}input::selection{background:var(--color-selection);color:var(--color-text-primary)}textarea::selection{background:var(--color-selection);color:var(--color-text-primary)}:focus-visible{outline:none}:focus-visible:not(input:not([type=range],[type=checkbox],[type=radio]),textarea,select){box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-semibold);transition:transform var(--duration-fast) var(--ease-standard);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.muted{color:var(--color-text-secondary)}.small{font-size:var(--text-sm)}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.link{color:var(--color-text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:3px}@media (hover:hover){.link:hover{text-decoration-color:currentColor}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wordmark{align-items:center;gap:calc(var(--wordmark-size,28px) * .323);display:inline-flex}.wordmark__text{flex-shrink:0;overflow:visible}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-5);border-radius:var(--radius-pill);font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}@media (hover:hover){.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)scale(1.02)}}.btn--primary:active:not(:disabled){background:var(--color-primary-pressed);transform:scale(.98)}.btn--light{background:var(--color-text-primary);color:var(--color-bg-base)}@media (hover:hover){.btn--light:hover:not(:disabled){transform:scale(1.03)}}.btn--secondary{border-color:var(--color-border-strong);background:0 0}@media (hover:hover){.btn--secondary:hover:not(:disabled){border-color:var(--color-text-primary);transform:scale(1.02)}}.btn--ghost{color:var(--color-text-secondary);background:0 0}@media (hover:hover){.btn--ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}}.btn--sm{height:var(--control-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{height:var(--control-lg);padding:0 var(--space-8);font-size:var(--text-lg)}.btn--block{width:100%}.btn--round{width:56px;height:56px;padding:0}.icon-btn{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.icon-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{color:var(--color-text-disabled);cursor:not-allowed}.icon-btn--touch{width:var(--touch-target);height:var(--touch-target)}.round-btn{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--color-scrim);transition:transform var(--duration-fast) var(--ease-standard);color:var(--color-text-primary);cursor:pointer;border:0;place-items:center;padding:0;display:inline-grid}.round-btn:active:not(:disabled){transform:scale(.94)}.round-btn:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.fab{border-radius:var(--radius-pill);background:var(--color-primary);width:48px;height:48px;color:var(--color-on-primary);box-shadow:var(--shadow-float);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), opacity var(--duration-base) var(--ease-standard);border:0;flex-shrink:0;place-items:center;padding:0;display:grid}@media (hover:hover){.fab:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.06)}}.fab:active:not(:disabled){transform:scale(.96)}.fab--lg{width:56px;height:56px}.fab svg{margin-left:1px}.pill{height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-bg-control);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:0;align-items:center;display:inline-flex}@media (hover:hover){.pill:hover{background:var(--color-bg-control-hover)}}.pill:active:not(:disabled){transform:scale(.96)}.pill:disabled{color:var(--color-text-disabled);cursor:not-allowed}.pill--active{background:var(--color-text-primary);color:var(--color-bg-base)}@media (hover:hover){.pill--active:hover{background:var(--color-text-primary);color:var(--color-bg-base)}}.field{gap:var(--space-2);display:grid;position:relative}.field--row{align-items:center;gap:var(--space-4);grid-template-columns:120px 1fr 56px}.field__label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.field__counter{right:var(--space-3);bottom:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute}.field__value{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:right}.input{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);font:inherit;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.input::placeholder{color:var(--color-text-tertiary)}@media (hover:hover){.input:hover{border-color:var(--color-border-strong)}}.input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-field);outline:none}.input[aria-invalid=true]{border-color:var(--color-danger)}.input:disabled{opacity:.5;cursor:not-allowed}select.input{appearance:none;padding-right:var(--space-10);background-image:linear-gradient(45deg, transparent 50%, var(--color-text-secondary) 50%), linear-gradient(135deg, var(--color-text-secondary) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px}.range{--range-pct:0%;appearance:none;border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-primary) var(--range-pct), var(--color-bg-active) var(--range-pct));cursor:pointer;touch-action:pan-y;flex:1;height:4px;margin:0}.range::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-pill);background:var(--color-text-primary);width:16px;height:16px;box-shadow:var(--shadow-thumb);transition:transform var(--duration-fast) var(--ease-standard)}@media (hover:hover){.range:hover::-webkit-slider-thumb{transform:scale(1.15)}}.range::-moz-range-thumb{border-radius:var(--radius-pill);background:var(--color-text-primary);border:0;width:16px;height:16px}.range:disabled{opacity:.4;cursor:default}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-2);min-height:34px;padding:var(--space-1) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;display:inline-flex}@media (hover:hover){.chip:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-text-primary)}}.chip:active:not(:disabled){transform:scale(.97)}.chip:disabled{border-color:var(--color-border-subtle);color:var(--color-text-disabled);cursor:not-allowed}.segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-bg-base);display:flex}.segmented--inline{align-self:start;width:max-content}.segmented__item{text-overflow:ellipsis;min-width:0;min-height:36px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:1;overflow:hidden}@media (hover:hover){.segmented__item:hover:not(:disabled){color:var(--color-text-primary)}}.segmented__item:disabled{color:var(--color-text-disabled);cursor:default}.segmented__item:active:not(:disabled){color:var(--color-text-primary)}.segmented__item--active{background:var(--color-bg-active);color:var(--color-text-primary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0}.alert--danger{background:var(--color-danger-subtle);color:var(--color-danger-text)}.alert--success{background:var(--color-success-subtle);color:var(--color-success-text)}.alert--neutral{background:var(--color-bg-control);color:var(--color-text-secondary)}.tag{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-pill);background:var(--color-bg-active);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;display:inline-flex}.tag--primary{background:var(--color-primary-subtle);color:var(--color-primary-hover)}.status{align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;display:inline-flex}.status:before{content:"";border-radius:var(--radius-pill);background:currentColor;width:6px;height:6px}.status--queued{background:var(--color-bg-active);color:var(--color-text-secondary)}.status--running{background:var(--color-primary-subtle);color:var(--color-primary-hover)}.status--running:before{animation:pulse var(--loop-pulse) var(--ease-standard) infinite}.status--succeeded{background:var(--color-success-subtle);color:var(--color-success)}.status--failed{background:var(--color-danger-subtle);color:var(--color-danger)}.status--canceled{background:var(--color-bg-active);color:var(--color-text-tertiary)}.cover{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--cover-tint,var(--color-bg-raised));flex-shrink:0;display:block;position:relative;overflow:hidden}.cover svg{width:100%;height:100%}.cover--xs{border-radius:var(--radius-xs);width:40px}.cover--sm{border-radius:var(--radius-xs);width:48px}.cover--md{width:64px}.cover--lg{border-radius:var(--radius-md);width:160px}.cover--xl{border-radius:var(--radius-md);width:clamp(176px,22vw,232px);box-shadow:var(--shadow-cover)}.cover--fill{border-radius:var(--radius-md);width:100%}.cover--generating svg{animation:breathe var(--loop-breathe) var(--ease-standard) infinite}.cover--generating:after{content:"";background:linear-gradient(110deg, transparent 30%, var(--color-shimmer-media) 50%, transparent 70%);animation:shimmer var(--loop-shimmer) linear infinite;background-size:250% 100%;position:absolute;inset:0}.eq{align-items:flex-end;gap:var(--space-0-5);width:14px;height:14px;color:var(--color-primary);flex-shrink:0;display:inline-flex}.eq span{border-radius:var(--radius-pill);background:currentColor;flex:1;height:30%}.eq span:nth-child(2){height:70%}.eq span:nth-child(3){height:50%}.eq span:nth-child(4){height:85%}.eq--playing span{animation:eq var(--loop-eq) var(--ease-in-out) infinite alternate}.eq--playing span:nth-child(2){animation-delay:-.3s}.eq--playing span:nth-child(3){animation-delay:-.55s}.eq--playing span:nth-child(4){animation-delay:-.15s}.boot{place-items:center;min-height:100dvh;display:grid}.boot__mark{animation:breathe var(--loop-breathe) var(--ease-standard) infinite}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-bg-control) 0%, var(--color-bg-control-hover) 50%, var(--color-bg-control) 100%);animation:shimmer var(--loop-shimmer) linear infinite;background-size:200% 100%;display:block}.skeleton--hero{height:232px}.skeleton--cover{border-radius:var(--radius-xs);flex-shrink:0;width:48px;height:48px}.skeleton--line{border-radius:var(--radius-pill);height:12px}.skeleton--line-sm{height:10px}.skeleton-rows{gap:var(--space-2);display:grid}.skeleton-row{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.skeleton-row__text{gap:var(--space-2);flex:1;display:grid}.empty{justify-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(ellipse at top, var(--color-primary-subtle), transparent 70%), var(--color-bg-card);text-align:center;display:grid}.empty__art{width:96px;margin-bottom:var(--space-2);place-items:center;display:grid}.empty__art:empty,.empty__art--icon{border-radius:var(--radius-lg);background:var(--gradient-signal);height:96px;color:var(--color-on-accent)}.empty__title{font-size:var(--text-2xl);letter-spacing:var(--tracking-display);margin:0}.empty__body{max-width:420px;margin:0 0 var(--space-2);color:var(--color-text-secondary)}.error-state{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--color-danger-subtle);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-danger);flex-wrap:wrap;display:flex}.error-state>div{flex:1;min-width:200px}.error-state__title{color:var(--color-text-primary);font-size:var(--text-lg);margin:0}.error-state__body{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.popover{z-index:var(--z-popover);width:300px;max-width:calc(100vw - var(--space-4));max-height:min(560px, calc(100dvh - var(--space-16)));overscroll-behavior:contain;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-raised);box-shadow:var(--shadow-popover);transform-origin:100% 0;animation:pop-in var(--duration-base) var(--ease-enter);outline:none;position:fixed;overflow-y:auto}.popover--up{transform-origin:100% 100%}.popover[data-state=closed]{pointer-events:none;animation:pop-out var(--duration-fast) var(--ease-exit) forwards}.popover-scrim{display:none}.menu{width:260px;padding:var(--space-1)}.menu__head{gap:var(--space-0-5);padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-1);display:grid}.menu__name{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu__meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.menu__group{gap:var(--space-0-5);margin:var(--space-1) 0;padding:var(--space-1) 0;border-block:1px solid var(--color-border-subtle);display:grid}.menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-md);text-align:left;cursor:pointer;transition:background var(--duration-instant) var(--ease-standard), color var(--duration-instant) var(--ease-standard);background:0 0;border:0;display:flex}@media (hover:hover){.menu__item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}}.menu__item:focus-visible{background:var(--color-bg-hover);color:var(--color-text-primary)}.menu__item:active:not(:disabled){background:var(--color-bg-active)}.menu__item:disabled{color:var(--color-text-disabled);cursor:not-allowed}html.scroll-locked,html.scroll-locked body{overflow:hidden}.overlay{z-index:var(--z-overlay);padding:var(--space-6);background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--duration-base) var(--ease-enter);place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(720px,100%);max-height:calc(100dvh - var(--space-12));padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-bg-raised);box-shadow:var(--shadow-popover);animation:pop-in var(--duration-base) var(--ease-enter);outline:none;position:relative;overflow-y:auto}.overlay[data-state=closed]{pointer-events:none;animation:fade-out var(--duration-fast) var(--ease-exit) forwards}.modal[data-state=closed]{animation:pop-out var(--duration-fast) var(--ease-exit) forwards}.modal__close{top:var(--space-4);right:var(--space-4);position:absolute}.modal__title{margin:0 0 var(--space-2);font-size:var(--text-2xl);letter-spacing:var(--tracking-display)}.modal__footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.toasts{bottom:calc(var(--layout-player-height) + var(--space-6));z-index:var(--z-toast);gap:var(--space-2);width:min(440px, calc(100vw - var(--space-8)));pointer-events:none;display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-text-primary);color:var(--color-bg-base);box-shadow:var(--shadow-float);font-weight:var(--weight-medium);pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-enter);display:flex}.toast[data-state=closed]{animation:toast-out var(--duration-base) var(--ease-exit) forwards}.toast--success .toast__icon{color:var(--color-inverse-success)}.toast--danger .toast__icon{color:var(--color-inverse-danger)}.toast__msg{flex:1;min-width:0}.toast__action{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-inverse-accent);font-weight:var(--weight-bold);cursor:pointer;background:0 0;border:0}@media (hover:hover){.toast__action:hover{background:var(--color-inverse-hover)}}.toast__close{border-radius:var(--radius-pill);width:32px;height:32px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.97)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes fade-out{to{opacity:0}}@keyframes pop-out{to{opacity:0;transform:translateY(4px)scale(.97)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes pulse{50%{opacity:.3}}@keyframes breathe{50%{transform:scale(.97)}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes eq{0%{height:20%}to{height:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (width<=767px){.btn{height:var(--touch-target)}.btn--sm{height:36px}.field--row{gap:var(--space-2) var(--space-4);grid-template-columns:1fr auto}.field--row>.range,.field--row>.segmented,.field--row>select{grid-area:2/1/auto/-1}.field--row>span:empty{display:none}.range{height:6px}.range::-webkit-slider-thumb{width:24px;height:24px}.range::-moz-range-thumb{width:24px;height:24px}.toasts{bottom:calc(var(--layout-tabbar-height) + var(--layout-mini-player-height) + var(--safe-bottom) + var(--space-4))}.overlay{align-items:end;padding:0}.modal{width:100%;max-height:92dvh;padding:var(--space-6) var(--space-5) calc(var(--space-6) + var(--safe-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheet-up var(--duration-slow) var(--ease-enter)}.modal[data-state=closed]{animation:sheet-down var(--duration-base) var(--ease-exit) forwards}.popover-scrim{z-index:var(--z-overlay);background:var(--color-bg-overlay);animation:fade-in var(--duration-base) var(--ease-enter);display:block;position:fixed;inset:0}.popover-scrim[data-state=closed]{animation:fade-out var(--duration-fast) var(--ease-exit) forwards}.popover,.popover--up{z-index:var(--z-sheet);width:auto;max-width:none;max-height:85dvh;padding:var(--space-3) var(--space-4) calc(var(--space-4) + var(--safe-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheet-up var(--duration-slow) var(--ease-enter);position:fixed;inset:auto 0 0}.popover:before{content:"";width:36px;height:4px;margin:0 auto var(--space-3);border-radius:var(--radius-pill);background:var(--color-border-strong);display:block}.popover[data-state=closed]{animation:sheet-down var(--duration-base) var(--ease-exit) forwards}.menu{padding-inline:var(--space-2)}}.lang-switch{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:inline-flex;position:relative}.lang-switch__select{appearance:none;min-height:32px;padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:inherit;font:inherit;font-size:var(--text-sm);cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 15px) 55%,calc(100% - 11px) 55%;background-repeat:no-repeat;background-size:4px 4px}@media (hover:hover){.lang-switch__select:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}}.lang-switch__select:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-focus-field);outline:none}.lang-switch__select option{background:var(--color-bg-raised);color:var(--color-text-primary)}@media (pointer:coarse){:where(.icon-btn,.round-btn,.ctrl,.pill,.chip,.segmented__item,.btn--sm,.credits-badge,.toast__close,.toast__action,.prompt-chip,.idea-chip,.send-btn,.play-btn,.link-btn,.reaction,.lib-item__play,.view-toggle button,.search__clear){position:relative}:where(.icon-btn,.round-btn,.ctrl,.pill,.chip,.segmented__item,.btn--sm,.credits-badge,.toast__close,.toast__action,.prompt-chip,.idea-chip,.send-btn,.play-btn,.link-btn,.reaction,.lib-item__play,.view-toggle button,.search__clear):before{content:"";width:max(100%, var(--touch-target));height:max(100%, var(--touch-target));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu__item{min-height:var(--touch-target)}.lang-switch__select{min-height:36px}}.lang-switch--row{gap:var(--space-3);min-height:40px;padding:0 var(--space-2) 0 var(--space-3);display:flex}.lang-switch--row .lang-switch__label{color:var(--color-text-secondary);font-size:var(--text-md);flex:1}.lang-switch--row .lang-switch__select{background-color:var(--color-bg-control-raised);color:var(--color-text-primary);border-color:#0000}@media (pointer:coarse){.lang-switch--row{min-height:var(--touch-target)}}.shell{grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--layout-player-height);gap:var(--layout-gap);height:100dvh;padding:var(--layout-gap) var(--layout-gap) 0;grid-template-areas:"side main""player player";display:grid}.shell--queue{grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr) var(--layout-queue-width);grid-template-areas:"side main queue""player player player"}.sidebar{gap:var(--layout-gap);flex-direction:column;grid-area:side;min-height:0;display:flex}.sidebar__panel{border-radius:var(--radius-lg);background:var(--color-bg-sidebar)}.sidebar__top{padding:var(--space-5) var(--space-3) var(--space-3)}.sidebar__brand{align-items:center;gap:var(--space-3);width:max-content;padding:0 var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex}.sidebar__nav{gap:var(--space-0-5);display:grid}.nav-item{align-items:center;gap:var(--space-4);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--weight-semibold);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);display:flex}.nav-item svg{transition:transform var(--duration-fast) var(--ease-standard);flex-shrink:0}@media (hover:hover){.nav-item:hover{color:var(--color-text-primary)}}.nav-item:active svg{transform:scale(.92)}.nav-item--active{color:var(--color-text-primary)}.nav-item--active svg{color:var(--color-primary)}.sidebar__library{min-height:0;padding:var(--space-2);flex-direction:column;flex:1;display:flex}.library-head{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) 0;display:flex}.library-head__link{flex:1}.library-filters{gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);scrollbar-width:none;display:flex;overflow-x:auto}.library-scroll{min-height:0;margin:0 calc(var(--space-1) * -1);padding:0 var(--space-1) var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-bg-active) transparent;flex:1;overflow-y:auto}.lib-list{margin:0;padding:0;list-style:none;display:grid}.lib-item{border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard);position:relative}@media (hover:hover){.lib-item:hover{background:var(--color-bg-hover)}}.lib-item--current .lib-item__title{color:var(--color-primary-hover)}.lib-item__link{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2);border-radius:var(--radius-md);display:flex}.lib-item__text{flex:1;min-width:0;display:grid}.lib-item__title{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lib-item__meta{color:var(--color-text-tertiary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lib-item__meta--running,.lib-item__meta--queued{color:var(--color-primary-hover)}.lib-item__meta--failed{color:var(--color-danger)}.lib-item__eq{margin-right:var(--space-2)}.lib-item__play{top:50%;left:calc(var(--space-2) + 8px);border-radius:var(--radius-pill);background:var(--color-scrim-media);width:32px;height:32px;color:var(--color-on-accent);opacity:0;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translateY(-50%)scale(.9)}.lib-item__play:focus-visible{opacity:1;transform:translateY(-50%)scale(1)}@media (hover:hover){.lib-item:hover .lib-item__play{opacity:1;transform:translateY(-50%)scale(1)}}.library-note{padding:var(--space-3) var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.library-note p{margin:0 0 var(--space-2)}.library-note--card{justify-items:start;gap:var(--space-2);margin:var(--space-2) var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-control);display:grid}.library-note--card p{margin:0}.library-note__title{color:var(--color-text-primary);font-size:var(--text-md);font-weight:var(--weight-bold)}.plan-chip{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard);display:flex}@media (hover:hover){.plan-chip:hover{background:var(--color-bg-hover)}}.plan-chip__dot{border-radius:var(--radius-pill);background:var(--gradient-signal);flex-shrink:0;width:10px;height:10px}.plan-chip__text{display:grid}.plan-chip__value{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.plan-chip__rights{color:var(--color-text-tertiary);font-size:var(--text-xs)}.main{background:linear-gradient(180deg, var(--color-bg-main-top) 0%, var(--color-bg-surface) 320px);border-radius:var(--radius-lg);outline:none;grid-area:main;min-height:0;position:relative;overflow:hidden}.content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-bg-active) transparent;height:100%;overflow-y:auto}.content__inner{padding:var(--space-2) var(--page-padding) var(--space-16);animation:fade-up var(--duration-slow) var(--ease-enter)}.topbar{z-index:var(--z-sticky);align-items:center;gap:var(--space-3);height:var(--layout-topbar-height);padding:0 var(--page-padding);transition:background var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);display:flex;position:sticky;top:0}.topbar--solid{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);box-shadow:var(--shadow-hairline)}.topbar__history{gap:var(--space-2);display:flex}.topbar__brand,.topbar__back{display:none}.topbar__spacer{flex:1}.account{position:relative}.avatar-btn{padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-scrim);cursor:pointer;border:0;place-items:center;display:grid}.avatar{border-radius:var(--radius-pill);background:var(--gradient-signal);width:32px;height:32px;color:var(--color-on-signal);font-size:var(--text-sm);font-weight:var(--weight-bold);transition:transform var(--duration-fast) var(--ease-standard);place-items:center;display:grid}@media (hover:hover){.avatar-btn:hover .avatar{transform:scale(1.06)}}.credits{align-items:center;gap:var(--space-3);display:flex;position:relative}.credits__hint{color:var(--color-text-secondary);font-size:var(--text-xs)}.credits-badge{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-scrim-soft);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);display:inline-flex}.credits-badge svg{color:var(--color-primary)}@media (hover:hover){.credits-badge:hover{border-color:var(--color-border-strong)}}.credits-badge:active{transform:scale(.97)}.credits-badge--empty svg{color:var(--color-warning)}.credits-badge--loading{cursor:default;width:110px}.credits-badge__count{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.credits-badge__label{color:var(--color-text-secondary);font-size:var(--text-sm)}.bucket-list{gap:var(--space-3);margin:0 0 var(--space-4);display:grid}.bucket{row-gap:var(--space-0-5);grid-template-columns:1fr auto;display:grid}.bucket dt{font-weight:var(--weight-medium)}.bucket dd{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;margin:0}.bucket__meta{color:var(--color-text-tertiary);font-size:var(--text-xs);grid-column:1/-1}.mobile-dock{display:none}@media (width>=768px) and (width<=1099px){.shell,.shell--queue{grid-template-columns:var(--layout-rail-width) minmax(0, 1fr);grid-template-areas:"side main""player player"}.sidebar__top{padding:var(--space-4) var(--space-2) var(--space-2)}.sidebar__brand{padding:0 0 var(--space-3);margin:0 auto}.sidebar .wordmark__text,.nav-item__label,.library-filters,.lib-item__text,.lib-item__eq,.library-head__add,.library-note,.plan-chip,.credits__hint{display:none}.nav-item{justify-content:center;padding:0}.library-head{padding:var(--space-1) 0}.lib-item__link{padding:var(--space-2);justify-content:center}.lib-item__play{left:50%;transform:translate(-50%,-50%)scale(.9)}.lib-item__play:focus-visible{transform:translate(-50%,-50%)scale(1)}@media (hover:hover){.lib-item:hover .lib-item__play{transform:translate(-50%,-50%)scale(1)}}}@media (width<=767px){.shell,.shell--queue{--dock-h:calc(var(--layout-tabbar-height) + var(--safe-bottom));height:100dvh;padding:0;display:block;position:relative}.sidebar,.player,.queue-panel{display:none}.main{background:linear-gradient(180deg, var(--color-bg-main-top) 0%, var(--color-bg-base) 360px);border-radius:0;height:100%}.topbar{gap:var(--space-2);height:calc(var(--layout-topbar-height) + var(--safe-top));padding-top:var(--safe-top)}.topbar__history,.topbar__upgrade,.credits__hint,.credits-badge__label{display:none}.topbar__brand,.topbar__back{min-height:var(--touch-target);align-items:center;display:inline-flex}.topbar__back{margin-left:calc(var(--space-2) * -1);width:var(--touch-target);height:var(--touch-target)}.credits-badge{height:36px}.avatar-btn{padding:var(--space-1);min-width:var(--touch-target);min-height:var(--touch-target);background:0 0}.content__inner{padding-bottom:calc(var(--layout-tabbar-height) + var(--safe-bottom) + var(--space-10))}.shell--has-track{--dock-h:calc(var(--layout-tabbar-height) + var(--layout-mini-player-height) + var(--space-1) + var(--safe-bottom))}.shell--has-track .content__inner{padding-bottom:calc(var(--layout-tabbar-height) + var(--layout-mini-player-height) + var(--safe-bottom) + var(--space-12))}.mobile-dock{z-index:var(--z-player);padding-top:var(--space-8);background:linear-gradient(to top, var(--color-bg-base) 0, color-mix(in srgb, var(--color-bg-base) 94%, transparent) calc(var(--layout-tabbar-height) + var(--safe-bottom)), transparent 100%);pointer-events:none;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-dock>*{pointer-events:auto}.tabbar{height:calc(var(--layout-tabbar-height) + var(--safe-bottom));padding:0 var(--space-2) var(--safe-bottom);grid-template-columns:repeat(4,1fr);display:grid}.tab{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--touch-target);color:var(--color-text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:.01em;transition:color var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex}.tab svg{transition:transform var(--duration-fast) var(--ease-standard)}.tab:active svg{transform:scale(.88)}.tab--active{color:var(--color-text-primary)}.tab--active svg{color:var(--color-primary)}}.menu__lang{justify-items:start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:var(--space-1) 0;display:grid}.offline-banner{align-items:center;gap:var(--space-2);margin:0 var(--page-padding) var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-subtle);color:var(--color-text-primary);font-size:var(--text-sm);animation:fade-in var(--duration-base) var(--ease-enter);display:flex}.offline-banner svg{color:var(--color-warning);flex-shrink:0}.player{align-items:center;gap:var(--space-4);padding:0 var(--space-3);background:var(--color-bg-base);grid-area:player;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);display:grid}.player__track{align-items:center;gap:var(--space-3);min-width:0;display:flex}.player__cover{border-radius:var(--radius-xs);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:0}@media (hover:hover){.player__cover:hover{transform:scale(1.04)}}.player__cover .cover--sm{width:56px}.player__meta{min-width:0;display:grid}.player__title{font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (hover:hover){.player__title:hover{text-decoration:underline}}.player__subtitle{color:var(--color-text-tertiary);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.player__subtitle--error{color:var(--color-danger)}.player__idle{align-items:center;gap:var(--space-3);min-width:0;display:flex}.player__idle>span:last-child{min-width:0;display:grid}.player__idle-art{border-radius:var(--radius-xs);background:var(--color-bg-control);flex-shrink:0;width:56px;height:56px}.player__idle-title{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.player__center{justify-items:center;gap:var(--space-1);min-width:0;display:grid}.player__timeline{align-items:center;gap:var(--space-2);width:100%;max-width:640px;display:flex}.player__time{min-width:40px;color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}.player__extra{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.transport{align-items:center;gap:var(--space-3);display:flex}.ctrl{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.ctrl:hover:not(:disabled){color:var(--color-text-primary);transform:scale(1.06)}}.ctrl:active:not(:disabled){transform:scale(.92)}.ctrl:disabled{opacity:.35;cursor:default}.ctrl--on{color:var(--color-primary)}@media (hover:hover){.ctrl--on:hover:not(:disabled){color:var(--color-primary)}}.ctrl--on:after{content:"";border-radius:var(--radius-pill);background:currentColor;width:4px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.play-btn{border-radius:var(--radius-pill);background:var(--color-text-primary);width:36px;height:36px;color:var(--color-bg-base);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard);border:0;place-items:center;padding:0;display:grid}@media (hover:hover){.play-btn:hover:not(:disabled){transform:scale(1.07)}}.play-btn:active:not(:disabled){transform:scale(.94)}.play-btn:disabled{opacity:.35;cursor:default}.play-btn--busy{animation:pulse var(--loop-pulse) var(--ease-standard) infinite}.play-btn--lg{width:64px;height:64px}.volume{align-items:center;gap:var(--space-1);display:flex}.volume__slider{flex:none;width:96px}.slider{cursor:pointer;touch-action:none;flex:1;align-items:center;height:16px;display:flex;position:relative}.slider:focus-visible{box-shadow:none}.slider__track{border-radius:var(--radius-pill);background:var(--color-fill-track);width:100%;height:4px;position:relative;overflow:hidden}.slider:focus-visible .slider__track{box-shadow:var(--shadow-focus)}.slider__fill{width:var(--slider-pct);border-radius:inherit;background:var(--color-text-primary);position:absolute;inset:0 auto 0 0}.slider--dragging .slider__fill,.slider:focus-visible .slider__fill{background:var(--color-primary)}@media (hover:hover){.slider:hover .slider__fill{background:var(--color-primary)}}.slider__thumb{left:var(--slider-pct);width:12px;height:12px;margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-pill);background:var(--color-text-primary);box-shadow:var(--shadow-thumb);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);pointer-events:none;position:absolute;transform:scale(.5)}.slider--dragging .slider__thumb,.slider:focus-visible .slider__thumb{opacity:1;transform:none}@media (hover:hover){.slider:hover .slider__thumb{opacity:1;transform:none}}.slider--disabled{cursor:default;opacity:.5}.slider--disabled .slider__thumb{display:none}.slider__tip{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-xs);background:var(--color-bg-active);color:var(--color-text-primary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%)}.waveform{--wave-played:var(--color-primary);--wave-rest:var(--color-wave-rest);--wave-hover:var(--color-wave-hover);cursor:pointer;touch-action:none;width:100%;position:relative}.waveform canvas{display:block}.waveform__placeholder{background:repeating-linear-gradient(90deg, var(--color-wave-dim) 0 3px, transparent 3px 5px);height:100%;animation:pulse var(--loop-pulse) var(--ease-standard) infinite;-webkit-mask-image:linear-gradient(#0000 42%,#000 42% 58%,#0000 58%);mask-image:linear-gradient(#0000 42%,#000 42% 58%,#0000 58%)}.waveform-fallback{height:24px}.mini{--mini-tint:var(--color-bg-raised);align-items:center;gap:var(--space-3);height:var(--layout-mini-player-height);margin:0 var(--space-2) var(--space-1);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb, var(--mini-tint) var(--tint-solid), var(--tint-ground));box-shadow:var(--shadow-float);animation:pop-in var(--duration-base) var(--ease-enter);display:flex;position:relative;overflow:hidden}.mini__open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-content:center;min-width:0;height:100%;padding:0;display:grid}.mini__title,.mini__sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini__title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.mini__sub{color:var(--color-text-overlay);font-size:var(--text-xs)}.mini__toggle{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-pill);color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.mini__toggle:active{transform:scale(.9)}.mini__progress{background:var(--color-text-primary);height:2px;transition:width var(--duration-base) linear;position:absolute;bottom:0;left:0}.now-playing{--np-tint:var(--color-bg-raised);z-index:var(--z-sheet);padding:calc(var(--safe-top) + var(--space-2)) var(--space-4) calc(var(--safe-bottom) + var(--space-6));overscroll-behavior:contain;background:linear-gradient(180deg, color-mix(in srgb, var(--np-tint) var(--tint-top), var(--color-bg-base)) 0%, color-mix(in srgb, var(--np-tint) var(--tint-mid), var(--color-bg-base)) 48%, var(--color-bg-base) 100%);animation:sheet-up var(--duration-slow) var(--ease-enter);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.now-playing[data-state=closed]{pointer-events:none;animation:sheet-down var(--duration-base) var(--ease-exit) forwards}.now-playing:focus-visible{box-shadow:none}.now-playing__head{align-items:center;gap:var(--space-2);min-height:var(--touch-target);display:flex}.now-playing__head .icon-btn{color:var(--color-text-primary)}.now-playing__context{text-align:center;flex:1;justify-items:center;display:grid}.now-playing__eyebrow{color:var(--color-text-overlay);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.now-playing__source{font-size:var(--text-sm);font-weight:var(--weight-bold)}.now-playing__spacer{width:var(--touch-target)}.now-playing__body{gap:var(--space-6);width:100%;max-width:480px;padding-top:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.now-playing__cover{box-shadow:var(--shadow-cover)}.now-playing__info{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.now-playing__titles{min-width:0;display:grid}.now-playing__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing__sub{color:var(--color-text-overlay)}.now-playing__times{margin-top:var(--space-1);color:var(--color-text-overlay);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.transport--lg{justify-content:space-between;width:100%}.transport--lg .ctrl{width:48px;height:48px;color:var(--color-text-primary)}.transport--lg .ctrl--on{color:var(--color-primary)}.queue__heading{margin:0 0 var(--space-2);font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.queue__list{gap:var(--space-0-5);margin:0;padding:0;list-style:none;display:grid}.queue__item{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:0;display:flex}@media (hover:hover){.queue__item:hover{background:var(--color-bg-hover)}}.queue__text{min-width:0;display:grid}.queue__title{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue__sub{color:var(--color-text-tertiary);font-size:var(--text-xs)}.queue__empty{color:var(--color-text-tertiary);font-size:var(--text-sm);margin:0}.queue-panel{border-radius:var(--radius-lg);background:var(--color-bg-sidebar);min-height:0;animation:fade-in var(--duration-base) var(--ease-enter);flex-direction:column;grid-area:queue;display:flex;overflow:hidden}.queue-panel__head{padding:var(--space-4) var(--space-3) var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.queue-panel__title{font-size:var(--text-lg);margin:0}.queue-panel__scroll{gap:var(--space-4);padding:0 var(--space-4) var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.queue-panel__meta{gap:var(--space-0-5);display:grid}.queue-panel__song{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}@media (hover:hover){.queue-panel__song:hover{text-decoration:underline}}@media (width<=1099px){.volume__slider{display:none}}@media (width<=767px){.player,.queue-panel{display:none}}.page{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.page--pad-top{padding-top:var(--space-6)}.page__header{padding-top:var(--space-6)}.page__title{font-size:var(--text-title);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);margin:0}.page__lede{max-width:640px;margin:var(--space-3) 0 0}.section-title{margin:var(--space-6) 0 0;font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display)}.section-title--flush{margin:0 0 var(--space-3)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.section-head__link{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;display:inline-flex}@media (hover:hover){.section-head__link:hover{color:var(--color-text-primary);text-decoration:underline}}.text-signal{background:var(--gradient-signal);color:#0000;-webkit-background-clip:text;background-clip:text}.page-hero{--hero-tint:var(--color-hero-tint);align-items:flex-end;gap:var(--space-6);margin:calc(-1 * (var(--layout-topbar-height) + var(--safe-top) + var(--space-2))) calc(-1 * var(--page-padding)) 0;padding:calc(var(--layout-topbar-height) + var(--safe-top) + var(--space-10)) var(--page-padding) var(--space-6);background:linear-gradient(180deg, color-mix(in srgb, var(--hero-tint) var(--tint-top), transparent) 0%, color-mix(in srgb, var(--hero-tint) var(--tint-mid), transparent) 65%, transparent 100%);display:flex;position:relative}.page-hero__art{flex-shrink:0}.page-hero__body{gap:var(--space-2);min-width:0;display:grid}.page-hero__eyebrow{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.page-hero__title{font-size:var(--text-hero);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);overflow-wrap:anywhere;margin:0}.page-hero__meta{align-items:center;gap:var(--space-1) var(--space-2);color:var(--color-text-overlay);font-size:var(--text-sm);flex-wrap:wrap;margin:0;display:flex}.page-hero__owner{color:var(--color-text-primary);font-weight:var(--weight-bold)}.library-tile{aspect-ratio:1;border-radius:var(--radius-md);background:var(--gradient-tile-library);width:clamp(176px,22vw,232px);color:var(--color-on-accent);box-shadow:var(--shadow-cover);place-items:center;display:grid}.action-bar{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.action-bar__shuffle.is-on{color:var(--color-primary)}.action-bar__spacer{flex:1}.action-bar__note{flex-basis:100%}.action-bar__group{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.search{align-items:center;gap:var(--space-2);width:240px;height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-control);color:var(--color-text-tertiary);transition:box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);display:flex}.search:focus-within{color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-primary), var(--shadow-focus-field)}@media (hover:hover){.search:hover:not(:focus-within){background:var(--color-bg-control-hover)}}.search input{min-width:0;color:var(--color-text-primary);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.search input::placeholder{color:var(--color-text-tertiary)}.search input::-webkit-search-cancel-button{display:none}.search__clear{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.view-toggle{gap:var(--space-0-5);display:flex}.view-toggle .is-on{background:var(--color-bg-hover);color:var(--color-text-primary)}.filter-row{gap:var(--space-2);margin-top:calc(var(--space-2) * -1);scrollbar-width:none;display:flex;overflow-x:auto}.no-results{justify-items:start;gap:var(--space-3);padding:var(--space-8) 0;display:grid}.no-results__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.load-more{align-self:center}.empty-covers{width:132px;height:96px;position:relative}.empty-covers .cover{width:80px;box-shadow:var(--shadow-float);position:absolute;top:8px}.empty-covers .cover:first-child{left:0;transform:rotate(-10deg)}.empty-covers .cover:nth-child(2){z-index:var(--z-raised);top:0;left:26px}.empty-covers .cover:nth-child(3){left:52px;transform:rotate(10deg)}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.card-row{gap:var(--space-3);margin:0 calc(var(--space-3) * -1);padding:0 var(--space-3) var(--space-2);scroll-snap-type:x mandatory;scroll-padding:0 var(--space-3);scrollbar-width:none;grid-auto-columns:minmax(160px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.card-row>*{scroll-snap-align:start}.song-card{align-content:start;gap:var(--space-2);min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-card);transition:background var(--duration-base) var(--ease-standard);display:grid;position:relative}.song-card:focus-within{background:var(--color-bg-card-hover)}@media (hover:hover){.song-card:hover{background:var(--color-bg-card-hover)}}.song-card__art{margin-bottom:var(--space-1);position:relative}.song-card__art .cover{box-shadow:var(--shadow-card)}.song-card__play{right:var(--space-2);bottom:var(--space-2);opacity:0;position:absolute;transform:translateY(8px)}.song-card__play:focus-visible,.song-card__play--on{opacity:1;transform:none}@media (hover:hover){.song-card:hover .song-card__play{opacity:1;transform:none}.song-card:hover .song-card__play:hover{transform:scale(1.06)}}.song-card__title{align-items:center;gap:var(--space-2);min-width:0;font-weight:var(--weight-semibold);display:flex}.song-card__title span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-card__title:after{content:"";border-radius:inherit;position:absolute;inset:0}.song-card__play{z-index:var(--z-raised)}@media (hover:hover){.song-card__title:hover span:last-child{text-decoration:underline}}.song-card--current .song-card__title{color:var(--color-primary-hover)}.song-card__meta{min-height:20px;color:var(--color-text-tertiary);font-size:var(--text-sm)}@media (hover:none){.song-card__play{opacity:1;width:40px;height:40px;transform:none}}.tracklist{margin:0;padding:0;list-style:none;display:grid}.tracklist__head,.track{align-items:center;gap:var(--space-4);padding:0 var(--space-4);grid-template-columns:40px minmax(0,1fr) 140px 64px;display:grid}.tracklist__head{height:36px;margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase}.tracklist__right{text-align:right}.track{border-radius:var(--radius-md);min-height:60px;transition:background var(--duration-fast) var(--ease-standard)}.track:focus-within{background:var(--color-bg-hover)}@media (hover:hover){.track:hover{background:var(--color-bg-hover)}}.track--current .track__title{color:var(--color-primary-hover)}.track--muted .track__title{color:var(--color-text-secondary)}.track__index{height:32px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative}.track__play{border-radius:var(--radius-sm);color:var(--color-text-primary);opacity:0;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.track__play:focus-visible{opacity:1}@media (hover:hover){.track:hover .track__play{opacity:1}}.track:focus-within .track__num{opacity:0}@media (hover:hover){.track:hover .track__num,.track:hover .track__eq{opacity:0}}.track__title-cell{align-items:center;gap:var(--space-3);min-width:0;display:flex}.track__text{justify-items:start;gap:var(--space-0-5);min-width:0;display:grid}.track__title{max-width:100%;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.track__title:hover{text-decoration:underline}}.track__sub{color:var(--color-text-tertiary);font-size:var(--text-sm)}.track__created,.track__length{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.track__mobile-play{display:none}.song-hero .page-hero__title{font-size:var(--text-headline);line-height:var(--leading-hero)}.song-hero__prompt{max-width:640px;margin:0 0 var(--space-1);color:var(--color-text-overlay)}.rights{color:var(--color-text-primary)}.song-wave{padding:var(--space-4) var(--space-5) var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-card)}.song-wave__times{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.song-body{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;display:grid}.song-lyrics{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-lg);line-height:var(--leading-relaxed);white-space:pre-wrap;margin:0}.synced-lyrics{max-height:min(60vh,520px);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-card);scrollbar-width:thin;flex-direction:column;align-items:flex-start;display:flex;overflow-y:auto}.synced-lyrics--compact{max-height:260px;padding:var(--space-3) var(--space-4)}.synced-lyrics__line{padding:var(--space-0-5) 0;color:var(--color-text-secondary);font:inherit;font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-relaxed);text-align:start;cursor:pointer;transition:color var(--duration-base) var(--ease-standard), opacity var(--duration-base) var(--ease-standard);background:0 0;border:0;margin:0;display:block}.synced-lyrics--compact .synced-lyrics__line{font-size:var(--text-lg)}.synced-lyrics__line:disabled,.synced-lyrics__line--untimed{cursor:default}.synced-lyrics__line:not(:disabled):hover{color:var(--color-text-primary)}.synced-lyrics--live .synced-lyrics__line{opacity:.55}.synced-lyrics--live .synced-lyrics__line--past{opacity:.8}.synced-lyrics__line--active{color:#0000;background:linear-gradient(90deg, var(--color-text-primary) calc(var(--line-progress,0) * 100%), var(--color-text-tertiary) calc(var(--line-progress,0) * 100%));-webkit-background-clip:text;background-clip:text;opacity:1!important}.synced-lyrics__line--active:hover{color:#0000}.synced-lyrics__tag{margin-top:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.synced-lyrics__tag:first-child{margin-top:0}.synced-lyrics__gap{height:var(--space-2)}.player-lyrics{margin-top:var(--space-4)}.editor-section-note{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.editor-section-note:empty{display:none}.alert--row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.progress-card{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-card);display:grid}.progress-card__row{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.progress-bar{border-radius:var(--radius-pill);background:var(--color-bg-active);height:4px;position:relative;overflow:hidden}.progress-bar--indeterminate:after{content:"";border-radius:inherit;background:var(--gradient-signal);width:40%;animation:slide var(--loop-shimmer) var(--ease-standard) infinite;position:absolute;inset:0}.details{gap:var(--space-5) var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-card);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.details dt{color:var(--color-text-tertiary);font-size:var(--text-xs)}.details dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-weight:var(--weight-medium)}.skeleton--cover-xl{aspect-ratio:1;flex-shrink:0;width:clamp(176px,22vw,232px)}.skeleton--title{width:min(480px,70%);height:48px}.skeleton-stack{gap:var(--space-3);flex:1}.skeleton--plan{border-radius:var(--radius-xl);height:420px}.page--create{width:100%;max-width:780px;margin:0 auto}.create-hero{align-items:center;gap:var(--space-4);min-height:min(68vh,640px);padding-top:var(--space-10);text-align:center;isolation:isolate;flex-direction:column;justify-content:center;display:flex;position:relative}.create-hero>.eyebrow{margin:0}.create-hero__glow{z-index:var(--z-behind);aspect-ratio:2;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent), radial-gradient(closest-side at 70% 60%, color-mix(in srgb, var(--color-info) 12%, transparent), transparent);filter:blur(24px);width:min(640px,90vw);animation:glow-drift 12s var(--ease-standard) infinite alternate;pointer-events:none;border-radius:50%;position:absolute;top:8%;left:50%;transform:translate(-50%)}.create-hero__title{font-size:var(--text-headline-lg);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);margin:0}.create-hero__lede{max-width:520px;margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-lg)}.create-hero__foot{justify-items:center;gap:var(--space-2);margin-top:var(--space-2);display:grid}.prompt-box{width:100%;padding:var(--space-4) var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-3xl);background:var(--color-bg-raised);box-shadow:var(--shadow-panel);text-align:start;view-transition-name:composer;transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);position:relative}.prompt-box:focus-within{box-shadow:var(--shadow-panel), 0 0 48px color-mix(in srgb, var(--color-primary) 18%, transparent)}.prompt-box__input{width:100%;min-height:56px;max-height:40vh;padding:var(--space-1) var(--space-2);color:var(--color-text-primary);font:inherit;font-size:var(--text-lg);line-height:var(--leading-normal);resize:none;field-sizing:content;background:0 0;border:0;display:block}.prompt-box__input::placeholder{color:var(--color-text-tertiary)}.prompt-box__input:focus,.prompt-box__input:focus-visible{box-shadow:none;outline:none}.prompt-box__bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.prompt-box__tools,.prompt-box__send{align-items:center;gap:var(--space-2);min-width:0;display:flex}.prompt-chip{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;display:inline-flex}@media (hover:hover){.prompt-chip:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}}.prompt-chip--on{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:var(--color-primary-subtle);color:var(--color-text-primary)}.send-btn{border-radius:var(--radius-pill);background:var(--color-text-primary);width:40px;height:40px;color:var(--color-bg-base);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);border:0;flex-shrink:0;place-items:center;padding:0;display:grid}@media (hover:hover){.send-btn:hover:not(:disabled){transform:scale(1.06)}}.send-btn:active:not(:disabled){transform:scale(.94)}.send-btn:disabled{background:var(--color-bg-active);color:var(--color-text-tertiary);cursor:default}.send-btn--sm{width:32px;height:32px}.ai-quota{color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.prompt-ideas,.refine-ideas,.format-chips{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.format-chips{margin-bottom:var(--space-3)}.refine-ideas{justify-content:flex-start}.idea-chip{max-width:100%;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-fill-faint);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}@media (hover:hover){.idea-chip:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-bg-hover);color:var(--color-text-primary);transform:translateY(-1px)}}.idea-chip:disabled{opacity:.45;cursor:default}.idea-chip--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.link-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;display:inline-flex}@media (hover:hover){.link-btn:hover{color:var(--color-text-primary)}}.ai-notice{max-width:520px;color:var(--color-text-tertiary);font-size:var(--text-sm);margin:0}.page--create-song{gap:var(--space-4);padding-top:var(--space-4)}.song-stage__top{justify-content:space-between;align-items:center;gap:var(--space-2);margin-left:calc(var(--space-3) * -1);flex-wrap:wrap;display:flex}.song-stage__actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.idea-bubble{max-width:min(560px,85%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-sm) var(--radius-2xl);background:var(--color-bg-active);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-end;margin:0}.ai-reply{align-items:center;gap:var(--space-3);min-height:32px;color:var(--color-text-secondary);display:flex}.ai-reply__error{align-items:center;gap:var(--space-2) var(--space-3);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.song-form{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.song-sheet__body,.sheet-settings__inner,.song-dock,.song-dock__ask,.ai-director{grid-template-columns:minmax(0,1fr)}.song-sheet{padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--color-bg-raised) 0%, var(--color-bg-card) 100%);transition:border-color var(--duration-base) var(--ease-standard);position:relative;overflow:hidden}.song-sheet:focus-within{border-color:var(--color-border)}.song-sheet:after{content:"";background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--color-primary) 12%, transparent) 50%, transparent 70%);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-standard);background-size:250% 100%;position:absolute;inset:0}.song-sheet--thinking:after{opacity:1;animation:shimmer var(--loop-shimmer) linear infinite}.song-sheet__body{gap:var(--space-5);display:grid}.sheet-head{gap:var(--space-5);align-items:flex-start;display:flex}.sheet-head__cover.cover--lg{width:132px;box-shadow:var(--shadow-cover)}.sheet-head__fields{gap:var(--space-1);flex:1;min-width:0;display:grid}.sheet-label{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.sheet-title,.sheet-style{width:100%;margin:0 0 var(--space-2) calc(var(--space-2) * -1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000}.sheet-title{font-family:var(--font-display);font-size:var(--text-subhead);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}.sheet-style{color:var(--color-text-secondary);font-size:var(--text-md);line-height:var(--leading-normal);resize:none;field-sizing:content;min-height:44px}.sheet-title::placeholder,.sheet-style::placeholder{color:var(--color-text-disabled)}@media (hover:hover){.sheet-title:hover,.sheet-style:hover{background:var(--color-fill-faint)}}.sheet-title:focus,.sheet-style:focus{border-color:var(--color-border);background:var(--color-bg-base);outline:none}.sheet-pills{justify-self:start;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-pill);color:var(--color-text-tertiary);font:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex-wrap:wrap;display:inline-flex}@media (hover:hover){.sheet-pills:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}}.sheet-pill{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-pill);background:var(--color-bg-active);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.sheet-pills__chev{transition:transform var(--duration-base) var(--ease-standard)}.sheet-pills__chev.is-open{transform:rotate(180deg)}.sheet-settings{opacity:0;transition:grid-template-rows var(--duration-slow) var(--ease-standard), opacity var(--duration-base) var(--ease-standard), margin var(--duration-slow) var(--ease-standard);margin:calc(var(--space-5) * -1) 0 0;grid-template-rows:0fr;display:grid}.sheet-settings--open{opacity:1;grid-template-rows:1fr;margin:0}.sheet-settings__inner{gap:var(--space-4);min-height:0;display:grid;overflow:hidden}.sheet-settings--open .sheet-settings__inner{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-base)}.sheet-skeleton{gap:var(--space-6);display:grid}.sheet-skeleton__cover{aspect-ratio:1;border-radius:var(--radius-md);flex-shrink:0;width:132px}.sheet-skeleton__title{width:60%;height:calc(var(--text-subhead) * var(--leading-tight));margin:var(--space-1) 0 var(--space-2)}.sheet-skeleton__lines{gap:var(--space-3);display:grid}.sheet-skeleton__lines .skeleton{animation-delay:calc(var(--i,0) * var(--duration-instant))}.song-dock{bottom:var(--space-4);z-index:var(--z-sticky);gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-3xl);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);box-shadow:var(--shadow-cover);display:grid;position:sticky}.song-dock__ask{gap:var(--space-2);display:grid}.song-dock__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-2);display:flex}.refine-box{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-base);view-transition-name:composer;transition:border-color var(--duration-fast) var(--ease-standard);display:flex}.refine-box__input{min-width:0;height:32px;color:var(--color-text-primary);font:inherit;background:0 0;border:0;flex:1}.refine-box__input::placeholder{color:var(--color-text-tertiary)}.refine-box__input:focus,.refine-box__input:focus-visible{box-shadow:none;outline:none}.ai-orb{--orb-size:28px;width:var(--orb-size);height:var(--orb-size);background:conic-gradient(from 0deg, var(--color-signal-from), var(--color-signal-to), var(--color-signal-mid), var(--color-signal-from));box-shadow:0 0 calc(var(--orb-size) * .6) color-mix(in srgb, var(--color-primary) 35%, transparent);border-radius:50%;flex-shrink:0;position:relative}.ai-orb:after{content:"";background:radial-gradient(circle at 35% 30%, var(--color-orb-core), transparent 70%);border-radius:50%;position:absolute;inset:22%}.ai-orb--thinking{animation:orb-spin 1.6s linear infinite, orb-pulse var(--loop-breathe) var(--ease-standard) infinite}.ai-thinking{min-width:0;display:inline-flex}.ai-thinking__text{animation:fade-up var(--duration-slow) var(--ease-enter)}.text-shimmer{background:linear-gradient(90deg, var(--color-text-tertiary) 0%, var(--color-text-primary) 40%, var(--color-text-tertiary) 80%);color:#0000;animation:fade-up var(--duration-slow) var(--ease-enter), shimmer 2s linear infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.ai-filled{animation:ai-fill var(--loop-pulse) var(--ease-standard)}.stage-enter{animation:stage-in var(--duration-slow) var(--ease-enter) both;animation-delay:calc(var(--i,0) * 60ms)}@keyframes stage-in{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}}@keyframes orb-spin{to{rotate:360deg}}@keyframes orb-pulse{50%{box-shadow:0 0 calc(var(--orb-size) * 1.1) color-mix(in srgb, var(--color-info) 45%, transparent);scale:.88}}@keyframes ai-fill{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-primary) 0%, transparent)}25%{border-color:color-mix(in srgb, var(--color-primary) 70%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 18%, transparent)}}@keyframes glow-drift{to{transform:translate(-46%)translateY(12px)scale(1.08)}}::view-transition-group(composer){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-standard)}::view-transition-old(root){animation-duration:var(--duration-base)}::view-transition-new(root){animation-duration:var(--duration-base)}.input--prompt{min-height:140px;padding-bottom:var(--space-8);resize:vertical;font-size:var(--text-lg);line-height:var(--leading-normal)}.input--lyrics{field-sizing:content;min-height:220px;max-height:60vh;font-size:var(--text-md);line-height:var(--leading-relaxed)}.lyrics-tools{gap:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.lyrics-tools__tag{height:30px;padding:0 var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;flex-shrink:0}@media (hover:hover){.lyrics-tools__tag:hover{border-color:var(--color-primary);color:var(--color-primary-hover)}}.cost{align-items:center;gap:var(--space-3);display:flex}.cost__icon{color:var(--color-primary)}.cost__text{display:grid}.cost__value{font-size:var(--text-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.cost__meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.composer__submit{min-width:152px}.recent{gap:var(--space-1);margin-top:var(--space-4);display:grid}.plan-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.plan-card{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-bg-card);transition:transform var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}@media (hover:hover){.plan-card:hover{border-color:var(--color-border);transform:translateY(-2px)}}.plan-card--featured{background:linear-gradient(var(--color-bg-card), var(--color-bg-card)) padding-box, var(--gradient-signal) border-box;box-shadow:0 24px 60px -24px var(--color-primary-glow);border-color:#0000}@media (hover:hover){.plan-card--featured:hover{background:linear-gradient(var(--color-bg-card), var(--color-bg-card)) padding-box, var(--gradient-signal) border-box;box-shadow:0 24px 60px -24px var(--color-primary-glow);border-color:#0000}}.plan-card__head{align-items:center;gap:var(--space-2);display:flex}.plan-card__name{font-size:var(--text-xl);margin:0}.plan-card__price{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-tight);margin:0}.plan-card__interval{color:var(--color-text-tertiary);font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:0}.plan-card__rate{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.plan-card__features{align-content:start;gap:var(--space-2);margin:0 0 var(--space-2);padding:var(--space-4) 0 0;border-top:1px solid var(--color-border-subtle);font-size:var(--text-sm);flex:1;list-style:none;display:grid}.plan-card__features li{align-items:flex-start;gap:var(--space-2);display:flex}.plan-card__features svg{margin-top:var(--space-0-5);color:var(--color-primary);flex-shrink:0}.pack-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pack-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-card);transition:border-color var(--duration-base) var(--ease-standard);display:flex}@media (hover:hover){.pack-card:hover{border-color:var(--color-border)}}.pack-card p{margin:0}.pack-card__name{color:var(--color-text-secondary);font-size:var(--text-md);margin:0}.pack-card__credits{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.rights-copy{max-width:720px}.plans-notices:empty{display:none}.plans-notices{gap:var(--space-2);display:grid}.section-lede{margin:calc(var(--space-4) * -1) 0 0}.pack-card__bonus{margin-left:var(--space-2);vertical-align:middle;font-size:var(--text-xs)}.offer--action{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0}@media (hover:hover){.offer--action:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-subtle)}}.offer--action:disabled{cursor:not-allowed;opacity:.55}.offer--action[aria-busy=true]{opacity:1;border-color:var(--color-primary)}.compare{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.compare__table{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.compare__table th,.compare__table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);text-align:left;white-space:nowrap}.compare__table tbody tr:last-child th,.compare__table tbody tr:last-child td{border-bottom:0}.compare__table thead th{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.compare__table tbody th{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.compare__featured{background:var(--color-primary-subtle)}.compare__yes{color:var(--color-primary);vertical-align:-3px;display:inline-block}.compare__no{color:var(--color-text-tertiary)}.billing-plan{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-bg-raised);flex-wrap:wrap;display:flex}.billing-plan__name{align-items:center;gap:var(--space-3);margin:var(--space-1) 0 var(--space-2);font-size:var(--text-2xl);letter-spacing:var(--tracking-display);display:flex}.billing-plan__name .tag{font-size:var(--text-xs);letter-spacing:normal}.billing-plan__status{gap:var(--space-2);display:grid}.billing-plan__status p{margin:0}.billing-plan__actions{gap:var(--space-3);display:flex}.details--3{grid-template-columns:repeat(3,minmax(0,1fr))}.details--3 dd:first-of-type{font-size:var(--text-2xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.purchase-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;display:grid}.purchase{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1.4fr) 110px minmax(0,1.2fr) 130px 64px 100px;display:grid}.purchase:last-child{border-bottom:0}.purchase__name{font-weight:var(--weight-semibold)}.purchase__amount{text-align:right}.purchase .status{justify-self:end}.page--narrow{max-width:560px;margin:0 auto}.checkout-result{justify-items:center;gap:var(--space-4);padding-top:var(--space-10);text-align:center;display:grid}.checkout-result .page__title,.checkout-result p{margin:0}.checkout-result .progress-bar{width:240px}.checkout-result__actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.offer-columns{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.offer-columns__heading{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.offer-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.offer{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);grid-template-columns:1fr auto;display:grid}.offer__name{font-weight:var(--weight-semibold)}.offer__price{font-weight:var(--weight-semibold);grid-area:1/2}.offer__credits,.offer__rate{color:var(--color-text-secondary);font-size:var(--text-xs)}.offer__rate{text-align:right}.auth{grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr);min-height:100dvh;display:grid}.auth--single{grid-template-columns:1fr}.auth__showcase{padding:var(--space-12);background:var(--color-bg-sidebar);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.auth__mosaic{gap:var(--space-4);opacity:.55;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:-10%;transform:rotate(-8deg)scale(1.1)}.auth__showcase:after{content:"";background:linear-gradient(0deg, var(--color-bg-base) 10%, color-mix(in srgb, var(--color-bg-base) 40%, transparent) 60%, color-mix(in srgb, var(--color-bg-base) 10%, transparent) 100%);position:absolute;inset:0}.auth__quote{z-index:var(--z-raised);max-width:440px;position:relative}.auth__quote-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-hero)}.auth__quote-body{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0}.auth__panel{padding:var(--space-6);place-items:center;display:grid;position:relative;overflow:hidden}.auth__glow{background:radial-gradient(circle, var(--color-primary-glow), transparent 60%);opacity:.35;pointer-events:none;width:900px;height:900px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.auth__card{gap:var(--space-4);width:min(400px,100%);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-up var(--duration-slow) var(--ease-enter);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.auth__brand{margin-bottom:var(--space-2);justify-self:start}.auth__title{font-size:var(--text-3xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);margin:0}.auth__card>.muted{margin:calc(var(--space-3) * -1) 0 0}.auth__legal{text-align:center;margin:0}.auth__divider{align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-sm);margin:0;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.auth__lang{gap:var(--space-3);top:var(--space-5);right:var(--space-5);z-index:var(--z-raised);display:flex;position:absolute}.page--editor,.page--uploads{width:100%;max-width:980px;margin:0 auto}.page--editor{gap:var(--space-5)}.editor-head{--hero-tint:var(--color-hero-tint);align-items:center;gap:var(--space-4);padding:var(--space-6) 0 0;display:flex}.editor-head__cover.cover--md,.editor-head__cover.skeleton--cover-md{border-radius:var(--radius-md);width:72px;height:72px;box-shadow:0 12px 32px color-mix(in srgb, var(--hero-tint) 60%, transparent);flex-shrink:0}.editor-head__body{gap:var(--space-0-5);min-width:0;display:grid}.editor-head__body .eyebrow{margin:0}.editor-head__title{font-size:var(--text-title);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.editor-head__meta{gap:var(--space-1) var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);flex-wrap:wrap;margin:0;display:flex}.tool-bar{gap:var(--space-0-5);padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-bg-card);scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.tool-bar__glider{width:var(--glide-w,0);border-radius:var(--radius-pill);background:var(--color-bg-active);box-shadow:var(--shadow-raised);transform:translateX(var(--glide-x,0));transition:transform var(--duration-slow) var(--ease-standard), width var(--duration-slow) var(--ease-standard);position:absolute;top:4px;bottom:4px;left:0}.tool-bar__item{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:1 0 auto;display:inline-flex;position:relative}.tool-bar__item--active{color:var(--color-text-primary)}@media (hover:hover){.tool-bar__item:hover{color:var(--color-text-primary)}}.tool-bar__item--active svg{color:var(--color-primary-hover)}.tool-bar__meta{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.ai-director{gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-primary) 28%, transparent);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 60%), var(--color-bg-base);transition:border-color var(--duration-base) var(--ease-standard);display:grid}.ai-director--busy{border-color:color-mix(in srgb, var(--color-info) 45%, transparent)}.ai-director__head{align-items:center;gap:var(--space-2);display:flex}.ai-director__label{font-weight:var(--weight-semibold);flex:1}.ai-director__box{view-transition-name:none}.ai-director__done{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);animation:fade-up var(--duration-slow) var(--ease-enter);flex-wrap:wrap;margin:0;display:flex}.editor-text{padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.editor-text__head{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin:0}.editor-dock{bottom:var(--space-4);z-index:var(--z-sticky);align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-3xl);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);box-shadow:var(--shadow-cover);flex-wrap:wrap;display:flex;position:sticky}.editor-dock__title{gap:var(--space-0-5);flex:240px;min-width:0;display:grid}.editor-dock__input{width:100%;margin-left:calc(var(--space-2) * -1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;font-size:var(--text-lg);font-weight:var(--weight-semibold);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000}.editor-dock__input::placeholder{color:var(--color-text-secondary)}@media (hover:hover){.editor-dock__input:hover{background:var(--color-fill-hover)}}.editor-dock__input:focus{border-color:var(--color-border);background:var(--color-bg-base);outline:none}.editor-dock__row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.editor-panel{gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--color-bg-raised) 0%, var(--color-bg-card) 100%);flex-direction:column;display:flex}.editor-panel__lede{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);flex-wrap:wrap;margin:0;display:flex}.editor-panel__foot{margin:calc(var(--space-2) * -1) 0 0;text-align:center}.editor-controls{gap:var(--space-4);display:grid}.editor-controls .segmented{justify-self:start;min-width:240px}.editor-transport{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.editor-transport__info{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.field-slider{min-width:0}.field--row>.field-slider{height:28px}.chip--on{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-text-primary)}.input--lyrics-sm{min-height:88px;font-size:var(--text-md);line-height:var(--leading-relaxed);field-sizing:content;resize:vertical}.timeline{--wave-dim:var(--color-wave-dim);gap:var(--space-2);-webkit-user-select:none;user-select:none;display:grid}.timeline__ruler{height:16px;color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;position:relative}.timeline__tick{padding-left:var(--space-1);border-left:1px solid var(--color-border);line-height:var(--leading-snug);white-space:nowrap;position:absolute;top:0}.timeline__tick--end{padding:0 var(--space-1) 0 0;border-left:0;border-right:1px solid var(--color-border);transform:translate(-100%)}.timeline__track{border-radius:var(--radius-md);background:var(--color-bg-base);cursor:crosshair;touch-action:none;position:relative}.timeline__track--loading{background:linear-gradient(90deg, var(--color-bg-base), var(--color-bg-hover), var(--color-bg-base));animation:shimmer var(--loop-shimmer) linear infinite;background-size:200% 100%}.timeline__wave{border-radius:inherit;pointer-events:none;width:100%;position:absolute;inset:0}.timeline__region{pointer-events:none;position:absolute;top:0;bottom:0}.timeline__region--keep{border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.timeline__region--remove{border-top:2px dashed var(--color-danger);border-bottom:2px dashed var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, transparent)}.timeline__region--replace{border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 16%, transparent) 0 8px, color-mix(in srgb, var(--color-primary) 6%, transparent) 8px 16px)}.timeline__fades{width:100%;height:100%;position:absolute;inset:0}.timeline__fades polygon{fill:color-mix(in srgb, var(--color-bg-base) 55%, transparent)}.timeline__ghost{border-left:2px solid var(--color-info);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-info) 14%, transparent) 0 8px, color-mix(in srgb, var(--color-info) 5%, transparent) 8px 16px);color:var(--color-info);font-size:var(--text-xs);font-weight:var(--weight-semibold);pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0}.timeline__handle{z-index:var(--z-raised);width:16px;margin-left:calc(-1 * var(--space-2));cursor:ew-resize;position:absolute;top:0;bottom:0}.timeline__handle:before{content:"";background:var(--color-primary);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline__handle:after{content:"";border-radius:var(--radius-sm);background:var(--color-primary);width:12px;height:28px;box-shadow:var(--shadow-float);margin-top:-14px;position:absolute;top:50%;left:2px}.timeline__handle:focus-visible{outline:none}.timeline__handle:focus-visible:after{box-shadow:var(--shadow-focus)}.timeline__handle.fade-in,.timeline__handle.fade-out{height:22px;z-index:var(--z-above);bottom:auto}.timeline__handle.fade-in:before,.timeline__handle.fade-out:before{display:none}.timeline__handle.fade-in:after,.timeline__handle.fade-out:after{border-radius:var(--radius-pill);background:var(--color-text-primary);width:10px;height:10px;margin-top:0;top:3px;left:3px}.timeline__handle.marker:before,.timeline__handle.marker:after{background:var(--color-info)}.timeline__playhead{background:var(--color-text-primary);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.upload-grid{gap:var(--space-4);grid-template-columns:1.4fr 1fr;display:grid}.dropzone,.record-card{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-bg-card);flex-direction:column;display:flex}.dropzone{border:2px dashed var(--color-border-strong);text-align:center;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center}.dropzone--over{border-color:var(--color-primary);background:var(--color-primary-subtle)}.dropzone__icon{color:var(--color-primary)}.dropzone__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.dropzone .muted{max-width:420px;margin:0}.record-card{border:1px solid var(--color-border-subtle)}.record-panel{gap:var(--space-3);justify-items:start;display:grid}.record-panel__live,.record-panel__take{align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.record-panel__time{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.record-panel__audio{width:100%;height:40px}.record-dot{border-radius:var(--radius-pill);background:var(--color-danger);width:10px;height:10px;animation:pulse var(--loop-pulse) var(--ease-standard) infinite}.record-meter{border-radius:var(--radius-pill);background:var(--color-bg-active);flex:1;min-width:80px;height:6px;overflow:hidden}.record-meter span{background:var(--gradient-signal);transform-origin:0;height:100%;transition:transform var(--duration-instant) linear;display:block}.progress-bar[style*=--progress]:after{content:"";width:var(--progress);border-radius:inherit;background:var(--gradient-signal);position:absolute;inset:0 auto 0 0}.upload-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.upload-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard);display:flex}.upload-row--current{background:var(--color-bg-hover)}@media (hover:hover){.upload-row:hover{background:var(--color-bg-hover)}}.upload-row__text{flex:1;min-width:0;display:grid}.upload-row__name{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-row--current .upload-row__name{color:var(--color-primary-hover)}.upload-row__meta{color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}@media (width<=767px){.editor-panel{padding:var(--space-4)}.editor-hero .cover--lg{width:min(48vw,180px);height:min(48vw,180px)}.upload-grid{grid-template-columns:1fr}.upload-row{gap:var(--space-3);padding:var(--space-3) var(--space-2)}.upload-row__label{display:none}.field--row>.field-slider{grid-area:2/1/auto/-1}}.lyrics-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.lyrics-bar .lyrics-tools{flex:280px;min-width:0}.lyrics-actions{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.lyrics-actions .icon-btn:disabled{opacity:.35;cursor:default}.chip--sm{min-height:30px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.field__counter--warn{color:var(--color-warning)}.lyrics-panel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-base);animation:fade-up var(--duration-base) var(--ease-enter);display:grid}.lyrics-panel__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lyrics-panel__title{font-size:var(--text-md);font-weight:var(--weight-bold);flex:1;margin:0}.gate-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-subtle);color:var(--color-primary-hover);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;display:inline-flex}.lyrics-list{gap:var(--space-0-5);max-height:240px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.lyrics-list__item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);display:flex}.lyrics-list__item--on{background:var(--color-bg-hover)}@media (hover:hover){.lyrics-list__item:hover{background:var(--color-bg-hover)}}.lyrics-list__open{min-width:0;padding:var(--space-2) var(--space-3);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;display:grid}.lyrics-list__name,.lyrics-list__meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lyrics-list__name{font-weight:var(--weight-semibold)}.lyrics-list__meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.lyrics-save{gap:var(--space-2);flex-wrap:wrap;display:flex}.lyrics-save .input{flex:200px}@media (width<=1099px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-grid,.offer-columns,.auth{grid-template-columns:1fr}.auth__showcase{display:none}}@media (width<=767px){.page{gap:var(--space-5)}.page-hero--art{align-items:stretch;gap:var(--space-5);padding-top:calc(var(--layout-topbar-height) + var(--safe-top) + var(--space-4));flex-direction:column}.page-hero__art{align-self:center}.page-hero__art .cover--xl,.library-tile,.skeleton--cover-xl{width:min(62vw,260px)}.page-hero__art .library-tile{width:min(44vw,176px)}.library-tile svg{width:48px;height:48px}.page-hero__title{font-size:clamp(2rem,8vw,2.75rem)}.song-hero .page-hero__title{font-size:clamp(1.5rem,6.4vw,2rem)}.search{flex-basis:100%;order:10;width:100%;height:44px}.filter-row{margin:0 calc(var(--page-padding) * -1);padding:0 var(--page-padding)}.card-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.song-card{padding:var(--space-2);background:0 0}.card-row{margin:0 calc(var(--page-padding) * -1);padding:0 var(--page-padding) var(--space-2);scroll-padding:0 var(--page-padding);grid-auto-columns:42%}.tracklist__head{display:none}.track{gap:var(--space-3);min-height:64px;padding:var(--space-1) 0;background:0 0;grid-template-columns:minmax(0,1fr) auto}.track:focus-within{background:0 0}@media (hover:hover){.track:hover{background:0 0}}.track__index,.track__created,.track__length{display:none}.track{position:relative}.track__title:after{content:"";position:absolute;inset:0}.section-head__link{min-height:var(--touch-target)}.track__mobile-play{z-index:var(--z-raised);width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.track--current .track__mobile-play{color:var(--color-primary)}.track__mobile-play:active{transform:scale(.9)}.details{padding:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.action-bar{gap:var(--space-2) var(--space-3)}.create-head{padding-top:var(--space-2)}.create-head__lede{font-size:var(--text-md)}.composer{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg)}.input--prompt{min-height:120px;font-size:var(--text-lg)}.ideas{align-items:stretch;gap:var(--space-2);flex-direction:column}.chips--scroll{margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4) var(--space-0-5);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.lyrics-tools__tag{height:36px}.composer__footer{bottom:calc(var(--dock-h,0px) + var(--space-2));z-index:5;margin:0 calc(var(--space-4) * -1) calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4);border-top-color:var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky}.composer__submit{flex:1;min-width:0;max-width:200px}.plan-grid{grid-template-columns:1fr}.plan-card{padding:var(--space-5)}.pack-card{padding:var(--space-4)}.billing-plan{padding:var(--space-5)}.billing-plan__actions{width:100%}.billing-plan__actions>*{flex:1}.details--3{grid-template-columns:1fr}.purchase{gap:var(--space-1) var(--space-3);grid-template-columns:1fr auto}.compare__table th:first-child{z-index:var(--z-raised);background:var(--color-bg-base);position:sticky;left:0}.auth__panel{padding:calc(var(--safe-top) + var(--space-12)) var(--page-padding) var(--space-6);align-items:start}.auth__lang{top:calc(var(--safe-top) + var(--space-3));right:var(--page-padding);gap:var(--space-2)}.auth .segmented__item{padding-inline:var(--space-2)}.auth__card{padding:var(--space-6) 0;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}}.lib-tabs{gap:var(--space-1);margin:calc(var(--space-2) * -1) 0 0;border-bottom:1px solid var(--color-border-subtle);scrollbar-width:none;display:flex;overflow-x:auto}.lib-tab{min-height:44px;padding:0 var(--space-4);color:var(--color-text-secondary);font-weight:var(--weight-semibold);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard);align-items:center;display:inline-flex;position:relative}@media (hover:hover){.lib-tab:hover{color:var(--color-text-primary)}}.lib-tab--active{color:var(--color-text-primary)}.lib-tab--active:after{content:"";right:var(--space-4);bottom:-1px;left:var(--space-4);border-radius:var(--radius-pill);background:var(--color-primary);height:2px;position:absolute}.sort-select select{height:36px;padding:0 var(--space-8) 0 var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-control) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a7a7b4' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right var(--space-3) center;color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);appearance:none;cursor:pointer;border:0}.sort-select select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tag--xs{padding:0 var(--space-2);font-size:var(--text-2xs);line-height:var(--leading-snug)}.track__sub{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.track__liked{color:var(--color-primary);display:inline-flex}@media (hover:hover){.track__title--static:hover{text-decoration:none}}.tracklist--actions .tracklist__head,.tracklist--actions .track{grid-template-columns:40px minmax(0,1fr) 140px 64px auto}.track__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.library-tile--playlists{background:var(--gradient-tile-playlists)}.library-tile--history{background:var(--gradient-tile-history)}.library-tile--trash{background:linear-gradient(135deg, var(--color-bg-active) 0%, var(--color-bg-raised) 100%);color:var(--color-text-secondary)}.playlist-cover{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-bg-raised);box-shadow:var(--shadow-card);display:grid;overflow:hidden}.playlist-cover .cover{box-shadow:none;border-radius:0}.playlist-cover--grid{grid-template-columns:1fr 1fr}.playlist-cover--empty{color:var(--color-text-tertiary);place-items:center}.playlist-cover--hero{width:clamp(176px,22vw,232px);box-shadow:var(--shadow-cover)}.playlist-cover--empty-state{width:96px}.playlist-card .song-card__art{margin-bottom:var(--space-1)}.playlist-form{gap:var(--space-3);max-width:480px;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-card);display:grid}.playlist-form__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.skeleton--card{aspect-ratio:.8;border-radius:var(--radius-md);display:block}.popover-anchor{display:inline-flex;position:relative}.popover--left{transform-origin:0 0}.popover--left.popover--up{transform-origin:0 100%}.modal--sm{width:min(440px,100%);padding:var(--space-6)}.modal--sm .modal__title{font-size:var(--text-xl)}.modal__footer--end{justify-content:flex-end}.btn--danger{background:var(--color-danger);color:var(--color-bg-base)}@media (hover:hover){.btn--danger:hover:not(:disabled){filter:brightness(1.08)}}@media (width<=767px){.lib-tabs{margin:0 calc(var(--page-padding) * -1);padding:0 var(--page-padding)}.lib-tab{padding:0 var(--space-3)}.lib-tab--active:after{right:var(--space-3);left:var(--space-3)}.sort-select select{height:44px}.tracklist--actions .track{grid-template-columns:minmax(0,1fr) auto auto}.track__actions{z-index:var(--z-raised);position:relative}.playlist-form{max-width:none}}.reactions{align-items:center;gap:var(--space-0-5);display:inline-flex}.reaction.is-on{color:var(--color-primary)}.reaction:disabled{cursor:default;opacity:1}.reactions__count{min-width:16px;margin-right:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.popover--share{width:340px}.share{gap:var(--space-4);display:grid}.share__title{font-weight:var(--weight-semibold);margin:0}.share__hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.share__link{gap:var(--space-2);display:flex}.share__link .input{flex:1;min-width:0}.input--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.switch-row{align-items:center;gap:var(--space-3);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.switch-row__icon{border-radius:var(--radius-pill);background:var(--color-bg-active);width:36px;height:36px;color:var(--color-text-secondary);place-items:center;display:grid}.switch-row__text{gap:var(--space-0-5);display:grid}.switch-row__label{font-weight:var(--weight-semibold)}.switch-row__hint{color:var(--color-text-tertiary);font-size:var(--text-xs)}.switch{border-radius:var(--radius-pill);background:var(--color-bg-active);appearance:none;cursor:pointer;width:40px;height:24px;transition:background var(--duration-fast) var(--ease-standard);margin:0;position:relative}.switch:after{content:"";background:var(--color-text-primary);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-standard);border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--color-primary)}.switch:checked:after{transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu__scroll{max-height:240px;overflow-y:auto}.menu__pad{padding:var(--space-2) var(--space-3);margin:0}.menu__item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu__check{color:var(--color-primary)}@media (hover:hover){.menu__item--danger:hover{color:var(--color-danger)}}.menu__form{gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-1);display:flex}.menu__form .input{flex:1;min-width:0}.song-rights-hint{margin:var(--space-3) 0 0;color:var(--color-text-tertiary);font-size:var(--text-xs)}.comments{gap:var(--space-4);max-width:760px;display:grid}.comments .section-title{align-items:center;gap:var(--space-2);display:flex}.comments__count{color:var(--color-text-tertiary);font-size:var(--text-md);font-weight:var(--weight-medium)}.comments__signin{justify-self:start}.comment-form{gap:var(--space-2);display:grid}.comment-form__input{height:auto;min-height:64px;padding:var(--space-3);resize:vertical;font:inherit}.comment-form__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.comment-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.comment{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard);grid-template-columns:36px minmax(0,1fr) auto;display:grid}.comment:focus-within{background:var(--color-bg-card)}@media (hover:hover){.comment:hover{background:var(--color-bg-card)}}.comment--held{opacity:.6}.comment__avatar{border-radius:var(--radius-pill);background:var(--gradient-signal);width:36px;height:36px;color:var(--color-on-signal);font-weight:var(--weight-bold);place-items:center;display:grid}.comment__main{min-width:0}.comment__meta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;margin:0;display:flex}.comment__author{font-weight:var(--weight-semibold)}.comment__time{color:var(--color-text-tertiary)}.comment__body{margin:var(--space-1) 0 0;color:var(--color-text-secondary);overflow-wrap:anywhere;white-space:pre-wrap}.comment__actions{align-items:flex-start;gap:var(--space-0-5);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);display:flex}.comment:focus-within .comment__actions{opacity:1}@media (hover:hover){.comment:hover .comment__actions{opacity:1}}.public-shell{background:var(--color-bg-surface);min-height:100dvh}.public-shell__bar{z-index:var(--z-sticky);height:var(--layout-topbar-height);padding:0 var(--page-padding);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.public-shell__main{max-width:var(--layout-content-max);padding:0 var(--page-padding) var(--space-16);margin:0 auto}.public-shell__foot{text-align:center}@media (hover:none){.comment__actions{opacity:1}}@media (width<=767px){.share__link{flex-direction:column}.comment{padding:var(--space-3) 0}.comment:focus-within{background:0 0}@media (hover:hover){.comment:hover{background:0 0}}}.comment-form__counter{color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.public-shell__main>.page-hero{margin-top:var(--space-4);border-radius:var(--radius-xl)}@media (width<=767px){.public-shell__main>.page-hero{border-radius:0;margin-top:0}}.legal__actions{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.legal__main{padding:var(--space-10) clamp(var(--space-4), 4vw, var(--space-12)) var(--space-16)}.legal__doc{max-width:760px;color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 auto}.legal__title{margin:var(--space-2) 0;color:var(--color-text-primary);font-size:var(--text-title);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.legal__updated{margin:0 0 var(--space-6);color:var(--color-text-tertiary);font-size:var(--text-sm)}.legal__intro{color:var(--color-text-primary);font-size:var(--text-lg)}.legal__toc{margin:var(--space-8) 0;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-card)}.legal__toc-title{margin:0 0 var(--space-2);color:var(--color-text-primary);font-weight:var(--weight-semibold)}.legal__toc ol{padding-left:var(--space-5);columns:2 220px;margin:0}@media (hover:hover){.legal__toc a:hover{color:var(--color-text-primary)}}.legal__section{scroll-margin-top:96px}.legal__section h2{margin:var(--space-10) 0 var(--space-3);color:var(--color-text-primary);font-size:var(--text-xl)}.legal__section ul{padding-left:var(--space-5)}.legal__section li+li{margin-top:var(--space-2)}.legal__table-wrap{margin:var(--space-4) 0;border-radius:var(--radius-lg);background:var(--color-bg-card);overflow-x:auto}.legal__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.legal__table th,.legal__table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top}.legal__table thead th,.legal__table tbody th{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.legal__table tr:last-child>*{border-bottom:0}.legal__other{margin-top:var(--space-12)}.stems-card{gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-card);display:grid}.stems-card__head{align-items:center;gap:var(--space-3);display:flex}.stems-card__form{gap:var(--space-4);display:grid}.stems-card .segmented__item .tag{margin-left:var(--space-2)}.stems-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stem-jobs,.stem-outputs{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.stem-job{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.stem-job__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.stem-job__title{font-weight:var(--weight-semibold)}.stem-output{align-items:center;gap:var(--space-3);display:flex}.stem-output__name{flex:1;min-width:0}@media (width<=767px){.create-hero{min-height:0;padding-top:var(--space-6)}.prompt-box{border-radius:var(--radius-2xl)}.prompt-box__bar{flex-wrap:wrap}.prompt-box__send .ai-quota{display:none}.prompt-ideas,.format-chips{width:calc(100% + 2 * var(--page-padding));margin:0 calc(-1 * var(--page-padding));padding:0 var(--page-padding);scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.format-chips{margin-bottom:var(--space-3)}.format-chips .prompt-chip{flex-shrink:0}.prompt-ideas .idea-chip{white-space:nowrap;flex-shrink:0}.song-sheet{padding:var(--space-4)}.sheet-head{gap:var(--space-3);flex-direction:column}.sheet-head__cover.cover--lg,.sheet-skeleton__cover{width:88px}.song-dock,.editor-dock{bottom:var(--space-2);border-radius:var(--radius-2xl)}.song-dock__row .cost__meta{display:none}.refine-ideas{margin:0 calc(var(--space-3) * -1);padding:0 var(--space-3);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.refine-ideas .idea-chip{white-space:nowrap;flex-shrink:0}.refine-box .ai-quota{display:none}.sheet-settings--open .sheet-settings__inner{padding:var(--space-3)}.sheet-settings .segmented{min-width:0}.sheet-settings .segmented__item{padding:var(--space-2)}.composer__submit{min-width:0}.editor-dock{padding:var(--space-3)}.editor-dock__row{justify-content:space-between;width:100%}.tool-bar__meta{display:none}.editor-head__title{font-size:var(--text-2xl)}}.scroll-fade{--fade-start:0px;--fade-end:0px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%)}.scroll-fade[data-fade~=start]{--fade-start:var(--space-6)}.scroll-fade[data-fade~=end]{--fade-end:var(--space-8)}@media (width<=767px){.action-bar{gap:var(--space-4) var(--space-2)}.action-bar__group{gap:var(--space-2);flex-wrap:nowrap}.action-bar__group--secondary{flex-basis:calc(100% + 2 * var(--page-padding));margin-inline:calc(-1 * var(--page-padding));padding-inline:var(--page-padding);scrollbar-width:none;overflow-x:auto}.action-bar__group--secondary::-webkit-scrollbar{display:none}.btn--collapse{width:var(--control-sm);padding:0}.btn--collapse .btn__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=768px) and (height<=820px){.page-hero{padding-top:calc(var(--layout-topbar-height) + var(--safe-top) + var(--space-4))}.page-hero__art .cover--xl,.page-hero__art .library-tile,.skeleton--cover-xl{width:clamp(144px,24vh,232px)}}.landing{background:var(--color-bg-base);interpolate-size:allow-keywords;min-height:100dvh;overflow-x:clip}.landing-section{max-width:1200px;padding:calc(var(--space-16) * 2) clamp(var(--space-4), 4vw, var(--space-12)) 0;scroll-margin-top:var(--space-8);margin:0 auto}.section-intro{max-width:760px;margin-bottom:var(--space-12)}.section-intro--center{text-align:center;margin-inline:auto}.landing-section__title{font-size:var(--text-headline);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);text-wrap:balance;margin:0}.landing-section__lede{max-width:560px;margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:var(--text-lead);line-height:var(--leading-normal);text-wrap:pretty}.section-intro--center .landing-section__lede{margin-inline:auto}.landing-section__cta{margin-top:var(--space-10);justify-content:center;display:flex}.landing [data-reveal]{opacity:0;transition:opacity var(--duration-reveal) var(--ease-emphasized), transform var(--duration-reveal) var(--ease-emphasized);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(32px)}.landing [data-reveal].is-in{opacity:1;transform:none}.caret{width:2px;height:1.05em;margin-left:var(--space-0-5);border-radius:var(--radius-pill);vertical-align:text-bottom;background:var(--color-primary);animation:1s step-end infinite caret-blink;display:inline-block}.landing-nav{z-index:var(--z-sticky);align-items:center;gap:var(--space-6);height:64px;padding:var(--safe-top) clamp(var(--space-4), 4vw, var(--space-12)) 0;transition:background var(--duration-slow) var(--ease-standard), box-shadow var(--duration-slow) var(--ease-standard), backdrop-filter var(--duration-slow) var(--ease-standard);display:flex;position:sticky;top:0}.landing-nav--scrolled{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);box-shadow:var(--shadow-hairline)}.landing-nav__links{justify-content:center;gap:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);flex:1;display:flex}.landing-nav__links a{transition:color var(--duration-fast) var(--ease-standard)}@media (hover:hover){.landing-nav__links a:hover{color:var(--color-text-primary)}}.landing-nav__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.hero{isolation:isolate;justify-items:center;gap:var(--space-16);padding:calc(64px + var(--space-16) + var(--space-4)) clamp(var(--space-4), 4vw, var(--space-12)) var(--space-8);text-align:center;margin-top:-64px;display:grid;position:relative}.hero__aurora{z-index:var(--z-behind);pointer-events:none;height:110%;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.hero__aurora span{aspect-ratio:1;opacity:.24;filter:blur(72px);width:min(64vw,860px);animation:aurora calc(var(--loop-ambient) * 2) var(--ease-in-out) infinite alternate;border-radius:50%;position:absolute}.hero__aurora span:first-child{background:radial-gradient(circle, var(--color-signal-from), transparent 64%);top:-38%;left:4%}.hero__aurora span:last-child{background:radial-gradient(circle, var(--color-signal-to), transparent 64%);animation-direction:alternate-reverse;top:-30%;right:0}:root[data-theme=light] .hero__aurora span{opacity:.14}.hero__copy{justify-items:center;gap:var(--space-6);max-width:960px;display:grid}.hero__copy>*{animation:hero-in 1.1s var(--ease-emphasized) both;animation-delay:calc(.12s + var(--i,0) * 90ms)}.hero__kicker{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0;display:inline-flex}.hero__title{font-size:var(--text-mega);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);text-wrap:balance;margin:0}.hero__signal{background:linear-gradient(100deg, var(--color-signal-from) 0%, var(--color-signal-mid) 25%, var(--color-signal-to) 50%, var(--color-signal-mid) 75%, var(--color-signal-from) 100%);color:#0000;animation:signal-sweep calc(var(--loop-ambient) * 1.5) linear infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.hero__lede{max-width:600px;color:var(--color-text-secondary);font-size:var(--text-lead);line-height:var(--leading-normal);text-wrap:pretty;margin:0}.hero__ctas{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero__note{color:var(--color-text-tertiary);font-size:var(--text-sm);margin:0}.showcase{--t:clamp(0, calc((.8 - var(--p,0)) / .5), 1);perspective:1800px;width:min(100%,960px);animation:hero-in 1.4s var(--ease-emphasized) .56s both;position:relative}.showcase__halo{z-index:var(--z-behind);border-radius:var(--radius-3xl);background:var(--gradient-signal);opacity:calc(.22 + (1 - var(--t)) * .14);filter:blur(96px);position:absolute;inset:12% 8% -4%}.showcase__window{z-index:var(--z-raised);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-3xl);background:var(--color-bg-surface);box-shadow:var(--shadow-panel);text-align:left;transform:rotateX(calc(var(--t) * 20deg)) scale(calc(1 - var(--t) * .08));transform-origin:50% 0;will-change:transform;display:grid;position:relative}.showcase__floater{--depth:160;width:var(--size,120px);translate:0 calc(var(--p,0) * var(--depth) * -1px);position:absolute}.showcase__floater .cover{border-radius:var(--radius-lg);box-shadow:var(--shadow-cover);animation:landing-float var(--loop-ambient) var(--ease-in-out) infinite alternate}.showcase__floater--0{--size:132px;--depth:140;top:4%;left:-12%;rotate:-8deg}.showcase__floater--1{--size:96px;--depth:240;top:60%;left:-7%;rotate:7deg}.showcase__floater--1 .cover{animation-delay:-3s}.showcase__floater--2{--size:112px;--depth:190;top:-8%;right:-9%;rotate:9deg}.showcase__floater--2 .cover{animation-delay:-5s}.showcase__floater--3{--size:148px;--depth:120;top:42%;right:-13%;rotate:-5deg}.showcase__floater--3 .cover{animation-delay:-2s}.showcase__floater--4{--size:76px;--depth:60;bottom:-16%;left:9%;rotate:12deg}.showcase__floater--4 .cover{animation-delay:-6s}.showcase__floater--5{--size:88px;--depth:80;bottom:-19%;right:7%;rotate:-10deg}.showcase__floater--5 .cover{animation-delay:-4s}.showcase__prompt{align-items:end;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-base);grid-template-columns:minmax(0,1fr) auto;display:grid}.showcase__label{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;grid-column:1/-1}.showcase__typed{min-height:calc(2em * var(--leading-snug));font-size:clamp(var(--text-lg), .85rem + .9vw, var(--text-2xl));font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin:0}.showcase__window:not([data-phase=typing]) .caret{opacity:0;animation:none}.showcase__send{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill);background:var(--color-bg-active);color:var(--color-text-secondary);transition:background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);flex-shrink:0;place-items:center;display:grid}[data-phase=generating] .showcase__send{background:var(--color-primary);color:var(--color-on-primary);transform:scale(.92)}.showcase__track{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-xl);background:var(--color-bg-card);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.showcase__cover{border-radius:var(--radius-md);background:var(--color-bg-active);width:88px;box-shadow:var(--shadow-float);overflow:hidden}.showcase__cover .cover{transition:opacity var(--duration-slow) var(--ease-standard), filter var(--duration-reveal) var(--ease-emphasized), scale var(--duration-reveal) var(--ease-emphasized);border-radius:0}[data-phase=typing] .showcase__cover .cover{opacity:0;filter:blur(12px);scale:1.1}.showcase__meta{gap:var(--space-2);min-width:0;display:grid}.showcase__info{gap:var(--space-0-5);min-width:0;animation:fade-up var(--duration-slow) var(--ease-enter) both;display:grid}.showcase__title{align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);flex-wrap:wrap;display:flex}.showcase__status{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:0}.showcase__status--generating{background:var(--color-primary-subtle);color:var(--color-primary-hover);animation:pulse var(--loop-pulse) var(--ease-standard) infinite}.showcase__status--ready{background:var(--color-success-subtle);color:var(--color-success-text);animation:pop-in var(--duration-slow) var(--ease-emphasized)}.showcase__sub{color:var(--color-text-tertiary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.showcase__skeleton{width:58%;height:10px;margin-block:var(--space-1);border-radius:var(--radius-pill);background:var(--color-bg-active)}.showcase__skeleton--title{width:36%;height:14px}.showcase__wave{height:36px;margin-top:var(--space-1);display:block;position:relative}.showcase__play{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-pill);background:var(--color-text-primary);color:var(--color-bg-base);transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);place-items:center;display:grid}[data-phase=typing] .showcase__play{opacity:.3;transform:scale(.9)}.bars{align-items:center;gap:2px;height:100%;display:flex}.bars>span{min-width:0;height:calc(var(--h) * 100%);border-radius:var(--radius-pill);background:var(--color-wave-rest);flex:1}.bars--played{clip-path:inset(0 100% 0 0);position:absolute;inset:0}.bars--played>span{background:var(--color-primary)}[data-phase=typing] .bars>span{transform:scaleY(.12)}[data-phase=generating] .bars>span{background:color-mix(in srgb, var(--color-primary) 55%, transparent);animation:bar-pulse var(--loop-eq) var(--ease-in-out) infinite alternate;animation-delay:calc(var(--i) * -47ms)}[data-phase=ready] .bars>span{animation:bar-grow var(--duration-reveal) var(--ease-emphasized) both;animation-delay:calc(var(--i) * 8ms)}[data-phase=ready] .bars--played{animation:4.6s linear .3s both play-through}.marquee{gap:var(--space-3);padding:var(--space-12) 0 0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee__track{width:max-content;animation:64s linear infinite marquee;display:flex}.marquee__track--reverse{animation-duration:76s;animation-direction:reverse}@media (hover:hover){.marquee:hover .marquee__track{animation-play-state:paused}}.marquee__item{align-items:center;gap:var(--space-3);margin-right:var(--space-3);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-bg-card);color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap;display:inline-flex}.marquee__cover.cover--fill{border-radius:var(--radius-pill);width:32px}.statement{max-width:1120px;padding:calc(var(--space-16) * 2) clamp(var(--space-4), 4vw, var(--space-12)) 0;margin:0 auto}.statement__text{font-size:var(--text-statement);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:pretty;margin:0}.statement__text span{opacity:clamp(.16, calc((var(--p,0) * 2.8 - .7 - var(--w)) * 12), 1);transition:opacity var(--duration-fast) linear}.how__grid{align-items:start;gap:var(--space-16);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.how__stage{height:100%}.how__sticky{height:460px;position:sticky;top:calc(50vh - 230px)}.how__steps{margin:0;padding:0;list-style:none;display:grid}.how-step{align-content:center;gap:var(--space-3);min-height:72vh;display:grid}.how-step:first-child,.how-step:last-child{min-height:60vh}.how-step__num{color:var(--color-primary-hover);font-family:var(--font-mono);font-size:var(--text-sm)}.how-step__title{font-size:var(--text-title);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0}.how-step__body{max-width:440px;color:var(--color-text-secondary);font-size:var(--text-lead);line-height:var(--leading-normal);margin:0}.how-step>*{transition:opacity var(--duration-slow) var(--ease-standard)}.how-step[data-active=false]>*{opacity:.28}.how-step__visual{display:none}.how-visual{place-content:center;justify-items:center;gap:var(--space-5);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3xl);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--color-primary) 14%, var(--color-bg-card)), var(--color-bg-card) 62%);opacity:0;filter:blur(8px);transition:opacity var(--duration-slow) var(--ease-standard), filter var(--duration-reveal) var(--ease-emphasized), transform var(--duration-reveal) var(--ease-emphasized);display:grid;position:absolute;inset:0;overflow:hidden;transform:scale(.96)}.how-visual.is-active{opacity:1;filter:none;transform:none}.how-visual__chip,.how-visual__list li{transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-reveal) var(--ease-emphasized);transition-delay:calc(.2s + var(--i,0) * 90ms)}.how-visual:not(.is-active) .how-visual__chip,.how-visual:not(.is-active) .how-visual__list li{opacity:0;transform:translateY(12px)}.how-visual__prompt{align-items:end;gap:var(--space-4);width:min(100%,440px);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-bg-base);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) auto;display:grid}.how-visual__prompt p{font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-snug);margin:0}.how-visual__send{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);animation:send-glow var(--loop-breathe) var(--ease-in-out) infinite;place-items:center;display:grid}.how-visual__ideas{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.how-visual__chip{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-fill-faint);color:var(--color-text-secondary);font-size:var(--text-sm)}.how-visual__sun{place-items:center;width:200px;height:200px;display:grid;position:relative}.how-visual__sun svg{filter:drop-shadow(0 12px 40px var(--color-primary-glow));animation:breathe var(--loop-breathe) var(--ease-in-out) infinite;position:relative}.how-visual__ring{border:1px solid var(--color-primary);opacity:0;animation:ring-out calc(var(--loop-breathe) * 1.2) var(--ease-enter) infinite;border-radius:50%;position:absolute;inset:22%}.how-visual__ring--late{animation-delay:calc(var(--loop-breathe) * .6)}.how-visual__status{font-weight:var(--weight-semibold)}.how-visual__progress{border-radius:var(--radius-pill);background:var(--color-fill-track);width:220px;height:4px;position:relative;overflow:hidden}.how-visual__progress:after{content:"";border-radius:inherit;background:var(--gradient-signal);width:40%;animation:slide var(--loop-shimmer) var(--ease-in-out) infinite;position:absolute;inset:0}.how-visual--keep>*{width:min(100%,420px)}.how-visual__heading{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.how-visual__list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.how-visual__list li{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.how-visual__list li.is-playing{background:var(--color-bg-hover)}.how-visual__track{min-width:0;display:grid}.how-visual__track span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.how-visual__track span:first-child{font-weight:var(--weight-semibold)}.is-playing .how-visual__track span:first-child{color:var(--color-primary-hover)}.how-visual__track span:last-child,.how-visual__time{color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.how-visual__formats{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.how-visual__formats span{padding:var(--space-0-5) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.bento{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"modes modes mobile""pricing refunds mobile""rights formats formats";display:grid}.bento__tile{gap:var(--space-8);min-height:300px;padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3xl);background:var(--color-bg-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.bento__tile--modes{flex-direction:row;grid-area:modes;align-items:center}.bento__tile--mobile{background:radial-gradient(100% 60% at 50% 100%, color-mix(in srgb, var(--color-primary) 18%, var(--color-bg-card)), var(--color-bg-card));grid-area:mobile}.bento__tile--pricing{grid-area:pricing}.bento__tile--refunds{grid-area:refunds}.bento__tile--rights{grid-area:rights}.bento__tile--formats{flex-direction:row;grid-area:formats;align-items:center}.bento__copy{align-content:start;gap:var(--space-2);max-width:420px;display:grid}.bento__tile--modes .bento__copy,.bento__tile--formats .bento__copy{flex:1}.bento__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-wrap:balance;margin:0}.bento__body{color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.bento__art{flex:1;align-items:end;min-width:0;display:grid}.bento__tile--modes .bento__art,.bento__tile--formats .bento__art{flex:1.15;align-items:center}.bento-art--assistant{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-base);box-shadow:var(--shadow-card);display:grid}.bento-art__prompt{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.bento-art__fields{gap:var(--space-2);margin:0;display:grid}.bento-art__fields>div{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-control);opacity:0;transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-reveal) var(--ease-emphasized);transition-delay:calc(.45s + var(--i) * .22s);border:1px solid #0000;grid-template-columns:72px minmax(0,1fr);display:grid;transform:translate(-8px)}.bento__tile.is-in .bento-art__fields>div{opacity:1;animation:ai-fill var(--loop-pulse) var(--ease-standard) both;animation-delay:calc(.45s + var(--i) * .22s);transform:none}.bento-art__fields dt{color:var(--color-text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.bento-art__fields dd{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.bento-art__lyrics{gap:var(--space-1);padding-block:var(--space-1);display:grid}.bento-art__lyrics span{border-radius:var(--radius-pill);background:var(--color-fill-track);height:6px}.bento-art__lyrics span:nth-child(2){width:78%}.bento-art__lyrics span:nth-child(3){width:52%}.bento-art--phone{align-self:stretch;place-items:end center;display:grid}.phone{gap:var(--space-1);width:min(100%,228px);margin-bottom:calc(var(--space-16) * -1);padding:var(--space-10) var(--space-4) var(--space-16);border:6px solid var(--color-bg-active);border-radius:calc(var(--radius-3xl) * 1.6);background:var(--color-bg-base);box-shadow:var(--shadow-cover);transition:transform calc(var(--duration-reveal) * 1.4) var(--ease-emphasized) .15s;display:grid;position:relative;transform:translateY(40px)}.bento__tile.is-in .phone{transform:none}.phone__island{top:var(--space-3);border-radius:var(--radius-pill);background:var(--color-bg-active);width:64px;height:18px;position:absolute;left:50%;translate:-50%}.phone .cover{margin-bottom:var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.phone__title{font-weight:var(--weight-bold)}.phone__sub{color:var(--color-text-tertiary);font-size:var(--text-xs)}.phone__bar{height:4px;margin-block:var(--space-3);border-radius:var(--radius-pill);background:var(--color-fill-track);overflow:hidden}.phone__bar span{border-radius:inherit;background:var(--color-text-primary);width:36%;height:100%;animation:phone-progress calc(var(--loop-ambient) * 2) linear infinite;display:block}.phone__controls{justify-content:space-around;align-items:center;display:flex}.phone__play{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-pill);background:var(--color-text-primary);color:var(--color-bg-base);place-items:center;display:grid}.bento-art--equation{align-items:flex-start;gap:var(--space-4);font-size:clamp(4rem,2rem + 4vw,6rem);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-none);display:flex}.bento-art--equation>span{display:grid}.bento-art--equation small{margin-top:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:0}.bento-art__equals{color:var(--color-text-tertiary);font-weight:var(--weight-regular)}.bento-art--refund,.bento-art--rights{justify-items:start;gap:var(--space-3);display:grid}.bento-art__failed{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border-radius:var(--radius-pill);background:var(--color-bg-control);display:inline-flex}.bento-art__failed .cover{border-radius:var(--radius-pill);opacity:.6;filter:grayscale()}.bento-art__refund,.bento-art__right{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:inline-flex}.bento-art__refund{background:var(--color-success-subtle);color:var(--color-success-text);opacity:0;transition:opacity var(--duration-slow) var(--ease-standard) .7s, transform var(--duration-reveal) var(--ease-emphasized) .7s;transform:translateY(12px)}.bento__tile.is-in .bento-art__refund{opacity:1;transform:none}.bento__tile.is-in .bento-art__refund svg{animation:spin-back var(--duration-reveal) var(--ease-emphasized) .7s both}.bento-art__right{border:1px solid var(--color-border);color:var(--color-text-secondary)}.bento-art__right--on{background:linear-gradient(var(--color-bg-card), var(--color-bg-card)) padding-box, var(--gradient-signal) border-box;color:var(--color-text-primary);border-color:#0000}.bento-art__right--on svg{color:var(--color-primary-hover)}.bento-art--formats{justify-content:center;align-items:center;gap:var(--space-6);min-height:160px;display:flex;position:relative}.bento-art--formats .bars{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.bento-art--formats .bars>span{transition:transform calc(var(--duration-reveal) * 1.2) var(--ease-emphasized);transition-delay:calc(.2s + var(--i) * 8ms);transform:scaleY(.15)}.bento__tile.is-in .bento-art--formats .bars>span{transform:none}.bento-art__format{font-size:clamp(3rem,1.5rem + 3.6vw,5rem);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-none);position:relative}.price-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.price-card{align-content:start;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-3xl);background:var(--color-bg-card);display:grid}.price-card--featured{background:linear-gradient(var(--color-bg-card), var(--color-bg-card)) padding-box, var(--gradient-signal) border-box;box-shadow:0 32px 80px -32px var(--color-primary-glow);border-color:#0000}.price-card__head{align-items:center;gap:var(--space-2);display:flex}.price-card__name{font-size:var(--text-lg);margin:0}.price-card p{margin:0}.price-card .price-card__price{margin-block:var(--space-2);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero)}.price-card__price span{color:var(--color-text-tertiary);font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:0}.price-card__credits{font-weight:var(--weight-semibold)}.price-card__rights{color:var(--color-text-secondary);font-size:var(--text-sm)}.skeleton--price{border-radius:var(--radius-3xl);height:200px}.faq-section{align-items:start;gap:var(--space-12);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.faq-section__intro{top:calc(64px + var(--space-8));margin:0;position:sticky}.faq{border-top:1px solid var(--color-border-subtle);display:grid}.faq__item{border-bottom:1px solid var(--color-border-subtle)}.faq__item summary{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:64px;padding:var(--space-5) 0;font-size:var(--text-lg);font-weight:var(--weight-semibold);cursor:pointer;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"";width:14px;height:14px;color:var(--color-text-secondary);transition:transform var(--duration-slow) var(--ease-emphasized);background:linear-gradient(currentColor,currentColor) 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 100% no-repeat;flex-shrink:0}.faq__item[open] summary:after{transform:rotate(135deg)}.faq__item p{padding:0 var(--space-10) var(--space-6) 0;color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.faq__item::details-content{block-size:0;transition:block-size var(--duration-slow) var(--ease-standard), content-visibility var(--duration-slow) allow-discrete;overflow:clip}.faq__item[open]::details-content{block-size:auto}.finale{isolation:isolate;margin-top:calc(var(--space-16) * 2);padding:0 clamp(var(--space-4), 4vw, var(--space-12));text-align:center;justify-items:center;display:grid;overflow:hidden}.finale__copy{z-index:var(--z-above);justify-items:center;gap:var(--space-6);max-width:800px;display:grid;position:relative}.finale__title{font-size:var(--text-headline-lg);font-weight:var(--weight-black);letter-spacing:var(--tracking-hero);line-height:var(--leading-hero);text-wrap:balance;margin:0}.finale__note{color:var(--color-text-tertiary);font-size:var(--text-sm);margin:0}.finale__horizon{--rise:clamp(0, calc((var(--p,0) - .2) / .55), 1);--sun:clamp(240px, 40vw, 460px);width:min(100%,960px);height:calc(var(--sun) * .86);margin-top:var(--space-12);clip-path:inset(-50% -50% 0);position:relative}.finale__sun{width:var(--sun);aspect-ratio:1;background:linear-gradient(135deg, var(--color-signal-from), var(--color-signal-to));box-shadow:0 0 120px 24px var(--color-primary-glow);translate:-50% calc(92% - var(--rise) * 72%);border-radius:50%;position:absolute;bottom:0;left:50%;overflow:hidden}.finale__wave{top:calc(53% + var(--i) * 12.3% - var(--sun) * .07);width:200%;height:calc(var(--sun) * .14);animation:wave-drift calc(var(--loop-ambient) + var(--i) * 1.5s) linear infinite;position:absolute;left:0;overflow:visible}.finale__wave:nth-of-type(2n){animation-direction:reverse}.finale__wave path{fill:none;stroke:var(--color-bg-base);stroke-width:calc(var(--sun) * (.035 + var(--i) * .014));vector-effect:non-scaling-stroke}.landing-footer{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1200px;padding:var(--space-10) clamp(var(--space-4), 4vw, var(--space-12)) calc(var(--space-10) + var(--safe-bottom));border-top:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);font-size:var(--text-sm);flex-wrap:wrap;margin:0 auto;display:flex}.landing-footer p{margin:0}.landing-footer nav{gap:var(--space-5);flex-wrap:wrap;display:flex}.landing-footer nav a{transition:color var(--duration-fast) var(--ease-standard)}@media (hover:hover){.landing-footer nav a:hover{color:var(--color-text-primary)}}.landing-footer__end{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}@media (width<=1099px){.showcase__floater{scale:.75}.showcase__floater--4,.showcase__floater--5{display:none}.how__grid{grid-template-columns:1fr;gap:0}.how__stage{display:none}.how__steps{gap:var(--space-16)}.how-step,.how-step:first-child,.how-step:last-child{min-height:0}.how-step[data-active=false]>*{opacity:1}.how-step__visual{height:400px;margin-top:var(--space-4);display:block;position:relative}.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"modes modes""mobile pricing""mobile refunds""rights formats"}.bento__tile--formats{flex-direction:column;align-items:stretch}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-section{grid-template-columns:1fr;gap:0}.faq-section__intro{margin-bottom:var(--space-8);position:static}}@media (width<=767px){.landing-section,.statement{padding-top:calc(var(--space-16) + var(--space-8))}.section-intro{margin-bottom:var(--space-8)}.landing-nav{gap:var(--space-3);height:56px}.landing-nav__links{display:none}.landing-nav__brand svg{width:auto;height:24px}.landing-nav__actions{gap:0}.landing-nav__signin{padding:0 var(--space-3)}.hero{gap:var(--space-12);padding-top:calc(56px + var(--space-12));margin-top:-56px}.hero__kicker{font-size:var(--text-xs)}.hero__ctas{width:100%}.hero__ctas .btn{flex:100%}.showcase__floater{display:none}.showcase__window{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-2xl)}.showcase__prompt{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4)}.showcase__track{padding:var(--space-3);grid-template-columns:auto minmax(0,1fr)}.showcase__cover{width:64px}.showcase__play{display:none}.marquee{padding-top:var(--space-8)}.how-step__visual{height:360px}.how-visual{padding:var(--space-5)}.bento{grid-template-columns:1fr;grid-template-areas:"modes""mobile""pricing""refunds""rights""formats"}.bento__tile{gap:var(--space-6);min-height:0;padding:var(--space-6)}.bento__tile--modes{flex-direction:column;align-items:stretch}.bento__tile--mobile{min-height:480px}.price-grid{grid-template-columns:1fr}.finale{margin-top:calc(var(--space-16) + var(--space-8))}.landing-footer{flex-direction:column;align-items:flex-start}.landing-footer nav{row-gap:0}.landing-footer nav a{min-height:var(--touch-target);align-items:center;display:inline-flex}}@media (prefers-reduced-motion:reduce){.landing [data-reveal],.bento-art__fields>div,.bento-art__refund,.phone,.bento-art--formats .bars>span{opacity:1;transform:none}.showcase__window,.showcase__floater{transform:translate(0,0)}.showcase .bars--played{clip-path:inset(0 62% 0 0);animation:none!important}.statement__text span{opacity:1}.finale__horizon{--rise:1}.marquee__track,.finale__wave{animation:none}}@keyframes hero-in{0%{opacity:0;filter:blur(10px);transform:translateY(24px)}}@keyframes aurora{to{transform:translate(8%,6%)scale(1.15)}}@keyframes signal-sweep{to{background-position:-200% 0}}@keyframes caret-blink{50%{opacity:0}}@keyframes landing-float{to{transform:translateY(-12px)}}@keyframes bar-pulse{0%{transform:scaleY(.2)}}@keyframes bar-grow{0%{transform:scaleY(.12)}}@keyframes play-through{to{clip-path:inset(0)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes send-glow{50%{box-shadow:0 0 0 8px var(--color-primary-subtle)}}@keyframes ring-out{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.9)}}@keyframes phone-progress{0%{width:6%}to{width:94%}}@keyframes spin-back{0%{rotate:-360deg}}@keyframes wave-drift{to{transform:translate(-50%)}}