:root{--palette-white: #fffcf6;--palette-black: #000000;--palette-gray-25: #fefaf2;--palette-gray-50: #fbf3e4;--palette-gray-100: #f3e7d1;--palette-gray-200: #e3d8c4;--palette-gray-300: #cfc2ad;--palette-gray-400: #a89a8c;--palette-gray-500: #7a6c64;--palette-gray-600: #6f6159;--palette-gray-700: #4a3a52;--palette-gray-800: #34263c;--palette-gray-900: #24182b;--palette-gray-950: #1a1120;--palette-coral-50: #fff0ec;--palette-coral-100: #ffdcd3;--palette-coral-200: #ffb8a8;--palette-coral-300: #ff9680;--palette-coral-400: #f77a60;--palette-coral-500: #f0533a;--palette-coral-600: #c4381f;--palette-coral-700: #a82e18;--palette-coral-800: #8a2513;--palette-coral-900: #6b1d0f;--palette-coral-950: #3d1008;--palette-sky-50: #eaf3fc;--palette-sky-100: #d3e6f8;--palette-sky-200: #a9cdf0;--palette-sky-300: #7fb0e0;--palette-sky-400: #5b9bd5;--palette-sky-500: #2f78b8;--palette-sky-600: #1b5f9e;--palette-sky-700: #174f84;--palette-sky-800: #14446f;--palette-sky-900: #0f2f4d;--palette-sky-950: #0b2238;--palette-green-50: #e9f8ee;--palette-green-100: #cdf0d9;--palette-green-300: #7ed69a;--palette-green-500: #2a8f52;--palette-green-700: #1b6b3c;--palette-green-900: #0f3b22;--palette-green-950: #0b2918;--palette-amber-50: #fff6e5;--palette-amber-100: #ffe9c2;--palette-amber-300: #f7c15c;--palette-amber-500: #b26f00;--palette-amber-700: #8a5300;--palette-amber-900: #4d2f00;--palette-amber-950: #2e1d05;--palette-red-50: #fdecec;--palette-red-100: #fbd5d4;--palette-red-300: #f59b96;--palette-red-500: #d93a30;--palette-red-600: #c42c22;--palette-red-700: #a0221b;--palette-red-900: #5a1410;--palette-red-950: #3a110d;--font-family-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--color-bg-canvas: var(--palette-gray-50);--color-bg-surface: var(--palette-white);--color-bg-surface-raised: var(--palette-white);--color-bg-surface-sunken: var(--palette-gray-100);--color-bg-subtle: var(--palette-gray-100);--color-bg-subtle-hover: var(--palette-gray-200);--color-bg-inverse: var(--palette-gray-900);--color-bg-backdrop: rgba(15, 18, 22, .55);--color-fg-default: var(--palette-gray-900);--color-fg-muted: var(--palette-gray-600);--color-fg-subtle: var(--palette-gray-500);--color-fg-disabled: var(--palette-gray-400);--color-fg-inverse: var(--palette-white);--color-fg-link: var(--palette-coral-700);--color-fg-link-hover: var(--palette-coral-800);--color-border-default: var(--palette-gray-200);--color-border-strong: var(--palette-gray-500);--color-border-inverse: var(--palette-gray-700);--color-accent: var(--palette-coral-600);--color-accent-hover: var(--palette-coral-700);--color-accent-active: var(--palette-coral-800);--color-accent-subtle: var(--palette-coral-50);--color-accent-subtle-hover: var(--palette-coral-100);--color-fg-on-accent: var(--palette-white);--color-fg-accent: var(--palette-coral-700);--color-brand: var(--palette-coral-500);--color-logo: var(--palette-coral-500);--color-focus-ring: var(--palette-coral-600);--color-focus-ring-offset: var(--color-bg-surface);--color-info-bg: var(--palette-sky-50);--color-info-fg: var(--palette-sky-800);--color-info-border: var(--palette-sky-300);--color-info-icon: var(--palette-sky-600);--color-info-solid: var(--palette-sky-600);--color-success-bg: var(--palette-green-50);--color-success-fg: var(--palette-green-700);--color-success-border: var(--palette-green-300);--color-success-icon: var(--palette-green-500);--color-success-solid: var(--palette-green-700);--color-warning-bg: var(--palette-amber-50);--color-warning-fg: var(--palette-amber-700);--color-warning-border: var(--palette-amber-300);--color-warning-icon: var(--palette-amber-500);--color-warning-solid: var(--palette-amber-700);--color-danger-bg: var(--palette-red-50);--color-danger-fg: var(--palette-red-700);--color-danger-border: var(--palette-red-300);--color-danger-icon: var(--palette-red-500);--color-danger-solid: var(--palette-red-600);--color-danger-solid-hover: var(--palette-red-700);--color-fg-on-danger: var(--palette-white);--color-fg-on-media: var(--palette-white);--color-cover-1-from: var(--palette-coral-600);--color-cover-1-to: var(--palette-gray-900);--color-cover-2-from: var(--palette-sky-600);--color-cover-2-to: var(--palette-gray-800);--color-cover-3-from: var(--palette-amber-700);--color-cover-3-to: var(--palette-coral-800);--color-cover-4-from: var(--palette-green-700);--color-cover-4-to: var(--palette-gray-900);--color-cover-5-from: var(--palette-gray-700);--color-cover-5-to: var(--palette-coral-700);--color-cover-6-from: var(--palette-red-700);--color-cover-6-to: var(--palette-gray-800);--text-display: var(--font-weight-bold) var(--font-size-5xl) / var(--line-height-tight) var(--font-family-sans);--text-h1: var(--font-weight-bold) var(--font-size-4xl) / var(--line-height-tight) var(--font-family-sans);--text-h2: var(--font-weight-semibold) var(--font-size-3xl) / var(--line-height-tight) var(--font-family-sans);--text-h3: var(--font-weight-semibold) var(--font-size-2xl) / var(--line-height-snug) var(--font-family-sans);--text-h4: var(--font-weight-semibold) var(--font-size-xl) / var(--line-height-snug) var(--font-family-sans);--text-body-lg: var(--font-weight-regular) var(--font-size-lg) / var(--line-height-normal) var(--font-family-sans);--text-body: var(--font-weight-regular) var(--font-size-md) / var(--line-height-normal) var(--font-family-sans);--text-body-sm: var(--font-weight-regular) var(--font-size-sm) / var(--line-height-normal) var(--font-family-sans);--text-caption: var(--font-weight-regular) var(--font-size-xs) / var(--line-height-normal) var(--font-family-sans);--text-label: var(--font-weight-medium) var(--font-size-sm) / var(--line-height-normal) var(--font-family-sans);--text-overline: var(--font-weight-semibold) var(--font-size-xs) / var(--line-height-normal) var(--font-family-sans);--text-code: var(--font-weight-regular) var(--font-size-sm) / var(--line-height-normal) var(--font-family-mono);--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;--space-20: 5rem;--space-24: 6rem;--layout-breakpoint-sm: 40rem;--layout-breakpoint-md: 48rem;--layout-breakpoint-lg: 64rem;--layout-breakpoint-xl: 80rem;--layout-breakpoint-2xl: 96rem;--layout-columns: 4;--layout-gutter: var(--space-4);--layout-margin: var(--space-4);--layout-container-max: 80rem;--layout-measure: 65ch;--layout-sidebar-width: 16rem;--layout-topbar-height: 3.5rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-full: 9999px;--border-width-hairline: 1px;--border-width-thick: 2px;--shadow-color: 36 24 43;--shadow-1: 0 1px 2px rgb(var(--shadow-color) / .08);--shadow-2: 0 2px 6px rgb(var(--shadow-color) / .1), 0 1px 2px rgb(var(--shadow-color) / .06);--shadow-3: 0 8px 24px rgb(var(--shadow-color) / .14), 0 2px 6px rgb(var(--shadow-color) / .08);--shadow-4: 0 20px 48px rgb(var(--shadow-color) / .22), 0 4px 12px rgb(var(--shadow-color) / .1);--shadow-focus: 0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);--duration-instant: 0ms;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--duration-deliberate: .5s;--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-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 1;--z-sticky: 100;--z-dropdown: 1000;--z-overlay: 1200;--z-modal: 1300;--z-popover: 1400;--z-toast: 1500;--z-tooltip: 1600;--target-min: 1.5rem;--target-comfortable: 2.75rem;--focus-ring-width: 2px;--focus-ring-offset: 2px;--control-height-sm: 2rem;--control-height-md: 2.5rem;--control-height-lg: 3rem;color-scheme:light}@media(min-width:48rem){:root{--layout-columns: 8;--layout-gutter: var(--space-6);--layout-margin: var(--space-8)}}@media(min-width:64rem){:root{--layout-columns: 12;--layout-gutter: var(--space-8);--layout-margin: var(--space-12)}}[data-theme=dark]{--color-bg-canvas: var(--palette-gray-950);--color-bg-surface: var(--palette-gray-900);--color-bg-surface-raised: var(--palette-gray-800);--color-bg-surface-sunken: #1a1120;--color-bg-subtle: var(--palette-gray-800);--color-bg-subtle-hover: var(--palette-gray-700);--color-bg-inverse: var(--palette-gray-100);--color-bg-backdrop: rgba(0, 0, 0, .65);--color-fg-default: #fbf3e4;--color-fg-muted: #c9bdb0;--color-fg-subtle: #b0a398;--color-fg-disabled: var(--palette-gray-600);--color-fg-inverse: var(--palette-gray-900);--color-fg-link: var(--palette-coral-300);--color-fg-link-hover: var(--palette-coral-200);--color-border-default: #4a3a52;--color-border-strong: #a89a8c;--color-border-inverse: var(--palette-gray-300);--color-accent: var(--palette-coral-500);--color-accent-hover: var(--palette-coral-400);--color-accent-active: var(--palette-coral-100);--color-accent-subtle: var(--palette-coral-950);--color-accent-subtle-hover: var(--palette-coral-900);--color-fg-on-accent: var(--palette-gray-900);--color-fg-accent: var(--palette-coral-300);--color-brand: var(--palette-coral-500);--color-logo: var(--color-fg-default);--color-focus-ring: var(--palette-coral-300);--color-info-bg: var(--palette-sky-950);--color-info-fg: var(--palette-sky-200);--color-info-border: var(--palette-sky-800);--color-info-icon: var(--palette-sky-300);--color-info-solid: var(--palette-sky-300);--color-success-bg: var(--palette-green-950);--color-success-fg: var(--palette-green-300);--color-success-border: var(--palette-green-700);--color-success-icon: var(--palette-green-300);--color-success-solid: var(--palette-green-300);--color-warning-bg: var(--palette-amber-950);--color-warning-fg: var(--palette-amber-300);--color-warning-border: var(--palette-amber-700);--color-warning-icon: var(--palette-amber-300);--color-warning-solid: var(--palette-amber-300);--color-danger-bg: var(--palette-red-950);--color-danger-fg: var(--palette-red-300);--color-danger-border: var(--palette-red-700);--color-danger-icon: var(--palette-red-300);--color-danger-solid: var(--palette-red-300);--color-danger-solid-hover: var(--palette-red-100);--color-fg-on-danger: var(--palette-red-950);--shadow-color: 0 0 0;--shadow-1: 0 1px 2px rgb(var(--shadow-color) / .4);--shadow-2: 0 2px 6px rgb(var(--shadow-color) / .45), 0 1px 2px rgb(var(--shadow-color) / .3);--shadow-3: 0 8px 24px rgb(var(--shadow-color) / .5), 0 2px 6px rgb(var(--shadow-color) / .35);--shadow-4: 0 20px 48px rgb(var(--shadow-color) / .6), 0 4px 12px rgb(var(--shadow-color) / .4);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-canvas: var(--palette-gray-950);--color-bg-surface: var(--palette-gray-900);--color-bg-surface-raised: var(--palette-gray-800);--color-bg-surface-sunken: #1a1120;--color-bg-subtle: var(--palette-gray-800);--color-bg-subtle-hover: var(--palette-gray-700);--color-bg-inverse: var(--palette-gray-100);--color-bg-backdrop: rgba(0, 0, 0, .65);--color-fg-default: #fbf3e4;--color-fg-muted: #c9bdb0;--color-fg-subtle: #b0a398;--color-fg-disabled: var(--palette-gray-600);--color-fg-inverse: var(--palette-gray-900);--color-fg-link: var(--palette-coral-300);--color-fg-link-hover: var(--palette-coral-200);--color-border-default: #4a3a52;--color-border-strong: #a89a8c;--color-border-inverse: var(--palette-gray-300);--color-accent: var(--palette-coral-500);--color-accent-hover: var(--palette-coral-400);--color-accent-active: var(--palette-coral-100);--color-accent-subtle: var(--palette-coral-950);--color-accent-subtle-hover: var(--palette-coral-900);--color-fg-on-accent: var(--palette-gray-900);--color-fg-accent: var(--palette-coral-300);--color-brand: var(--palette-coral-500);--color-logo: var(--color-fg-default);--color-focus-ring: var(--palette-coral-300);--color-info-bg: var(--palette-sky-950);--color-info-fg: var(--palette-sky-200);--color-info-border: var(--palette-sky-800);--color-info-icon: var(--palette-sky-300);--color-info-solid: var(--palette-sky-300);--color-success-bg: var(--palette-green-950);--color-success-fg: var(--palette-green-300);--color-success-border: var(--palette-green-700);--color-success-icon: var(--palette-green-300);--color-success-solid: var(--palette-green-300);--color-warning-bg: var(--palette-amber-950);--color-warning-fg: var(--palette-amber-300);--color-warning-border: var(--palette-amber-700);--color-warning-icon: var(--palette-amber-300);--color-warning-solid: var(--palette-amber-300);--color-danger-bg: var(--palette-red-950);--color-danger-fg: var(--palette-red-300);--color-danger-border: var(--palette-red-700);--color-danger-icon: var(--palette-red-300);--color-danger-solid: var(--palette-red-300);--color-danger-solid-hover: var(--palette-red-100);--color-fg-on-danger: var(--palette-red-950);--shadow-color: 0 0 0;--shadow-1: 0 1px 2px rgb(var(--shadow-color) / .4);--shadow-2: 0 2px 6px rgb(var(--shadow-color) / .45), 0 1px 2px rgb(var(--shadow-color) / .3);--shadow-3: 0 8px 24px rgb(var(--shadow-color) / .5), 0 2px 6px rgb(var(--shadow-color) / .35);--shadow-4: 0 20px 48px rgb(var(--shadow-color) / .6), 0 4px 12px rgb(var(--shadow-color) / .4);color-scheme:dark}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: .01ms;--duration-base: .01ms;--duration-slow: .01ms;--duration-deliberate: .01ms}}@media(prefers-contrast:more){:root{--color-border-default: var(--color-border-strong);--color-fg-muted: var(--color-fg-default);--color-fg-subtle: var(--color-fg-muted)}}@media(forced-colors:active){:root{--color-focus-ring: Highlight;--color-border-default: CanvasText;--color-border-strong: CanvasText}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font:var(--text-body);color:var(--color-fg-default);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;min-height:100dvh}h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}h1{font:var(--text-h1);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}h2{font:var(--text-h2);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}h3{font:var(--text-h3);text-wrap:balance}h4{font:var(--text-h4)}p{max-width:var(--layout-measure);text-wrap:pretty}small,.text-sm{font:var(--text-body-sm)}.text-muted{color:var(--color-fg-muted)}.text-subtle{color:var(--color-fg-subtle)}.text-caption{font:var(--text-caption);color:var(--color-fg-muted)}.overline{font:var(--text-overline);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-muted)}a{color:var(--color-fg-link);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--color-fg-link-hover);text-decoration-thickness:2px}code,kbd,pre{font:var(--text-code)}code{background:var(--color-bg-subtle);padding:.1em .35em;border-radius:var(--radius-sm)}kbd{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);padding:.05em .4em}pre{background:var(--color-bg-surface-sunken);padding:var(--space-4);border-radius:var(--radius-md);overflow:auto}img,svg,video{max-width:100%;height:auto;display:block}hr,.divider{border:0;border-top:1px solid var(--color-border-default);margin:var(--space-6) 0}::selection{background:var(--color-accent-subtle-hover)}:focus-visible,[data-state=focus]{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.visually-hidden,.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:calc(-1 * var(--space-24));z-index:var(--z-tooltip);padding:var(--space-2) var(--space-4);background:var(--color-bg-surface-raised);color:var(--color-fg-default);border-radius:var(--radius-md);box-shadow:var(--shadow-3);text-decoration:none;transition:top var(--duration-fast) var(--ease-standard)}.skip-link:focus-visible{top:var(--space-4)}.container{width:100%;max-width:var(--layout-container-max);margin-inline:auto;padding-inline:var(--layout-margin)}.container--narrow{max-width:42rem}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-8)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.cluster--between{justify-content:space-between}.cluster--end{justify-content:flex-end}.grid{display:grid;gap:var(--layout-gutter);grid-template-columns:repeat(var(--layout-columns),minmax(0,1fr))}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}.span-full{grid-column:1 / -1}.sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:100dvh}@media(min-width:64rem){.sidebar-layout{grid-template-columns:var(--layout-sidebar-width) minmax(0,1fr)}}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-block:var(--space-6) var(--space-6)}.page-header .subtitle{color:var(--color-fg-muted);margin-top:var(--space-1)}.section{margin-block:var(--space-8)}.btn{--btn-bg: var(--color-bg-surface);--btn-fg: var(--color-fg-default);--btn-border: var(--color-border-strong);--btn-bg-hover: var(--color-bg-subtle);--btn-bg-active: var(--color-bg-subtle-hover);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-md);padding:0 var(--space-4);font:var(--text-label);font-size:var(--font-size-md);line-height:1;white-space:nowrap;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;position:relative;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.btn:hover,.btn[data-state=hover]{background:var(--btn-bg-hover)}.btn:active,.btn[data-state=active]{background:var(--btn-bg-active);transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true],.btn[data-state=disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{--btn-bg: var(--color-accent);--btn-fg: var(--color-fg-on-accent);--btn-border: var(--color-accent);--btn-bg-hover: var(--color-accent-hover);--btn-bg-active: var(--color-accent-active)}.btn--primary:hover,.btn--primary[data-state=hover]{border-color:var(--color-accent-hover);box-shadow:var(--shadow-1)}.btn--danger{--btn-bg: var(--color-danger-solid);--btn-fg: var(--color-fg-on-danger);--btn-border: var(--color-danger-solid);--btn-bg-hover: var(--color-danger-solid-hover);--btn-bg-active: var(--color-danger-solid-hover)}.btn--ghost{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--color-fg-default)}.btn--link{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--color-fg-link);--btn-bg-hover: var(--color-accent-subtle);text-decoration:underline;text-underline-offset:.15em}.btn--sm{min-height:var(--control-height-sm);padding-inline:var(--space-3);font-size:var(--font-size-sm)}.btn--lg{min-height:var(--control-height-lg);padding-inline:var(--space-6);font-size:var(--font-size-lg)}.btn--block{display:flex;width:100%}.btn--icon{padding:0;width:var(--control-height-md)}.btn--icon.btn--sm{width:var(--control-height-sm)}.btn .icon{width:1.25em;height:1.25em;flex:none}.btn[aria-busy=true],.btn[data-state=loading]{color:transparent;pointer-events:none}.btn[aria-busy=true]:after,.btn[data-state=loading]:after{content:"";position:absolute;inset:0;margin:auto;width:1.1em;height:1.1em;border:2px solid var(--btn-fg);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;margin-left:-1px}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-left:0}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn[aria-pressed=true]{background:var(--color-accent-subtle);color:var(--color-fg-accent);border-color:var(--color-accent);z-index:1}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font:var(--text-label);color:var(--color-fg-default);display:flex;gap:var(--space-1)}.field__label .optional{color:var(--color-fg-subtle);font-weight:var(--font-weight-regular)}.field__help{font:var(--text-body-sm);color:var(--color-fg-muted)}.field__error{font:var(--text-body-sm);color:var(--color-danger-fg);display:flex;gap:var(--space-1);align-items:flex-start}.field__error:before{content:"\26a0";flex:none}.field__counter{font:var(--text-caption);color:var(--color-fg-subtle);text-align:right}.input,.select,.textarea{width:100%;min-height:var(--control-height-md);padding:var(--space-2) var(--space-3);font:var(--text-body);color:var(--color-fg-default);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.textarea{min-height:calc(var(--control-height-md) * 2.5);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-fg-subtle)}.input:hover,.select:hover,.textarea:hover,.input[data-state=hover]{border-color:var(--color-fg-muted)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.input[data-state=focus]{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:0;border-color:var(--color-focus-ring);border-radius:var(--radius-md)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true],.input[data-state=invalid]{border-color:var(--color-danger-solid);box-shadow:inset 0 0 0 1px var(--color-danger-solid)}.input:disabled,.select:disabled,.textarea:disabled,.input[data-state=disabled]{background:var(--color-bg-subtle);color:var(--color-fg-disabled);cursor:not-allowed;border-color:var(--color-border-default)}.input:read-only:not(:disabled){background:var(--color-bg-surface-sunken)}.input--sm{min-height:var(--control-height-sm);padding-block:var(--space-1);font-size:var(--font-size-sm)}.input--lg{min-height:var(--control-height-lg);font-size:var(--font-size-lg)}.select{appearance:none;padding-right:var(--space-10);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.input-group{display:flex;align-items:stretch}.input-group .input{border-radius:0}.input-group>:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group>:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .addon{display:inline-flex;align-items:center;padding-inline:var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border-strong);color:var(--color-fg-muted);font:var(--text-body-sm)}.input-group .addon+.input{margin-left:-1px}.search{position:relative;min-width:0}.search .input{padding-left:var(--space-10)}.search .icon{position:absolute;left:var(--space-3);top:50%;translate:0 -50%;width:1.25rem;height:1.25rem;color:var(--color-fg-subtle);pointer-events:none}.choice{display:flex;gap:var(--space-3);align-items:flex-start;cursor:pointer;font:var(--text-body);padding-block:var(--space-1);min-height:var(--target-min)}.choice input{appearance:none;flex:none;width:1.25rem;height:1.25rem;margin:.125rem 0 0;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);display:grid;place-content:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.choice input[type=checkbox]{border-radius:var(--radius-xs)}.choice input[type=radio]{border-radius:var(--radius-full)}.choice input:checked,.choice input[data-state=checked]{background:var(--color-accent);border-color:var(--color-accent)}.choice input[type=checkbox]:checked:before,.choice input[type=checkbox][data-state=checked]:before{content:"";width:.75rem;height:.75rem;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:var(--color-fg-on-accent)}.choice input[type=checkbox]:indeterminate:before{content:"";width:.65rem;height:2px;background:var(--color-fg-on-accent)}.choice input[type=checkbox]:indeterminate{background:var(--color-accent);border-color:var(--color-accent)}.choice input[type=radio]:checked:before,.choice input[type=radio][data-state=checked]:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--color-fg-on-accent)}.choice input:disabled,.choice input[data-state=disabled]{background:var(--color-bg-subtle);border-color:var(--color-border-default);cursor:not-allowed}.choice input:disabled+*{color:var(--color-fg-disabled)}.choice input[aria-invalid=true]{border-color:var(--color-danger-solid)}.choice__text{display:flex;flex-direction:column;gap:var(--space-0-5)}.choice__text small{color:var(--color-fg-muted)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;min-height:var(--target-min)}.switch input{appearance:none;margin:0;flex:none;width:2.75rem;height:1.5rem;border-radius:var(--radius-full);background:var(--color-border-strong);position:relative;cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard)}.switch input:before{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-bg-surface);box-shadow:var(--shadow-1);transition:translate var(--duration-base) var(--ease-standard)}.switch input:checked,.switch input[data-state=checked]{background:var(--color-accent)}.switch input:checked:before,.switch input[data-state=checked]:before{translate:1.25rem 0}.switch input:disabled{opacity:.5;cursor:not-allowed}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font:var(--text-label);padding:0;margin-bottom:var(--space-2)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4)}.form-summary{border-left:4px solid var(--color-danger-solid)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-6)}.card--flush{padding:0;overflow:hidden}.card--interactive{cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.card--interactive:hover,.card--interactive[data-state=hover]{box-shadow:var(--shadow-2);border-color:var(--color-border-strong);transform:translateY(-1px)}.card--selected,.card[aria-selected=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.card__title{font:var(--text-h4)}.card__footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-default);display:flex;gap:var(--space-3);justify-content:flex-end}.well{background:var(--color-bg-surface-sunken);border-radius:var(--radius-md);padding:var(--space-4)}.stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat__label{font:var(--text-label);color:var(--color-fg-muted)}.stat__value{font:var(--text-h2);font-variant-numeric:tabular-nums}.stat__delta{font:var(--text-body-sm);display:inline-flex;gap:var(--space-1)}.stat__delta--up{color:var(--color-success-fg)}.stat__delta--down{color:var(--color-danger-fg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);min-height:1.375rem;border-radius:var(--radius-full);font:var(--text-overline);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;background:var(--color-bg-subtle);color:var(--color-fg-muted);white-space:nowrap}.badge:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.badge--info{background:var(--color-info-bg);color:var(--color-info-fg)}.badge--success{background:var(--color-success-bg);color:var(--color-success-fg)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning-fg)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger-fg)}.badge--solid{background:var(--color-info-solid);color:var(--color-fg-on-accent)}.badge--count{min-width:1.375rem;justify-content:center;padding-inline:var(--space-1);background:var(--color-danger-solid);color:var(--color-fg-on-danger);font-variant-numeric:tabular-nums}.badge--count:before{display:none}.ibtn--count{position:relative}.ibtn--count .badge--count{position:absolute;top:-.125rem;right:-.25rem;min-height:1.125rem;min-width:1.125rem;font-size:.6875rem}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--control-height-sm);padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-fg-default);font:var(--text-label);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.chip:hover,.chip[data-state=hover]{background:var(--color-bg-subtle)}.chip[aria-pressed=true],.chip[aria-selected=true],.chip[data-state=selected]{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-fg-accent)}.chip .remove{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;margin-right:calc(-1 * var(--space-1));border-radius:50%;border:0;background:transparent;color:inherit;cursor:pointer}.chip .remove:hover{background:var(--color-bg-subtle-hover)}.avatar{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-fg-accent);font:var(--text-label);overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:2rem;height:2rem;font-size:var(--font-size-xs)}.avatar--lg{width:3.5rem;height:3.5rem;font-size:var(--font-size-lg)}.avatar-group{display:flex}.avatar-group .avatar{box-shadow:0 0 0 2px var(--color-bg-surface);margin-left:calc(-1 * var(--space-2))}.avatar-group .avatar:first-child{margin-left:0}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-4);min-height:var(--layout-topbar-height);padding-inline:var(--layout-margin);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default)}.topbar__brand{font:var(--text-h4);color:var(--color-fg-default);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.topbar__nav{display:none;gap:var(--space-1);margin-left:var(--space-4)}.topbar__spacer{flex:1}.topbar__menu{display:inline-flex}@media(min-width:64rem){.topbar__menu{display:none}}.topbar .search{flex:1;min-width:0;max-width:28rem}@media(min-width:48rem){.topbar__nav{display:flex}}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-comfortable);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-fg-muted);text-decoration:none;font:var(--text-label);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav-link:hover,.nav-link[data-state=hover]{background:var(--color-bg-subtle);color:var(--color-fg-default)}.nav-link[aria-current=page]{background:var(--color-accent-subtle);color:var(--color-fg-accent)}.sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border-default);padding:var(--space-4);display:none;flex-direction:column;gap:var(--space-1)}.sidebar[data-open=true]{display:flex}@media(min-width:64rem){.sidebar{display:flex;position:sticky;top:0;height:100dvh;overflow:auto}}.sidebar .nav-link{width:100%}.sidebar__group{font:var(--text-overline);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-subtle);padding:var(--space-4) var(--space-3) var(--space-1)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border-default);overflow-x:auto;scrollbar-width:none}.tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-comfortable);padding:0 var(--space-3);border:0;background:none;color:var(--color-fg-muted);font:var(--text-label);cursor:pointer;white-space:nowrap}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background-color var(--duration-fast) var(--ease-standard)}.tab:hover,.tab[data-state=hover]{color:var(--color-fg-default)}.tab[aria-selected=true]{color:var(--color-fg-accent)}.tab[aria-selected=true]:after{background:var(--color-accent)}.tab .badge{margin-left:var(--space-1)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;padding:0;font:var(--text-body-sm);color:var(--color-fg-muted)}.breadcrumb li+li:before{content:"/";margin-right:var(--space-2);color:var(--color-fg-subtle)}.breadcrumb a{color:var(--color-fg-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-fg-default);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--color-fg-default);font-weight:var(--font-weight-medium)}.pagination{display:flex;align-items:center;gap:var(--space-1);list-style:none;padding:0}.pagination a,.pagination button{display:inline-grid;place-items:center;min-width:var(--control-height-sm);height:var(--control-height-sm);padding-inline:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;background:none;color:var(--color-fg-muted);font:var(--text-label);text-decoration:none;cursor:pointer}.pagination a:hover,.pagination button:hover{background:var(--color-bg-subtle);color:var(--color-fg-default)}.pagination [aria-current=page]{background:var(--color-accent-subtle);color:var(--color-fg-accent);border-color:var(--color-accent)}.pagination [aria-disabled=true]{opacity:.5;pointer-events:none}.stepper{display:flex;gap:var(--space-4);list-style:none;padding:0;counter-reset:step}.stepper li{flex:1;display:flex;align-items:center;gap:var(--space-2);font:var(--text-label);color:var(--color-fg-muted)}.stepper li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid var(--color-border-strong);font:var(--text-caption);font-weight:var(--font-weight-semibold);flex:none}.stepper li[aria-current=step]{color:var(--color-fg-accent)}.stepper li[aria-current=step]:before{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-fg-on-accent)}.stepper li[data-complete]:before{content:"\2713";border-color:var(--color-success-fg);background:var(--color-success-fg);color:var(--color-fg-inverse)}@media(max-width:47.99rem){.stepper li span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.stepper li[aria-current=step] span{position:static;width:auto;height:auto;clip:auto}}.table-wrap{overflow-x:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-surface)}.table{width:100%;border-collapse:collapse;font:var(--text-body-sm)}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);vertical-align:middle}.table th{background:var(--color-bg-surface-sunken);font:var(--text-label);color:var(--color-fg-muted);white-space:nowrap;position:sticky;top:0}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover,.table tbody tr[data-state=hover]{background:var(--color-bg-subtle)}.table tbody tr[aria-selected=true]{background:var(--color-accent-subtle)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table .row-actions{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.table tr:hover .row-actions,.table tr:focus-within .row-actions,.table tr[data-state=hover] .row-actions{opacity:1}@media(hover:none){.table .row-actions{opacity:1}}.table th[aria-sort] button{all:unset;cursor:pointer;display:inline-flex;gap:var(--space-1);align-items:center}.table th[aria-sort=ascending] button:after{content:"\2191"}.table th[aria-sort=descending] button:after{content:"\2193"}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default)}.list__item:last-child{border-bottom:0}.list__item--interactive{cursor:pointer;text-decoration:none;color:inherit}.list__item--interactive:hover{background:var(--color-bg-subtle)}.list__body{flex:1;min-width:0}.list__title{font:var(--text-label)}.list__meta{font:var(--text-body-sm);color:var(--color-fg-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-6);margin:0}.dl dt{font:var(--text-label);color:var(--color-fg-muted)}.dl dd{margin:0}.backdrop{position:fixed;inset:0;background:var(--color-bg-backdrop);z-index:var(--z-overlay);animation:fade-in var(--duration-base) var(--ease-enter)}.dialog{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:end center;padding:0}@media(min-width:40rem){.dialog{place-items:center;padding:var(--space-6)}}.dialog__panel{width:100%;max-width:32rem;max-height:calc(100dvh - var(--space-12));overflow:auto;background:var(--color-bg-surface-raised);color:var(--color-fg-default);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-4);animation:slide-up var(--duration-slow) var(--ease-enter);display:flex;flex-direction:column}@media(min-width:40rem){.dialog__panel{border-radius:var(--radius-lg);animation-name:scale-in}}.dialog__panel--lg{max-width:48rem}.dialog__panel--sm{max-width:24rem}.dialog__header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) 0}.dialog__title{font:var(--text-h3);flex:1}.dialog__body{padding:var(--space-4) var(--space-6);flex:1}.dialog__footer{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border-default);position:sticky;bottom:0;background:var(--color-bg-surface-raised)}.dialog__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);flex:none}.dialog__icon--danger{background:var(--color-danger-bg);color:var(--color-danger-icon)}.dialog__icon--info{background:var(--color-info-bg);color:var(--color-info-icon)}.drawer{position:fixed;top:0;bottom:0;right:0;z-index:var(--z-modal);width:min(100%,28rem);background:var(--color-bg-surface-raised);box-shadow:var(--shadow-4);display:flex;flex-direction:column;animation:slide-in-right var(--duration-slow) var(--ease-enter)}.drawer--left{right:auto;left:0;animation-name:slide-in-left}.drawer__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-default)}.drawer__title{font:var(--text-h4);flex:1}.drawer__body{padding:var(--space-6);overflow:auto;flex:1}.drawer__footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-default)}.menu{position:absolute;z-index:var(--z-dropdown);min-width:12rem;padding:var(--space-1);margin:var(--space-1) 0 0;list-style:none;background:var(--color-bg-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-3);animation:scale-in var(--duration-fast) var(--ease-enter);transform-origin:top left}.menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-height-sm);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-fg-default);font:var(--text-body-sm);text-align:left;text-decoration:none;cursor:pointer}.menu__item:hover,.menu__item[data-state=hover],.menu__item:focus-visible{background:var(--color-bg-subtle);outline:none}.menu__item[aria-disabled=true]{color:var(--color-fg-disabled);cursor:not-allowed}.menu__item--danger{color:var(--color-danger-fg)}.menu__item kbd{margin-left:auto;font-size:var(--font-size-xs)}.menu__divider{border-top:1px solid var(--color-border-default);margin:var(--space-1) 0}.menu-anchor{position:relative;display:inline-block}.popover{position:absolute;z-index:var(--z-popover);width:max-content;max-width:min(20rem,90vw);padding:var(--space-4);background:var(--color-bg-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-3)}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-1) var(--space-2);background:var(--color-bg-inverse);color:var(--color-fg-inverse);border-radius:var(--radius-sm);font:var(--text-caption);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-2)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;translate:-50% 0;border:5px solid transparent;border-top-color:var(--color-bg-inverse)}.has-tooltip{position:relative}.has-tooltip .tooltip{bottom:calc(100% + 8px);left:50%;translate:-50% 0;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.has-tooltip:hover .tooltip,.has-tooltip:focus-within .tooltip,.has-tooltip[data-state=hover] .tooltip{opacity:1}.alert{--alert-bg: var(--color-info-bg);--alert-fg: var(--color-info-fg);--alert-border: var(--color-info-border);--alert-icon: var(--color-info-icon);display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--alert-border);border-left-width:4px;border-radius:var(--radius-md);background:var(--alert-bg);color:var(--alert-fg)}.alert--success{--alert-bg: var(--color-success-bg);--alert-fg: var(--color-success-fg);--alert-border: var(--color-success-border);--alert-icon: var(--color-success-icon)}.alert--warning{--alert-bg: var(--color-warning-bg);--alert-fg: var(--color-warning-fg);--alert-border: var(--color-warning-border);--alert-icon: var(--color-warning-icon)}.alert--danger{--alert-bg: var(--color-danger-bg);--alert-fg: var(--color-danger-fg);--alert-border: var(--color-danger-border);--alert-icon: var(--color-danger-icon)}.alert .icon{width:1.25rem;height:1.25rem;flex:none;color:var(--alert-icon);margin-top:.1rem}.alert__body{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.alert__title{font:var(--text-label)}.alert__actions{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.alert__actions a,.alert__actions button{color:inherit;font:var(--text-label)}.alert .close{background:none;border:0;color:inherit;cursor:pointer;width:var(--target-min);height:var(--target-min);display:grid;place-items:center;border-radius:var(--radius-sm);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-1)) 0 0}.alert .close:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.banner{border-radius:0;border-left-width:1px;border-top:0;border-inline:0;justify-content:center}.banner .alert__body{flex:0 1 auto;flex-direction:row;align-items:center;gap:var(--space-4);flex-wrap:wrap}.toast-region{position:fixed;z-index:var(--z-toast);bottom:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}@media(min-width:40rem){.toast-region{left:auto;width:24rem;bottom:var(--space-6);right:var(--space-6)}}.toast-region--top{bottom:auto;top:var(--space-4)}.toast{pointer-events:auto;display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);background:var(--color-bg-inverse);color:var(--color-fg-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-3);animation:slide-up var(--duration-base) var(--ease-enter)}.toast .icon{width:1.25rem;height:1.25rem;flex:none;margin-top:.1rem}.toast--info .icon{color:var(--color-info-icon)}.toast--success .icon{color:var(--color-success-icon)}.toast--warning .icon{color:var(--color-warning-icon)}.toast--danger .icon{color:var(--color-danger-icon)}.toast__body{flex:1;display:flex;flex-direction:column;gap:var(--space-0-5)}.toast__title{font:var(--text-label)}.toast__text{font:var(--text-body-sm);opacity:.9}.toast__action{align-self:flex-start;font:var(--text-label);color:inherit;background:none;border:0;padding:var(--space-1) 0;text-decoration:underline;cursor:pointer}.toast .close{background:none;border:0;color:inherit;cursor:pointer;width:var(--target-min);height:var(--target-min);display:grid;place-items:center;border-radius:var(--radius-sm);opacity:.8}.toast .close:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}.toast__progress{position:absolute;left:0;bottom:0;height:2px;background:currentColor;opacity:.4;width:60%}.toast{position:relative;overflow:hidden}.toast[data-state=leaving]{animation:fade-out var(--duration-base) var(--ease-exit) forwards}.progress{width:100%;height:.5rem;border-radius:var(--radius-full);background:var(--color-bg-subtle-hover);overflow:hidden}.progress__bar{height:100%;width:var(--value, 0%);background:var(--color-accent);border-radius:inherit;transition:width var(--duration-slow) var(--ease-standard)}.progress--indeterminate .progress__bar{width:40%;animation:indeterminate 1.4s var(--ease-standard) infinite}.progress--success .progress__bar{background:var(--color-success-solid)}.progress--danger .progress__bar{background:var(--color-danger-solid)}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--color-border-default);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner--lg{width:2.5rem;height:2.5rem;border-width:3px}.skeleton{display:block;background:linear-gradient(90deg,var(--color-bg-subtle) 25%,var(--color-bg-subtle-hover) 37%,var(--color-bg-subtle) 63%);background-size:400% 100%;border-radius:var(--radius-sm);animation:shimmer 1.4s var(--ease-standard) infinite;min-height:1em}.skeleton--text{height:.9em;margin-block:.3em}.skeleton--text:last-child{width:60%}.skeleton--title{height:1.5em;width:40%}.skeleton--circle{border-radius:50%}.skeleton--rect{border-radius:var(--radius-md)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-12) var(--space-6)}.empty__icon{width:4rem;height:4rem;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--color-accent-subtle);color:var(--color-fg-accent);margin-bottom:var(--space-2)}.empty__title{font:var(--text-h3)}.empty__text{color:var(--color-fg-muted);max-width:36ch}.empty__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center}.empty--compact{padding:var(--space-8) var(--space-4)}.empty--error .empty__icon{background:var(--color-danger-bg);color:var(--color-danger-icon)}.inline-status{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--text-body-sm);color:var(--color-fg-muted)}.inline-status--success{color:var(--color-success-fg)}.inline-status--danger{color:var(--color-danger-fg)}.dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.dot--pulse{animation:pulse 1.6s var(--ease-standard) infinite}.icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon--sm{width:1rem;height:1rem}.icon--lg{width:1.5rem;height:1.5rem}.accordion{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface)}.accordion details+details{border-top:1px solid var(--color-border-default)}.accordion summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);font:var(--text-label);cursor:pointer;list-style:none;min-height:var(--target-comfortable)}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";font-size:var(--font-size-xl);color:var(--color-fg-subtle);transition:rotate var(--duration-base) var(--ease-standard)}.accordion details[open] summary:after{rotate:45deg}.accordion summary:hover{background:var(--color-bg-subtle)}.accordion .accordion__body{padding:0 var(--space-4) var(--space-4);color:var(--color-fg-muted)}.footer{padding:var(--space-8) var(--layout-margin);border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font:var(--text-body-sm);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.footer a{color:inherit}.auth-layout{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6) var(--layout-margin)}.auth-card{width:100%;max-width:26rem}.auth-card .logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}@keyframes spin{to{rotate:360deg}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0;translate:0 var(--space-2)}}@keyframes slide-up{0%{opacity:0;translate:0 var(--space-4)}}@keyframes scale-in{0%{opacity:0;scale:.96}}@keyframes slide-in-right{0%{translate:100% 0}}@keyframes slide-in-left{0%{translate:-100% 0}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes indeterminate{0%{translate:-100% 0}to{translate:350% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{animation:none}.progress--indeterminate .progress__bar{animation:none;width:100%;opacity:.6}}@media(forced-colors:active){.btn,.input,.select,.textarea,.card,.chip,.badge{forced-color-adjust:none;border:1px solid CanvasText}.btn--primary{background:Highlight;color:HighlightText}}@media print{.topbar,.sidebar,.toast-region,.mock-bar,.skip-link{display:none!important}}.cover{--cover-a: var(--color-cover-1-from);--cover-b: var(--color-cover-1-to);position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--cover-a),var(--cover-b));color:var(--color-fg-on-media);overflow:hidden}.cover svg{width:38%;height:38%;opacity:.9}.cover--sm{width:3rem;border-radius:var(--radius-md)}.cover--md{width:4rem;border-radius:var(--radius-md)}.cover--xl{max-width:16rem}.cover--c1{--cover-a: var(--color-cover-1-from);--cover-b: var(--color-cover-1-to)}.cover--c2{--cover-a: var(--color-cover-2-from);--cover-b: var(--color-cover-2-to)}.cover--c3{--cover-a: var(--color-cover-3-from);--cover-b: var(--color-cover-3-to)}.cover--c4{--cover-a: var(--color-cover-4-from);--cover-b: var(--color-cover-4-to)}.cover--c5{--cover-a: var(--color-cover-5-from);--cover-b: var(--color-cover-5-to)}.cover--c6{--cover-a: var(--color-cover-6-from);--cover-b: var(--color-cover-6-to)}.round{border-radius:var(--radius-full)}.tile-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:48rem){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){.tile-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.tile{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:inherit;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);transition:background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.tile:hover,.tile[data-state=hover]{background:var(--color-bg-subtle);box-shadow:var(--shadow-2);color:inherit}.tile__title{font:var(--text-label)}.tile__meta{font:var(--text-caption);color:var(--color-fg-muted)}.genre-tile{display:flex;align-items:flex-end;min-height:6rem;padding:var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--cover-a),var(--cover-b));color:var(--color-fg-on-media);font:var(--text-h4);text-decoration:none}.genre-tile:hover{color:var(--color-fg-on-media);box-shadow:var(--shadow-2)}.track{display:grid;grid-template-columns:1.5rem 3rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);min-height:var(--target-comfortable)}.track:hover,.track[data-state=hover]{background:var(--color-bg-subtle)}.track[aria-current=true]{background:var(--color-accent-subtle)}.track--selectable{grid-template-columns:1.5rem 1.5rem 3rem minmax(0,1fr) auto}.track__check{width:1.125rem;height:1.125rem;margin:0;accent-color:var(--color-accent);cursor:pointer}.track--selected{background:var(--color-accent-subtle)}.track__num{font:var(--text-caption);color:var(--color-fg-muted);text-align:center}.track__title{font:var(--text-label)}.track__meta{font:var(--text-caption);color:var(--color-fg-muted)}.track__title,.track__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track__actions{display:flex;align-items:center;gap:var(--space-1)}.track__time{font:var(--text-caption);color:var(--color-fg-muted);min-width:2.5rem;text-align:right}.track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:1rem;color:var(--color-fg-accent)}.eq span{width:3px;background:currentColor;border-radius:var(--radius-full)}.eq span:nth-child(1){height:60%}.eq span:nth-child(2){height:100%}.eq span:nth-child(3){height:40%}.wave{display:flex;align-items:center;gap:2px;height:3rem}.wave span{flex:1;background:var(--color-border-strong);border-radius:var(--radius-full);min-width:2px}.wave span.is-played{background:var(--color-accent)}.hero{display:grid;gap:var(--space-6);align-items:end;padding:var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-accent-subtle),var(--color-bg-surface));border:1px solid var(--color-border-default)}@media(min-width:48rem){.hero{grid-template-columns:12rem minmax(0,1fr)}}.shelf{margin-block:var(--space-8)}.shelf>.cluster{margin-bottom:var(--space-3)}.player{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-bg-surface-raised);border-top:1px solid var(--color-border-default);box-shadow:var(--shadow-3)}.player__now{display:flex;align-items:center;gap:var(--space-3);min-width:0;text-decoration:none;color:inherit}.player__controls{display:flex;align-items:center;gap:var(--space-1)}.player__scrub{grid-column:1 / -1}.player__extra{display:none}@media(min-width:64rem){.player{grid-template-columns:1fr minmax(20rem,2fr) 1fr;left:var(--layout-sidebar-width)}.player__scrub{grid-column:auto;grid-row:1;grid-column:2}.player__controls{grid-column:2;grid-row:1;justify-content:center}.player__extra{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}}.has-player main{padding-bottom:9rem}.scrub{display:flex;align-items:center;gap:var(--space-2);font:var(--text-caption);color:var(--color-fg-muted)}.scrub .progress{flex:1}.pill-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.artist-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);background:var(--color-bg-subtle);text-decoration:none;color:inherit;font:var(--text-label);min-height:var(--target-comfortable)}.licence{display:inline-flex;align-items:center;gap:var(--space-1);font:var(--text-caption)}.queue-label{font:var(--text-overline);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-muted);padding:var(--space-3) var(--space-3) var(--space-1)}.notif{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md)}.notif[data-unread=true]{background:var(--color-accent-subtle)}.brand-logo{height:1.75rem;width:auto}.brand-logo--dark,[data-theme=dark] .brand-logo--light{display:none}[data-theme=dark] .brand-logo--dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-logo--light{display:none}:root:not([data-theme=light]) .brand-logo--dark{display:block}}@media(max-width:63.99rem){.topbar__spacer{display:none}.topbar .search{max-width:none}}a.avatar{text-decoration:none}.form-summary{padding:var(--space-3) var(--space-4);background:var(--color-danger-bg);color:var(--color-danger-fg);border-radius:var(--radius-md)}.form-summary ul{margin:var(--space-1) 0 0;padding-left:var(--space-5)}.btn{border-radius:var(--radius-full);font-weight:var(--font-weight-bold)}.btn--primary:active{transform:scale(.97)}.btn--soft{--btn-bg: var(--color-bg-subtle);--btn-border: transparent;--btn-bg-hover: var(--color-bg-subtle-hover)}.btn-group .btn:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.btn-group .btn:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0}.cover img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.cover--art svg{display:none}.topnav{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-6);min-height:4.5rem;padding-inline:var(--layout-margin);background:var(--color-bg-canvas)}.topnav__brand{display:inline-flex;align-items:center;text-decoration:none}.topnav__links{display:none;align-items:center;gap:var(--space-6)}.topnav__link{white-space:nowrap;font:var(--text-label);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.topnav__link:hover{color:var(--color-fg-default)}.topnav__link[aria-current=page]{color:var(--color-fg-default);font-weight:var(--font-weight-bold)}.topnav__end{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}.topnav__menu{display:inline-flex}@media(min-width:64rem){.topnav__links{display:flex}.topnav__menu{display:none}}.topnav__links[data-open=true]{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--layout-margin);background:var(--color-bg-surface-raised);box-shadow:var(--shadow-3)}.eq--live span{transform-origin:bottom;animation:eq .9s linear infinite}.eq--live span:nth-child(2){animation-delay:-.3s}.eq--live span:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.billboard{display:grid;gap:var(--space-6);padding-block:var(--space-2)}@media(min-width:64rem){.billboard{grid-template-columns:23.75rem minmax(0,1fr);gap:var(--space-10)}}.billboard__text{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-3)}.billboard__kicker{font:var(--text-label);color:var(--color-fg-accent)}.billboard__title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:.98;letter-spacing:-.03em}.billboard__artist{font:var(--text-body-lg);font-weight:var(--font-weight-medium)}.billboard__blurb{color:var(--color-fg-muted);font:var(--text-body)}.billboard__meta{color:var(--color-fg-subtle);font:var(--text-body-sm)}.billboard__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.billboard__media{position:relative;overflow:hidden;border-radius:1.75rem;background:var(--color-bg-surface-raised);min-height:16rem}@media(min-width:64rem){.billboard__media{height:28.75rem}}.billboard__media>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:92% 50%;position:absolute;inset:0}.billboard__chip{position:absolute;left:var(--space-5);bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:1rem;background:color-mix(in srgb,var(--color-bg-canvas) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.billboard__chip img{width:3rem;height:3rem;border-radius:.625rem;object-fit:cover}.billboard__chip small{display:block;color:var(--color-fg-muted);font:var(--text-caption)}.billboard__chip strong{font:var(--text-label);font-weight:var(--font-weight-bold)}.shelf{margin-block:0}.shelf+.shelf,.billboard+.shelf{margin-top:var(--space-10)}.shelf__head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.shelf__title{font:var(--text-h4);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.shelf__note{color:var(--color-fg-subtle);font:var(--text-body-sm)}.shelf__more{margin-left:auto;white-space:nowrap;font:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);text-decoration:none}.shelf__more:hover{color:var(--color-fg-default)}.shelf__rail{position:relative}.shelf__track{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--space-1);margin-inline:calc(-1 * var(--layout-margin));padding-inline:var(--layout-margin);scroll-padding-inline:var(--layout-margin)}.shelf__track::-webkit-scrollbar{display:none}.shelf__arrow{position:absolute;top:0;height:11.75rem;width:2.75rem;display:none;place-items:center;border:0;color:var(--color-fg-default);background:color-mix(in srgb,var(--color-bg-canvas) 80%,transparent);cursor:pointer;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.shelf__rail:hover .shelf__arrow{opacity:1}@media(hover:hover)and (min-width:48rem){.shelf__arrow{display:grid}}.shelf__arrow--prev{left:calc(-1 * var(--layout-margin));border-radius:0 .75rem .75rem 0}.shelf__arrow--next{right:calc(-1 * var(--layout-margin));border-radius:.75rem 0 0 .75rem}.card-track{position:relative;flex:none;width:11.75rem;scroll-snap-align:start;color:inherit;text-decoration:none;display:block}.card-track:hover{color:inherit}.card-track__art{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:.875rem;background:var(--color-bg-surface-raised)}.card-track__art .cover{height:100%;border-radius:0;transition:transform .3s cubic-bezier(.23,1,.32,1)}.card-track:hover .card-track__art .cover{transform:scale(1.04)}.card-track__new{position:absolute;left:.625rem;top:.625rem;z-index:1;padding:.125rem var(--space-2);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-fg-on-accent);font:var(--text-caption);font-weight:var(--font-weight-bold)}.card-track__play{position:absolute;z-index:1;right:.625rem;bottom:.625rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:var(--color-accent);color:var(--color-fg-on-accent);box-shadow:0 4px 14px #1a112073;opacity:0;translate:0 6px;transition:opacity .2s cubic-bezier(.23,1,.32,1),translate .2s cubic-bezier(.23,1,.32,1)}.card-track:hover .card-track__play,.card-track:focus-within .card-track__play,.card-track[aria-current=true] .card-track__play{opacity:1;translate:0 0}.card-track__title{display:flex;align-items:center;gap:var(--space-2);margin-top:.625rem;font:var(--text-label);font-weight:var(--font-weight-bold)}.card-track__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-track[aria-current=true] .card-track__title{color:var(--color-fg-accent)}.card-track__meta{margin-top:.125rem;color:var(--color-fg-muted);font:var(--text-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-track--round .card-track__art{border-radius:50%}.card-grid{display:grid;gap:var(--space-5) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.card-grid .card-track{width:auto}.top10{display:flex;flex:none;align-items:flex-start;scroll-snap-align:start}.top10__num{flex:none;width:5.75rem;margin-right:-1.25rem;text-align:right;font-size:11rem;font-weight:800;line-height:11.75rem;letter-spacing:-.08em;color:var(--color-bg-canvas);-webkit-text-stroke:3px color-mix(in srgb,var(--color-fg-default) 55%,transparent);-webkit-user-select:none;user-select:none}.top10__num--wide{width:9.375rem}.genre-tile{border-radius:.875rem;font-weight:var(--font-weight-bold)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-6);margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--color-border-default);color:var(--color-fg-subtle);font:var(--text-body-sm)}.player{left:0;background:var(--color-bg-surface-raised)}@media(min-width:64rem){.player{left:0}}.track{border-radius:.875rem}.hero{border-radius:1.75rem;background:var(--color-bg-surface-raised);border-color:transparent}.dialog__panel{border-radius:1.75rem 1.75rem 0 0}@media(min-width:40rem){.dialog__panel{border-radius:1.75rem}}.card{border-radius:1.25rem;border-color:transparent;background:var(--color-bg-surface-raised)}.tile{border-radius:.875rem;border-color:transparent;background:var(--color-bg-surface-raised)}@media(prefers-reduced-motion:reduce){.eq--live span{animation:none;transform:scaleY(.7)}.card-track__art .cover{transition:none}}:root{--z-header: 20;--z-player: 30;--z-layer: 40;--z-toast-pill: 45;--z-menu: 50;--ease-out-strong: cubic-bezier(.23, 1, .32, 1)}.topnav{z-index:var(--z-header);gap:var(--space-10);background:transparent;transition:background-color .2s ease-out,box-shadow .2s ease-out}.topnav--solid{background:color-mix(in srgb,var(--color-bg-canvas) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px color-mix(in srgb,var(--color-fg-default) 8%,transparent)}.topnav__links{gap:1.75rem}.topnav__link{position:relative;padding-block:var(--space-2)}.topnav__link[aria-current=page]:after{content:"";position:absolute;left:50%;bottom:-.25rem;width:.375rem;height:.375rem;margin-left:-.1875rem;border-radius:50%;background:var(--color-accent)}.topnav__end{gap:var(--space-3)}.topnav__brand{--logo-height: 1.75rem;flex:none}.topnav__brand .brand-logo{height:var(--logo-height)}.topnav__menu,.topnav__end,.topnav__end>*{flex:none}@media(max-width:63.99rem){.topnav{gap:var(--space-2)}.topnav__brand{--logo-height: clamp(1.75rem, 1rem + 4vw, 2rem)}.topnav__end{gap:var(--space-2)}}@media(max-width:47.99rem){.topnav__end .btn{min-height:var(--control-height-sm);padding-inline:var(--space-2);font-size:var(--font-size-sm)}.topnav__end .btn:not(.btn--primary){--btn-bg: transparent;--btn-border: transparent;padding-inline:var(--space-1)}}.search-pill{display:none;align-items:center;gap:.625rem;width:16.5rem;height:2.5rem;padding:0 .5rem 0 1rem;border:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-fg-default) 8%,transparent);color:var(--color-fg-subtle);font:var(--text-body-sm);text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.search-pill:hover{background:color-mix(in srgb,var(--color-fg-default) 12%,transparent);color:var(--color-fg-muted)}.search-pill .icon{width:1.0625rem;height:1.0625rem}.search-pill span{flex:1;text-align:left}.search-pill kbd{display:grid;place-items:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:.375rem;background:color-mix(in srgb,var(--color-fg-default) 10%,transparent);color:var(--color-fg-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}@media(min-width:48rem){.search-pill{display:flex}.topnav__end .search-icon{display:none}}.avatar--nav{width:2.5rem;height:2.5rem;background:var(--color-accent);color:var(--color-fg-on-accent);font:var(--text-label);font-weight:var(--font-weight-bold);text-decoration:none;border:0;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard)}.avatar--nav:active{transform:scale(.96)}.avatar--nav[aria-expanded=true]{box-shadow:0 0 0 3px var(--color-bg-canvas),0 0 0 5px color-mix(in srgb,var(--color-fg-default) 50%,transparent)}.scrubber{display:flex;align-items:center;gap:.625rem;width:100%;font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--color-fg-muted)}.scrubber time{width:2.25rem;flex:none}.scrubber time:first-child{text-align:right}.scrubber__track{position:relative;flex:1;height:.25rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-fg-default) 15%,transparent)}.scrubber__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--color-fg-default);transition:background-color var(--duration-fast)}.scrubber:hover .scrubber__fill{background:var(--color-accent)}.scrubber__thumb{position:absolute;top:50%;width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;border-radius:50%;background:var(--color-fg-default);opacity:0;transition:opacity var(--duration-fast)}.scrubber:hover .scrubber__thumb,.scrubber:focus-within .scrubber__thumb{opacity:1}.scrubber--full{gap:.75rem;font-size:var(--font-size-sm)}.scrubber--full .scrubber__track{height:.375rem}.scrubber--full .scrubber__thumb{width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem}.pbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-player);height:5.25rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding-inline:var(--space-4);background:var(--color-bg-surface-sunken);border-top:1px solid color-mix(in srgb,var(--color-fg-default) 10%,transparent);animation:pbar-in .24s var(--ease-out-strong)}@keyframes pbar-in{0%{translate:0 5.25rem}}@media(min-width:64rem){.pbar{grid-template-columns:1fr minmax(0,32.5rem) 1fr;gap:var(--space-6);padding-inline:var(--space-6)}}.pbar__now{display:flex;align-items:center;gap:var(--space-3);min-width:0}.pbar__art{width:3.25rem;height:3.25rem;flex:none;border-radius:.625rem;overflow:hidden;display:block;text-decoration:none}.pbar__art .cover{border-radius:0;height:100%}.pbar__text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.pbar__title{display:flex;align-items:center;gap:var(--space-2);font:var(--text-label);font-weight:var(--font-weight-bold);color:inherit;text-decoration:none}.pbar__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbar__title:hover span{text-decoration:underline}.pbar__artist{font:var(--text-caption);font-size:var(--font-size-sm);color:var(--color-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbar__centre{display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:0}.pbar__ctrl{display:flex;align-items:center;gap:var(--space-4)}.pbar__side{display:none;align-items:center;justify-content:flex-end;gap:var(--space-1)}@media(min-width:64rem){.pbar__side{display:flex}}.pbar .scrubber{display:none}@media(min-width:48rem){.pbar .scrubber{display:flex}}.ibtn{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:50%;background:transparent;color:color-mix(in srgb,var(--color-fg-default) 70%,transparent);cursor:pointer;text-decoration:none;transition:background-color var(--duration-fast),color var(--duration-fast)}.ibtn:hover{background:color-mix(in srgb,var(--color-fg-default) 10%,transparent);color:var(--color-fg-default)}.ibtn[aria-pressed=true],.ibtn[aria-expanded=true]{color:var(--color-fg-accent)}.ibtn .icon{width:1.125rem;height:1.125rem}.ibtn--play{width:2.5rem;height:2.5rem;background:var(--color-fg-default);color:var(--color-bg-canvas);transition:transform var(--duration-fast)}.ibtn--play:hover{background:var(--color-fg-default);color:var(--color-bg-canvas);transform:scale(1.04)}.ibtn--play:active{transform:scale(.95)}.volume{display:flex;align-items:center;gap:var(--space-2);color:var(--color-fg-muted)}.volume__track{width:5.5rem;height:.25rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-fg-default) 15%,transparent)}.volume__track i{display:block;width:68%;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--color-fg-default) 70%,transparent)}.has-player .app-main{padding-bottom:7rem}.scrim{position:fixed;inset:0;z-index:var(--z-layer);background:color-mix(in srgb,var(--color-bg-surface-sunken) 75%,transparent);animation:fade-in .15s ease-out}.layer-search{position:fixed;top:0;left:0;right:0;z-index:calc(var(--z-layer) + 1);max-height:calc(100dvh - 6rem);overflow-y:auto;padding:0 var(--layout-margin) var(--space-10);border-radius:0 0 1.75rem 1.75rem;background:var(--color-bg-canvas);box-shadow:0 24px 60px #1a112099;animation:drop-in .2s var(--ease-out-strong)}@keyframes drop-in{0%{opacity:0;translate:0 -10px}}.layer-search__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--space-4);height:6rem;background:var(--color-bg-canvas);border-bottom:1px solid color-mix(in srgb,var(--color-fg-default) 10%,transparent)}.layer-search__bar>.icon{width:1.625rem;height:1.625rem;color:var(--color-accent)}.layer-search__input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--color-fg-default);font-size:1.875rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;font-family:inherit}.layer-search__input::placeholder{color:color-mix(in srgb,var(--color-fg-default) 35%,transparent)}.layer-search__clear{border:0;background:none;color:var(--color-fg-muted);font:var(--text-label);font-weight:var(--font-weight-medium);cursor:pointer}.layer-search__close{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-fg-default) 10%,transparent);color:inherit;cursor:pointer}.layer-search__close:hover{background:color-mix(in srgb,var(--color-fg-default) 15%,transparent)}.layer-search__body{display:grid;gap:var(--space-8);padding-top:var(--space-8)}@media(min-width:64rem){.layer-search__body--empty{grid-template-columns:16.25rem minmax(0,1fr);gap:var(--space-12)}.layer-search__body--results{grid-template-columns:21.25rem minmax(0,1fr);gap:var(--space-10)}}.layer-h{font:var(--text-body-sm);font-size:.9375rem;font-weight:var(--font-weight-bold);color:var(--color-fg-muted);margin-bottom:var(--space-3)}.recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.recent a{display:flex;align-items:center;gap:var(--space-3);padding:.625rem var(--space-3);border-radius:.75rem;color:inherit;text-decoration:none;font-size:.9375rem}.recent a:hover{background:color-mix(in srgb,var(--color-fg-default) 6%,transparent);color:inherit}.recent .icon{width:1rem;height:1rem;color:color-mix(in srgb,var(--color-fg-default) 40%,transparent)}.sound-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:48rem){.sound-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.sound{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:1.125rem;background:var(--color-bg-surface-raised);color:inherit;text-decoration:none}.sound .cover{position:absolute;inset:0;height:100%;border-radius:0;transition:transform .3s var(--ease-out-strong)}.sound:hover .cover{transform:scale(1.04)}.sound__cap{position:absolute;inset:auto 0 0;padding:.875rem .75rem;background:color-mix(in srgb,var(--color-bg-canvas) 85%,transparent)}.sound__cap strong{display:block;font-size:.9375rem}.sound__cap small{color:var(--color-fg-muted);font-size:var(--font-size-xs)}.top-result{display:block;padding:1.25rem;border-radius:1.375rem;background:var(--color-bg-surface-raised);color:inherit;text-decoration:none}.top-result:hover{background:color-mix(in srgb,var(--color-bg-surface-raised) 91%,var(--color-fg-default));color:inherit}.top-result .cover{width:7.5rem;border-radius:.875rem}.top-result strong{display:block;margin-top:var(--space-4);font-size:1.75rem;font-weight:800;line-height:1.15}.top-result span{color:color-mix(in srgb,var(--color-fg-default) 65%,transparent);font-size:.9375rem}.srow{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:.75rem}.srow:hover{background:color-mix(in srgb,var(--color-fg-default) 6%,transparent)}.srow .cover{width:2.75rem;flex:none;border-radius:.5rem}.srow__text{flex:1;min-width:0}.srow__title{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:var(--font-weight-bold)}.srow__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srow[aria-current=true] .srow__title{color:var(--color-fg-accent)}.srow__sub{color:var(--color-fg-muted);font-size:var(--font-size-sm)}.srow__dur{color:var(--color-fg-subtle);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.srow .ibtn{opacity:0}.srow:hover .ibtn,.srow:focus-within .ibtn{opacity:1}.srow--artist .cover{width:2.5rem;border-radius:50%}.layer-empty{padding:3.5rem 0;text-align:center}.layer-empty strong{display:block;font-size:1.25rem}.layer-empty p{margin:var(--space-2) auto 0;color:var(--color-fg-muted);font-size:.9375rem}.layer-player{position:fixed;inset:0;z-index:var(--z-layer);display:flex;flex-direction:column;background:var(--color-bg-surface-sunken);overflow-y:auto;animation:rise-in .26s var(--ease-out-strong)}@keyframes rise-in{0%{opacity:0;translate:0 24px}}.layer-player__top{display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;padding-inline:var(--layout-margin)}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:2.5rem;padding:0 1rem;border:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-fg-default) 8%,transparent);color:inherit;font:var(--text-label);font-weight:var(--font-weight-bold);text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast)}.pill-btn:hover{background:color-mix(in srgb,var(--color-fg-default) 14%,transparent);color:inherit}.pill-btn--lg{height:2.75rem}.pill-btn--solid,.pill-btn--solid:hover{background:var(--color-fg-default);color:var(--color-bg-canvas)}.layer-player__from{color:var(--color-fg-muted);font:var(--text-body-sm)}.layer-player__from b{color:var(--color-fg-default)}.layer-player__body{flex:1;display:grid;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--layout-margin) var(--space-12)}@media(min-width:64rem){.layer-player__body{grid-template-columns:minmax(0,32.5rem) minmax(0,1fr);gap:4rem;padding-inline:6rem}}.layer-player__art{border-radius:2rem;overflow:hidden;box-shadow:0 30px 80px #00000073;background:var(--color-bg-surface-raised)}.layer-player__art .cover{border-radius:0}.layer-player__title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1;letter-spacing:-.03em}.layer-player__artist{margin-top:var(--space-2);font-size:1.25rem;font-weight:var(--font-weight-medium);color:color-mix(in srgb,var(--color-fg-default) 70%,transparent)}.layer-player__scrub{max-width:32.5rem;margin-top:var(--space-10)}.layer-player__ctrl{display:flex;align-items:center;justify-content:space-between;max-width:32.5rem;margin-top:var(--space-6)}.layer-player__ctrl .mid{display:flex;align-items:center;gap:var(--space-6)}.ibtn--lg{width:2.75rem;height:2.75rem}.ibtn--lg .icon{width:1.5rem;height:1.5rem}.ibtn--hero{width:4.25rem;height:4.25rem;background:var(--color-accent);color:var(--color-fg-on-accent)}.ibtn--hero:hover{background:var(--color-accent-hover);color:var(--color-fg-on-accent)}.ibtn--hero .icon{width:1.625rem;height:1.625rem}.layer-player__acts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.upnext{max-width:32.5rem;margin-top:var(--space-10);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--color-fg-default) 10%,transparent)}.drawer-queue{position:fixed;top:.75rem;right:.75rem;bottom:6rem;z-index:var(--z-player);width:min(23.75rem,calc(100vw - 1.5rem));display:flex;flex-direction:column;border-radius:1.5rem;background:var(--color-bg-surface-raised);box-shadow:0 24px 60px #1a11208c,0 0 0 1px color-mix(in srgb,var(--color-fg-default) 6%,transparent);overflow:hidden;animation:slide-left .24s var(--ease-out-strong)}@keyframes slide-left{0%{opacity:0;translate:24px 0}}.drawer-queue__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-2)}.drawer-queue__head h2{font-size:1.25rem;font-weight:800}.drawer-queue__body{flex:1;overflow-y:auto;padding:0 var(--space-3) var(--space-4)}.q-label{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-2) var(--space-2);color:var(--color-fg-muted);font-size:.8125rem;font-weight:var(--font-weight-bold)}.q-label button{border:0;background:none;color:inherit;font:inherit;font-weight:var(--font-weight-medium);cursor:pointer}.q-row{display:flex;align-items:center;gap:var(--space-3);padding:.625rem;border-radius:1rem}.q-row:hover{background:color-mix(in srgb,var(--color-fg-default) 6%,transparent)}.q-row .cover{width:2.75rem;flex:none;border-radius:.5625rem}.q-row--now{background:color-mix(in srgb,var(--color-fg-default) 6%,transparent)}.q-row--now .cover{width:3rem;border-radius:.625rem}.q-row--now .srow__title{color:var(--color-fg-accent)}.q-row--more{opacity:.7}.q-row .ibtn{opacity:0;width:2rem;height:2rem}.q-row:hover .ibtn{opacity:1}.q-empty{padding:var(--space-3);color:var(--color-fg-subtle);font-size:var(--font-size-sm)}.menu-scrim{position:fixed;inset:0;z-index:var(--z-menu)}.menu-panel{position:fixed;z-index:calc(var(--z-menu) + 1);padding:var(--space-2);border-radius:1.25rem;background:var(--color-bg-surface-raised);box-shadow:0 20px 50px #1a112099,0 0 0 1px color-mix(in srgb,var(--color-fg-default) 8%,transparent);animation:pop-in .16s var(--ease-out-strong);transform-origin:top right}@keyframes pop-in{0%{opacity:0;scale:.96;translate:0 -4px}}.menu-panel--account{top:4.125rem;right:var(--layout-margin);width:18rem}.menu-panel--track{width:16rem}.mi{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:.625rem .75rem;border:0;border-radius:.75rem;background:none;color:inherit;font:var(--text-body-sm);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;cursor:pointer}.mi:hover,.mi:focus-visible{background:color-mix(in srgb,var(--color-fg-default) 7%,transparent);color:inherit;outline:none}.mi .icon{width:1.0625rem;height:1.0625rem;color:var(--color-fg-muted)}.mi[aria-pressed=true]{color:var(--color-fg-accent)}.mi[aria-pressed=true] .icon{color:var(--color-fg-accent);fill:currentColor}.menu-id{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.menu-id .avatar{width:2.75rem;height:2.75rem;background:var(--color-accent);color:var(--color-fg-on-accent);font-weight:var(--font-weight-bold)}.menu-id strong{display:block;font-size:.9375rem}.menu-id small{color:var(--color-fg-muted);font-size:.8125rem}.menu-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);margin-bottom:var(--space-1);border-bottom:1px solid color-mix(in srgb,var(--color-fg-default) 10%,transparent)}.menu-head .cover{width:2.5rem;flex:none;border-radius:.5rem}.menu-head strong{display:block;font-size:var(--font-size-sm)}.menu-head small{color:var(--color-fg-muted);font-size:var(--font-size-xs)}.menu-divider{margin:var(--space-2) var(--space-2);border:0;border-top:1px solid color-mix(in srgb,var(--color-fg-default) 10%,transparent)}.kids-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 var(--space-1) var(--space-1);padding:var(--space-3);border-radius:.75rem;background:color-mix(in srgb,var(--color-bg-canvas) 60%,transparent)}.kids-card strong{display:block;font-size:var(--font-size-sm)}.kids-card small{color:var(--color-fg-muted);font-size:var(--font-size-xs)}.tgl{appearance:none;position:relative;flex:none;width:2.5rem;height:1.5rem;margin:0;border:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-fg-default) 20%,transparent);cursor:pointer;transition:background-color .15s}.tgl:before{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-fg-default);transition:translate .15s}.tgl:checked{background:var(--color-accent)}.tgl:checked:before{translate:1rem 0}.share{position:fixed;inset:0;z-index:calc(var(--z-layer) + 1);display:grid;place-items:center;padding:var(--space-4)}.share__panel{position:relative;width:min(32.5rem,100%);padding:1.75rem;border-radius:1.75rem;background:var(--color-bg-surface-raised);box-shadow:0 30px 80px #1a1120b3;animation:scale-in .22s var(--ease-out-strong)}.share__close{position:absolute;top:1.25rem;right:1.25rem}.share__head{display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-8)}.share__head .cover{width:4rem;flex:none;border-radius:.75rem}.share__head h2{font-size:1.375rem;font-weight:800;line-height:1.2}.share__head p{color:var(--color-fg-muted);font-size:var(--font-size-sm)}.seg-tabs{display:flex;gap:.25rem;margin-top:var(--space-6);padding:.25rem;border-radius:var(--radius-full);background:var(--color-bg-canvas)}.seg-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:2.25rem;border:0;border-radius:var(--radius-full);background:none;color:var(--color-fg-muted);font:var(--text-label);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color .2s,color .2s}.seg-tabs button[aria-selected=true]{background:var(--color-fg-default);color:var(--color-bg-canvas)}.linkbox{display:flex;align-items:center;gap:var(--space-2);height:3rem;margin-top:var(--space-4);padding:0 .375rem 0 1.25rem;border-radius:var(--radius-full);background:var(--color-bg-canvas);font-size:.9375rem;color:color-mix(in srgb,var(--color-fg-default) 85%,transparent)}.linkbox span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;width:6rem;height:2.25rem;border:0;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-fg-on-accent);font:var(--text-label);font-weight:var(--font-weight-bold);cursor:pointer}.copy-btn--done{background:var(--color-fg-default);color:var(--color-bg-canvas)}.embed-card{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);border-radius:1rem;background:var(--color-fg-default);color:var(--color-bg-canvas)}.embed-card .cover{width:3.5rem;flex:none;border-radius:.5rem}.embed-card div{flex:1;min-width:0}.embed-card small{display:block;opacity:.6}.embed-card .play{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-accent);color:var(--color-fg-on-accent)}.codebox{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:.5rem .5rem .5rem 1rem;border-radius:1rem;background:var(--color-bg-canvas)}.codebox code{flex:1;background:none;padding:0;font-size:var(--font-size-xs);color:color-mix(in srgb,var(--color-fg-default) 70%,transparent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.share__start{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--font-size-sm)}.share__start input{accent-color:var(--color-accent);width:1.125rem;height:1.125rem}.share__via{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--color-fg-default) 10%,transparent)}.share__via p{color:var(--color-fg-muted);font-size:.8125rem;font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.share__via div{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.toast-region{left:50%;right:auto;translate:-50% 0;width:max-content;max-width:calc(100vw - 2rem);bottom:6.25rem;align-items:center;z-index:var(--z-toast-pill)}.toast-region--noplayer{bottom:1.5rem}.toast{align-items:center;gap:var(--space-3);padding:.375rem 1.25rem .375rem .375rem;border-radius:var(--radius-full);background:var(--color-fg-default);color:var(--color-bg-canvas);box-shadow:0 14px 40px #1a112080;animation:pop-up .2s var(--ease-out-strong)}.toast--undo{padding-right:.375rem}@keyframes pop-up{0%{opacity:0;translate:0 12px;scale:.96}}.toast .cover{width:2.25rem;flex:none;border-radius:50%}.toast__dot{width:.5rem;height:.5rem;margin-left:var(--space-2);flex:none;border-radius:50%;background:var(--color-accent)}.toast__msg{font:var(--text-label);font-weight:var(--font-weight-bold);white-space:nowrap}.toast__undo{height:2.25rem;padding:0 1rem;border:0;border-radius:var(--radius-full);background:var(--color-bg-canvas);color:var(--color-fg-default);font-size:.8125rem;font-weight:var(--font-weight-bold);cursor:pointer}.toast.toast--danger,.toast.toast--success,.toast.toast--warning{align-items:flex-start;width:min(24rem,calc(100vw - 2rem));padding:var(--space-4);border-radius:var(--radius-md);white-space:normal}.card-track__more{position:absolute;z-index:2;top:.5rem;right:.5rem;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-bg-canvas) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-fg-default);opacity:0;cursor:pointer;transition:opacity .15s}.card-track:hover .card-track__more,.card-track:focus-within .card-track__more,.card-track__more[aria-expanded=true]{opacity:1}.kids-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6);border-radius:1.25rem;background:var(--color-bg-surface-raised)}.kids-banner strong{display:block;font-size:1.25rem}.kids-banner p{color:var(--color-fg-muted)}@media(prefers-reduced-motion:reduce){.pbar,.layer-search,.layer-player,.drawer-queue,.menu-panel,.share__panel,.toast,.scrim{animation:none}.sound .cover{transition:none}}.card-track__cover{display:block;height:100%}.card-track__title{color:inherit;text-decoration:none}.card-track__title:hover span{text-decoration:underline}.card-track__play{pointer-events:none}.track__play{display:grid;place-items:center;width:1.5rem;height:var(--target-min);padding:0;border:0;border-radius:var(--radius-sm);background:none;cursor:pointer}.track__text{min-width:0}.track__title a{color:inherit;text-decoration:none}.track__title a:hover{text-decoration:underline}button.card-track__play{pointer-events:auto;border:0;cursor:pointer}button.pbar__art{padding:0;border:0;background:none;cursor:pointer}button.pbar__title{max-width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left}.pbar__artist--error{color:var(--color-danger-fg)}.pbar__next .icon{rotate:180deg}@media(min-width:64rem){.topnav .topnav__menu{display:none}}.skeleton--card{aspect-ratio:1;border-radius:.875rem}