@layer reset,vendor,tokens,base,layout,components,utilities,overrides;@layer components.shared;@layer reset{html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:where(body,h1,h2,h3,h4,h5,h6,p,figure,figcaption,blockquote,dl,dt,dd,ul,ol,menu,li,pre,hr,table,caption,th,td,form,fieldset,legend,search){margin:0}:where(ul,ol,menu,fieldset,legend,figure,blockquote,dd){padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light;line-height:var(--leading-normal);overflow-wrap:break-word}body{min-block-size:100svh}:where(p,li,dd,figcaption,blockquote,caption,td,th){text-wrap:pretty}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;max-inline-size:100%}:where(img,video){block-size:auto}img{font-style:italic}audio:not([controls]){display:none}svg{fill:currentColor}:where(input,button,textarea,select,optgroup){font:inherit;letter-spacing:inherit;color:inherit}::file-selector-button{font:inherit;color:inherit}:where(button,[type=button],[type=reset],[type=submit]){background:none;border:none;text-align:inherit}textarea{resize:vertical}@supports (field-sizing: content){textarea{field-sizing:content}}:where(fieldset){border:none;min-inline-size:0}:where(button,[role=button],summary,select,label[for],[type=radio],[type=checkbox],[type=file]){cursor:pointer}:where(button,[role=button],a,summary,label,input,select,textarea){touch-action:manipulation}:where(button,[role=button],a,summary,label){-webkit-tap-highlight-color:transparent}:where([disabled],[aria-disabled=true]){cursor:default}summary{list-style:none}summary::-webkit-details-marker{display:none}:focus-visible{outline:var(--stroke-focus) solid var(--border-focus);outline-offset:var(--stroke-focus);box-shadow:0 0 0 var(--stroke-focus) var(--bg-canvas)}@media (forced-colors: active){:focus-visible{outline-color:Highlight;box-shadow:none}}:target{scroll-margin-block-start:var(--space-block)}[hidden]:not([hidden=until-found]){display:none!important}table{border-collapse:collapse;border-spacing:0}:where(dialog:not([open])){display:none}dialog{border:none;padding:0;background:none;color:inherit}[popover]{border:none;padding:0;background:none;color:inherit}template{display:none}}@layer tokens{:root{color-scheme:dark;--space-0: 0;--space-px: 1px;--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;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-fluid-sm: clamp(1rem, .8208rem + .755vw, 1.5rem);--space-fluid-md: clamp(1.5rem, .9623rem + 2.264vw, 3rem);--space-fluid-lg: clamp(2.5rem, 1.4245rem + 4.528vw, 5.5rem);--space-fluid-xl: clamp(4rem, 2.2075rem + 7.547vw, 9rem);--density: 1}:root,[data-density],.region-compact{--gap-fused: calc(var(--space-1) * var(--density));--gap-tight: calc(var(--space-2) * var(--density));--gap-related: calc(var(--space-3) * var(--density));--gap-grouped: calc(var(--space-4) * var(--density));--gap-separate: calc(var(--space-6) * var(--density));--gap-distinct: calc(var(--space-10) * var(--density));--pad-inline-xs: calc(var(--space-2) * var(--density));--pad-inline-sm: calc(var(--space-3) * var(--density));--pad-inline-md: calc(var(--space-4) * var(--density));--pad-block-xs: calc(var(--space-1) * var(--density));--pad-block-sm: calc(var(--space-2) * var(--density));--pad-block-md: calc(var(--space-3) * var(--density));--pad-card: calc(var(--space-4) * var(--density));--pad-card-lg: calc(var(--space-8) * var(--density));--pad-well: calc(var(--space-3) * var(--density))}:root{--space-section: var(--space-fluid-xl);--space-subsection: var(--space-fluid-lg);--space-block: var(--space-fluid-md);--gutter-page: var(--space-fluid-sm);--measure-prose: 68ch;--measure-narrow: 48ch;--width-content: 72rem;--width-wide: 90rem;--width-form: 24rem;--width-modal: 34rem;--width-export: 46rem;--width-keys: 60rem;--width-keys-column: 22rem;--width-rail: 17.5rem;--width-inspector: 18.75rem;--width-dock: 18.75rem;--width-railnav: 3.5rem;--width-menu: 14rem;--height-menu: 22rem;--width-numbox: 4.5rem;--player-max: 70dvh;--shell-header: 2.75rem;--shell-status: var(--space-8);--control-sm: var(--space-6);--control-md: var(--space-8);--control-lg: var(--space-10);--control-min-wide: var(--space-24);--track-lane: var(--space-16);--track-lane-sm: var(--space-6);--track-lyrics: 1.75rem;--track-sections: 1.75rem;--track-map: var(--space-5);--track-extend: var(--space-10);--lanes-min: calc(100% - var(--track-extend));--track-gutter: var(--space-24);--thumb-block: var(--space-12);--icon-sm: var(--space-3);--icon-md: var(--space-4);--dot: var(--space-2);--playhead-width: var(--stroke-thick);--inset-hairline: var(--space-px);--inset-xs: var(--space-0-5);--switch-inline: var(--space-8);--switch-block: var(--space-5);--switch-thumb: var(--space-4);--switch-travel: var(--space-3);--textarea-min: var(--space-24);--wave-dim: var(--neutral-500);--wave-zero: var(--neutral-800);--wave-select: var(--neutral-100);--stage-transport: var(--space-12);--stage-volume: var(--space-12);--ruler-block: var(--space-6);--shell-gap: var(--space-px);--pane-head: 2.75rem;--viewer-pad: var(--space-4);--viewer-fit: calc(100% - var(--viewer-pad) * 2);--hud-inset: var(--space-3);--splitter-hit: var(--space-1);--transport-cluster: var(--space-40);--deck-block: var(--space-10);--rail-item: var(--space-12);--play-size: 2.25rem;--pip: var(--dot);--grip-inline: var(--space-8);--grip-block: var(--space-1);--timeline-min: var(--space-48);--timeline-max: 46dvh;--timeline-drag-max: 72dvh;--clip-stripe: var(--space-0-5);--swatch: var(--space-3);--drop-block: var(--space-16);--brief-min: var(--space-32);--slider-track: var(--meter-block);--slider-thumb: var(--space-4);--band-inset: var(--space-1);--export-shape: var(--space-16);--scrim-blur: var(--space-1);--stripe: var(--space-2);--ruler-tick: var(--space-2);--track-audio: var(--space-12);--lane-inset: var(--space-1);--clip-pad-inline: var(--space-1);--playhead-head: var(--space-3);--drop-line-width: var(--stroke-thick);--handle-width: var(--space-2);--handle-line: var(--space-0-5);--handle-grab-max: 35%;--handle-grab: min(var(--handle-width), var(--handle-grab-max));--fade-grab: var(--space-3);--fade-dot: var(--space-2);--fx-auto-point: var(--space-2);--meter-block: var(--space-1);--cue-time-inline: var(--space-16);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.1875rem;--text-4xl: 2.75rem;--text-5xl: clamp(2.75rem, 2.1226rem + 2.642vw, 4.5rem);--text-6xl: clamp(3.5rem, 2.2901rem + 5.094vw, 6.875rem);--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tighter: -.03em;--tracking-tight: -.015em;--tracking-normal: 0em;--tracking-wide: .02em;--tracking-caps: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--type-display: var(--weight-semibold) var(--text-5xl)/var(--leading-tight) var(--font-sans);--type-h1: var(--weight-semibold) var(--text-3xl)/var(--leading-tight) var(--font-sans);--type-h2: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);--type-h3: var(--weight-semibold) var(--text-base)/var(--leading-snug) var(--font-sans);--type-h4: var(--weight-semibold) var(--text-sm)/var(--leading-snug) var(--font-sans);--type-lead: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);--type-body: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);--type-ui: var(--weight-medium) var(--text-sm)/var(--leading-snug) var(--font-sans);--type-ui-sm: var(--weight-medium) var(--text-xs)/var(--leading-snug) var(--font-sans);--type-label: var(--weight-medium) var(--text-2xs)/var(--leading-snug) var(--font-sans);--type-overline: var(--weight-semibold) var(--text-xs)/var(--leading-snug) var(--font-sans);--type-caption: var(--weight-regular) var(--text-xs)/var(--leading-normal) var(--font-sans);--type-code: var(--weight-regular) var(--text-xs)/var(--leading-normal) var(--font-mono);--type-readout: var(--weight-medium) var(--text-base)/var(--leading-none) var(--font-mono);--type-timecode: var(--weight-regular) var(--text-xs)/var(--leading-none) var(--font-mono);--type-brand: var(--weight-semibold) var(--text-sm)/var(--leading-none) var(--font-sans);--type-clock: var(--weight-medium) var(--text-lg)/var(--leading-none) var(--font-mono);--type-rail: var(--weight-medium) var(--text-2xs)/var(--leading-none) var(--font-sans);--type-pane: var(--weight-semibold) var(--text-sm)/var(--leading-snug) var(--font-sans);--neutral-0: oklch(100% 0 0);--neutral-50: oklch(97.5% .004 260);--neutral-100: oklch(95% .007 260);--neutral-200: oklch(90.5% .011 260);--neutral-300: oklch(84% .015 260);--neutral-400: oklch(73.5% .02 260);--neutral-450: oklch(68% .022 260);--neutral-500: oklch(56% .025 260);--neutral-600: oklch(47.5% .027 260);--neutral-700: oklch(39.5% .029 260);--neutral-750: oklch(34.5% .03 260);--neutral-800: oklch(30.5% .03 260);--neutral-850: oklch(26.8% .03 260);--neutral-900: oklch(23.5% .03 260);--neutral-925: oklch(21.2% .029 260);--neutral-950: oklch(19% .027 260);--neutral-1000: oklch(15% .022 260);--accent-300: oklch(88% .08 205);--accent-400: oklch(82% .11 206);--accent-500: oklch(76% .125 208);--accent-600: oklch(66% .11 212);--accent-700: oklch(52% .085 218);--accent-900: oklch(33% .055 220);--flare-400: oklch(77% .13 22);--flare-500: oklch(70% .18 22);--flare-900: oklch(34% .085 22);--success-400: oklch(78% .13 158);--success-500: oklch(66% .14 158);--success-900: oklch(30% .05 158);--warning-400: oklch(84% .12 80);--warning-500: oklch(78% .15 75);--warning-900: oklch(31% .05 75);--danger-400: oklch(72% .15 18);--danger-500: oklch(59% .19 18);--danger-900: oklch(30% .07 18);--info-400: oklch(78% .1 240);--info-900: oklch(30% .05 240);--section-intro: oklch(70% .11 295);--section-verse: oklch(70% .15 258);--section-chorus: oklch(72% .145 340);--section-bridge: oklch(77% .11 165);--section-drop: oklch(84% .13 95);--section-outro: oklch(68% .03 260);--mix-whisper: 12%;--mix-tint: 28%;--mix-strong: 60%;--bg-stage: var(--neutral-1000);--bg-sunken: var(--neutral-950);--bg-canvas: var(--neutral-925);--bg-pane: var(--neutral-900);--bg-surface: var(--neutral-850);--bg-raised: var(--neutral-800);--bg-inverse: var(--neutral-100);--bg-scrim: oklch(8% .02 260 / .62);--bg-glass: oklch(19% .027 260 / .72);--bg-hover: oklch(100% 0 0 / .045);--bg-active: oklch(100% 0 0 / .08);--bg-selected: oklch(100% 0 0 / .07);--bg-play: var(--neutral-50);--bg-play-hover: var(--neutral-0);--fg-on-play: var(--neutral-1000);--bg-disabled: var(--neutral-850);--fg-strong: var(--neutral-50);--fg-default: var(--neutral-200);--fg-muted: var(--neutral-400);--fg-subtle: var(--neutral-450);--fg-disabled: var(--neutral-600);--fg-on-accent: var(--neutral-1000);--fg-on-inverse: var(--neutral-900);--fg-on-success: var(--neutral-1000);--fg-on-warning: var(--neutral-1000);--fg-on-danger: var(--neutral-0);--fg-accent: var(--accent-400);--fg-link: var(--accent-400);--border-subtle: oklch(100% 0 0 / .06);--border-pane: var(--neutral-1000);--border-default: oklch(100% 0 0 / .1);--border-strong: var(--neutral-500);--border-accent: var(--accent-500);--border-focus: var(--accent-400);--border-invalid: var(--danger-400);--bg-accent: var(--accent-500);--bg-accent-hover: var(--accent-400);--bg-accent-soft: oklch(76% .125 208 / .14);--bg-success: var(--success-500);--bg-warning: var(--warning-500);--bg-danger: var(--danger-500);--bg-success-soft: var(--success-900);--bg-warning-soft: var(--warning-900);--bg-danger-soft: var(--danger-900);--bg-info-soft: var(--info-900);--fg-success: var(--success-400);--fg-warning: var(--warning-400);--fg-danger: var(--danger-400);--fg-info: var(--info-400);--playhead: var(--flare-500);--playhead-glow: var(--flare-900);--playhead-halo: 0 0 0 var(--stroke-hairline) oklch(70% .18 22 / .35), 0 0 var(--space-3) oklch(70% .18 22 / .55);--fg-now: var(--flare-400);--brand-from: var(--accent-400);--brand-to: var(--flare-400);--wave-fill: var(--neutral-700);--wave-played: var(--neutral-400);--drop-line: var(--accent-300);--handle-fill: var(--neutral-100);--handle-wash: oklch(100% 0 0 / .14);--fade-wash: oklch(0% 0 0 / .3);--fx-block-fill: oklch(76% .125 208 / .16);--fx-block-whole: oklch(100% 0 0 / .045);--fx-block-fill-off: oklch(100% 0 0 / .05);--fx-block-whole-off: oklch(100% 0 0 / .025);--fx-block-border-off: oklch(100% 0 0 / .06);--fx-mod-band: oklch(76% .125 208 / .22);--span-fill: oklch(100% 0 0 / .14);--grid-beat: oklch(100% 0 0 / .035);--grid-bar: oklch(100% 0 0 / .085);--glow-mix: 22%;--glow-mix-soft: 8%;--glow-geometry: 72% 78% at 50% 58%;--glow-floor: 90% 40% at 50% 100%;--map-outside: 0 0 0 100vmax oklch(8% .02 260 / .55);--clip-mix: 46%;--clip-mix-low: 30%;--clip-edge-mix: 58%;--map-window: oklch(100% 0 0 / .08);--page-sky: radial-gradient(120% 55% at 50% -12%, oklch(76% .125 208 / .12), oklch(70% .11 295 / .05) 45%, transparent 70%);--map-window-edge: oklch(100% 0 0 / .55);--poster-0: var(--section-intro);--poster-1: var(--section-verse);--poster-2: var(--section-chorus);--poster-3: var(--section-bridge);--poster-4: var(--section-drop);--poster-5: var(--section-outro);--pip-off: oklch(100% 0 0 / .14);--generating-stripe: oklch(100% 0 0 / .06);--radius-none: 0;--radius-xs: .1875rem;--radius-sm: .3125rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--stroke-hairline: 1px;--stroke-default: 1px;--stroke-thick: 2px;--stroke-focus: 2px;--shadow-none: none;--shadow-xs: 0 1px 1px oklch(5% .02 260 / .4);--shadow-sm: 0 1px 2px oklch(5% .02 260 / .5), 0 1px 1px oklch(5% .02 260 / .25);--shadow-md: 0 2px 6px oklch(5% .02 260 / .4), 0 8px 20px oklch(5% .02 260 / .35);--shadow-lg: 0 4px 12px oklch(5% .02 260 / .45), 0 16px 40px oklch(5% .02 260 / .45);--shadow-xl: 0 8px 24px oklch(5% .02 260 / .5), 0 32px 80px oklch(5% .02 260 / .55);--sheen: inset 0 1px 0 oklch(100% 0 0 / .08);--sheen-strong: inset 0 1px 0 oklch(100% 0 0 / .22);--glass-blur: .75rem;--glass-filter: blur(var(--glass-blur)) saturate(1.4);--glow-dot: var(--space-2)}:root,[data-theme]{--shadow-focus: 0 0 0 var(--stroke-focus) var(--bg-canvas), 0 0 0 calc(var(--stroke-focus) * 2) var(--border-focus);--elevation-flat: var(--shadow-none);--elevation-pane: var(--shadow-none);--elevation-well: inset 0 1px 3px oklch(5% .02 260 / .45);--elevation-card: var(--sheen), var(--shadow-xs);--elevation-raised: var(--sheen), var(--shadow-sm);--elevation-knob: var(--shadow-sm);--elevation-clip: var(--sheen-strong), var(--shadow-sm);--elevation-lift: var(--sheen-strong), var(--shadow-md);--elevation-overlay: var(--sheen), var(--shadow-lg);--elevation-modal: var(--sheen), var(--shadow-xl);--elevation-screen: 0 0 0 var(--stroke-hairline) oklch(100% 0 0 / .06), var(--shadow-lg);--elevation-focus: var(--shadow-focus);--elevation-selected: 0 0 0 var(--stroke-hairline) var(--accent-400), 0 0 var(--space-3) oklch(82% .11 206 / .35)}:root{--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .32s;--dur-slower: .48s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.64, 0, .78, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-linear: linear;--motion-hover: var(--dur-fast) var(--ease-out);--motion-enter: var(--dur-base) var(--ease-out);--motion-exit: var(--dur-fast) var(--ease-in);--motion-expand: var(--dur-slow) var(--ease-in-out);--motion-emphasis: var(--dur-slow) var(--ease-spring);--motion-instant: var(--dur-instant) var(--ease-out);--dur-loop: .9s;--dur-pulse: 1.6s;--motion-loop: var(--dur-loop) var(--ease-linear);--motion-pulse: var(--dur-pulse) var(--ease-in-out);--press-scale: .96;--motion-travel-xs: var(--space-1);--motion-travel-sm: var(--space-2);--motion-travel-md: var(--space-4);--z-behind: -1;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--bp-sm: 30rem;--bp-md: 48rem;--bp-lg: 64rem;--bp-xl: 80rem;--bp-2xl: 96rem;--tap-min: 2.75rem;--grid-columns: 12}.inverse{--fg-default: var(--neutral-900);--fg-strong: var(--neutral-1000);--fg-muted: var(--neutral-600);--fg-subtle: var(--neutral-500);--fg-accent: var(--accent-700);--fg-link: var(--neutral-1000);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-500)}[data-density=compact]{--density: .875}[data-density=comfortable]{--density: 1}[data-density=spacious]{--density: 1.125}@media (prefers-reduced-motion: reduce){:root{--dur-instant: 1ms;--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-slower: 1ms;--ease-spring: var(--ease-out)}}}@layer base{body{font:var(--type-body);color:var(--fg-default);background-color:var(--bg-canvas);font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-variant-numeric:normal}:where(h1,h2,h3,h4,h5,h6){color:var(--fg-strong);text-wrap:balance;letter-spacing:var(--tracking-tight)}:where(h1){font:var(--type-h1);letter-spacing:var(--tracking-tighter)}:where(h2){font:var(--type-h2);letter-spacing:var(--tracking-tight)}:where(h3){font:var(--type-h3);letter-spacing:var(--tracking-tight)}:where(h4){font:var(--type-h4);letter-spacing:var(--tracking-tight)}:where(h5){font:var(--type-body);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal)}:where(h6){font:var(--type-label);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted)}.text-display{font:var(--type-display);letter-spacing:var(--tracking-tighter);text-wrap:balance;color:var(--fg-strong)}.text-lead{font:var(--type-lead);color:var(--fg-muted);text-wrap:pretty;max-inline-size:var(--measure-narrow)}:where(strong,b){font-weight:var(--weight-semibold)}:where(em,i){font-style:italic}:where(small){font:var(--type-ui);color:var(--fg-muted)}:where(sub,sup){font-size:.75em;line-height:var(--leading-none);position:relative;vertical-align:baseline}:where(sup){inset-block-end:.4em}:where(sub){inset-block-start:.25em}:where(mark){background-color:var(--bg-selected);color:var(--fg-default);padding-inline:var(--pad-inline-xs);border-radius:var(--radius-xs)}:where(abbr[title]){text-decoration:underline dotted;text-underline-offset:var(--stroke-thick);cursor:help}:where(kbd){font:var(--type-code);background-color:var(--bg-surface);color:var(--fg-default);border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);padding-inline:var(--pad-inline-xs);padding-block:var(--pad-block-xs)}::placeholder{color:var(--fg-subtle);opacity:1}:where(a){color:var(--fg-link);text-decoration-line:underline;text-decoration-thickness:var(--stroke-hairline);text-underline-offset:var(--stroke-thick);text-decoration-skip-ink:auto;transition:color var(--motion-hover),text-decoration-thickness var(--motion-hover)}:where(a):hover{color:var(--fg-accent);text-decoration-thickness:var(--stroke-thick)}:where(ul,ol){padding-inline-start:var(--pad-inline-md)}:where(ul,ol)[role=list]{list-style:none;padding-inline-start:0}::marker{color:var(--fg-subtle)}:where(ol)>li::marker{font-variant-numeric:tabular-nums;color:var(--fg-muted)}:where(dt){font:var(--type-body);font-weight:var(--weight-semibold);color:var(--fg-strong)}:where(dd){padding-inline-start:var(--pad-inline-md);color:var(--fg-muted)}figure>figcaption{margin-block-start:var(--gap-tight)}:where(figcaption){font:var(--type-ui);color:var(--fg-muted);text-wrap:pretty}:where(pre){font:var(--type-code);color:var(--fg-default);background-color:var(--bg-sunken);padding:var(--pad-well);border-radius:var(--radius-md);border:var(--stroke-hairline) solid var(--border-subtle);overflow-x:auto;-moz-tab-size:2;tab-size:2}:where(pre):focus-visible{box-shadow:var(--shadow-focus)}:where(pre)>:where(code){font:inherit}:where(:not(pre)>code){font:var(--type-code);background-color:var(--bg-sunken);color:var(--fg-default);padding-inline:var(--pad-inline-xs);padding-block:var(--pad-block-xs);border-radius:var(--radius-sm);overflow-wrap:break-word}:where(table){inline-size:100%;font-variant-numeric:tabular-nums}:where(caption){font:var(--type-ui);color:var(--fg-muted);text-align:start;padding-block-end:var(--pad-block-md)}:where(th){font:var(--type-ui);font-variant-numeric:tabular-nums;color:var(--fg-muted);text-align:start;position:relative;z-index:var(--z-base)}:where(th,td){padding-block:var(--pad-block-sm);padding-inline:var(--pad-inline-md);border-block-end:var(--stroke-hairline) solid var(--border-subtle);vertical-align:baseline}:where(th,td):first-child{padding-inline-start:0}:where(th,td):last-child{padding-inline-end:0}:where(thead)>tr>th{border-block-end:var(--stroke-thick) solid var(--border-default)}:where(th,td)[data-numeric]{text-align:end}:where(hr){border:none;block-size:var(--stroke-hairline);background-color:var(--border-subtle)}:where(blockquote){font:var(--type-lead);color:var(--fg-default);border-inline-start:var(--stroke-thick) solid var(--border-accent);padding-inline-start:var(--pad-inline-md);text-wrap:pretty}:where(blockquote) cite{display:block;font:var(--type-ui);font-style:normal;color:var(--fg-muted);margin-block-start:var(--gap-tight)}::selection{background-color:var(--bg-selected);color:var(--fg-strong)}.inverse{background-color:var(--bg-inverse);color:var(--fg-on-inverse);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer layout{:where(.page-shell){--header-block-size: calc(var(--tap-min) + var(--pad-block-md) * 2);min-block-size:100svb;display:grid;grid-template-rows:auto 1fr auto}.skip-link{position:absolute;inset-block-start:var(--space-0);inset-inline-start:var(--space-0);z-index:var(--z-toast);padding:var(--pad-block-md) var(--pad-inline-md);font:var(--type-ui);color:var(--fg-default);background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--elevation-overlay);translate:0 -150%;transition:translate var(--motion-enter)}.skip-link:focus-visible{translate:0 0}:where(.page-shell) :target{scroll-margin-block-start:calc(var(--header-block-size) + var(--space-block))}.page-grid{--page-gutter: var(--gutter-page);--page-content: var(--width-content);--page-wide: var(--width-wide);display:grid;column-gap:var(--space-0);grid-template-columns:[full-start] minmax(var(--page-gutter),1fr) [wide-start] minmax(var(--space-0),calc((var(--page-wide) - var(--page-content)) / 2)) [content-start] min(100% - (var(--page-gutter) * 2),var(--page-content)) [content-end] minmax(var(--space-0),calc((var(--page-wide) - var(--page-content)) / 2)) [wide-end] minmax(var(--page-gutter),1fr) [full-end]}.page-grid>*{grid-column:content;min-inline-size:0}.page-grid>.bleed-wide{grid-column:wide}.page-grid>.bleed-full{grid-column:full}.bleed-full>.page-grid,.bleed-wide>.page-grid{grid-column:full}.page-grid>.bleed-prose{grid-column:content;inline-size:100%;max-inline-size:var(--measure-prose);margin-inline:auto}.sections{--sections-gap: var(--space-section);row-gap:var(--sections-gap)}.sections--banded{--sections-gap: var(--space-0)}.band{--band-pad-block: var(--space-subsection);padding-block:var(--band-pad-block)}.band--tight{--band-pad-block: var(--space-block)}.band--loose{--band-pad-block: var(--space-section)}.band--flush{--band-pad-block: var(--space-0)}.band--sunken{background:var(--bg-sunken)}.subsections{--subsections-gap: var(--space-subsection);display:grid;row-gap:var(--subsections-gap)}.stack{--stack-gap: var(--gap-grouped);display:flex;flex-direction:column;gap:var(--stack-gap)}.stack--fused{--stack-gap: var(--gap-fused)}.stack--tight{--stack-gap: var(--gap-tight)}.stack--related{--stack-gap: var(--gap-related)}.stack--separate{--stack-gap: var(--gap-separate)}.stack--distinct{--stack-gap: var(--gap-distinct)}.stack--prose{--stack-gap: var(--space-block)}.stack>.stack__push-end{margin-block-start:auto}.stack--fill{block-size:100%}:is(.flow,.prose){--flow-gap: var(--space-block)}:is(.flow,.prose)>*+*{margin-block-start:var(--flow-gap)}:is(.flow,.prose)>*+h2{margin-block-start:var(--space-subsection)}:is(.flow,.prose)>*+h3{margin-block-start:var(--gap-distinct)}:is(.flow,.prose)>*+:is(h4,h5,h6){margin-block-start:var(--gap-separate)}:is(.flow,.prose)>:is(h1,h2,h3,h4,h5,h6)+*{margin-block-start:var(--gap-related)}:is(.flow,.prose)>*+hr,:is(.flow,.prose)>hr+*{margin-block-start:var(--space-subsection)}.flow--tight{--flow-gap: var(--gap-related)}.flow--loose{--flow-gap: var(--space-subsection)}.prose{max-inline-size:var(--measure-prose);color:var(--fg-default);line-height:var(--leading-relaxed)}.prose li+li{margin-block-start:var(--gap-tight)}.prose li>:is(ul,ol){margin-block-start:var(--gap-tight)}.cluster{--cluster-gap: var(--gap-related);--cluster-align: center;--cluster-justify: flex-start;display:flex;flex-wrap:wrap;gap:var(--cluster-gap);align-items:var(--cluster-align);justify-content:var(--cluster-justify)}.cluster--fused{--cluster-gap: var(--gap-fused)}.cluster--tight{--cluster-gap: var(--gap-tight)}.cluster--grouped{--cluster-gap: var(--gap-grouped)}.cluster--center{--cluster-justify: center}.cluster--end{--cluster-justify: flex-end}.cluster--between{--cluster-justify: space-between}.cluster--baseline{--cluster-align: baseline}.cluster--start{--cluster-align: flex-start}.row{--row-gap: var(--gap-related);--row-align: center;display:flex;flex-wrap:nowrap;align-items:var(--row-align);gap:var(--row-gap)}.row>*{min-inline-size:0}.row--baseline{--row-align: baseline}.row--start{--row-align: flex-start}.row--stretch{--row-align: stretch}.row--between{justify-content:space-between}.row--equal>*{flex:1 1 0}.row--fill-first>:first-child{flex:1 1 auto}.row--fill-last>:last-child{flex:1 1 auto}.split{--split-gap: var(--gap-separate);--split-threshold: var(--width-form);--split-a: 1;--split-b: 1;display:flex;flex-wrap:wrap;gap:var(--split-gap);align-items:var(--split-align, flex-start)}.split>*{min-inline-size:0;max-inline-size:100%}.split>:first-child{flex:var(--split-a) 1 calc((var(--split-threshold) - 100%) * 999)}.split>:last-child{flex:var(--split-b) 1 calc((var(--split-threshold) - 100%) * 999)}.split--1-2{--split-a: 1;--split-b: 2}.split--2-1{--split-a: 2;--split-b: 1}.split--1-3{--split-a: 1;--split-b: 3}.split--3-1{--split-a: 3;--split-b: 1}.split--center{--split-align: center}.split--stretch{--split-align: stretch}.split--loose{--split-gap: var(--space-block)}.split--stack-early{--split-threshold: var(--measure-prose)}.split--stack-late{--split-threshold: var(--measure-narrow)}.with-sidebar{--with-sidebar-gap: var(--gap-separate);--with-sidebar-rail: calc(var(--width-content) / 4);--with-sidebar-content-min: 60%;display:flex;flex-wrap:wrap;gap:var(--with-sidebar-gap)}.with-sidebar>.with-sidebar__rail{flex-basis:var(--with-sidebar-rail);flex-grow:1;min-inline-size:0}.with-sidebar>.with-sidebar__main{flex-basis:0;flex-grow:999;min-inline-size:var(--with-sidebar-content-min)}.with-sidebar--narrow-rail{--with-sidebar-rail: calc(var(--width-content) / 6)}.with-sidebar--wide-rail{--with-sidebar-rail: calc(var(--width-content) / 3)}.with-sidebar--tight{--with-sidebar-gap: var(--gap-grouped)}.with-sidebar--loose{--with-sidebar-gap: var(--space-block)}.with-sidebar--wrap-late{--with-sidebar-content-min: 50%}.with-sidebar--wrap-early{--with-sidebar-content-min: 70%}.with-sidebar--sticky-rail>.with-sidebar__rail{align-self:start;position:sticky;inset-block-start:var(--with-sidebar-rail-offset, var(--space-block));max-block-size:100svb;overflow-y:auto}.switcher{--switcher-gap: var(--gap-grouped);--switcher-threshold: var(--width-form);display:flex;flex-wrap:wrap;gap:var(--switcher-gap)}.switcher>*{flex-grow:1;flex-basis:calc((var(--switcher-threshold) - 100%) * 999);min-inline-size:0}.switcher>:nth-last-child(n+5),.switcher>:nth-last-child(n+5)~*{flex-basis:100%}.switcher--max-3>:nth-last-child(n+4),.switcher--max-3>:nth-last-child(n+4)~*{flex-basis:100%}.switcher--max-2>:nth-last-child(n+3),.switcher--max-2>:nth-last-child(n+3)~*{flex-basis:100%}.switcher--tight{--switcher-gap: var(--gap-related)}.switcher--loose{--switcher-gap: var(--gap-separate)}.switcher--narrow-threshold{--switcher-threshold: var(--measure-narrow)}.grid{--grid-gap: var(--gap-grouped);--grid-min: var(--measure-narrow);display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-min),100%),1fr))}.grid>*{min-inline-size:0}.grid--fill{grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr))}.grid--min-xs{--grid-min: calc(var(--width-content) / 6)}.grid--min-sm{--grid-min: calc(var(--width-content) / 4)}.grid--min-md{--grid-min: calc(var(--width-content) / 3)}.grid--min-lg{--grid-min: calc(var(--width-content) / 2)}.grid--tight{--grid-gap: var(--gap-related)}.grid--loose{--grid-gap: var(--gap-separate)}.grid--12{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr))}.grid--12>*{grid-column:1 / -1}@media (min-width: 48rem){.grid--12>*{grid-column:span var(--span, var(--grid-columns))}}@supports (grid-template-rows: subgrid){.grid--rows-aligned>*{--card-rows: 3;display:grid;grid-template-rows:subgrid;grid-row:span var(--card-rows)}}.cover{--cover-min: 100svh;--cover-pad: var(--space-subsection);--cover-gap: var(--gap-separate);display:flex;flex-direction:column;min-block-size:var(--cover-min);padding-block:var(--cover-pad);gap:var(--cover-gap)}.cover>.cover__centre,.cover>.cover__center{margin-block:auto}.cover--below-header{--cover-min: calc(100svh - var(--header-block-size))}.cover--partial{--cover-min: calc(100svh - var(--space-section) * 2)}.cover--live{--cover-min: 100dvh}.cover--flush{--cover-pad: var(--space-0)}.frame{--frame-ratio: 16 / 9;--frame-fit: cover;--frame-position: 50% 50%;aspect-ratio:var(--frame-ratio);overflow:hidden;display:block}.frame>:is(img,video,canvas,svg,iframe,picture),.frame>picture>img{inline-size:100%;block-size:100%;object-fit:var(--frame-fit);object-position:var(--frame-position)}.frame--square{--frame-ratio: 1 / 1}.frame--4-3{--frame-ratio: 4 / 3}.frame--3-2{--frame-ratio: 3 / 2}.frame--21-9{--frame-ratio: 21 / 9}.frame--portrait{--frame-ratio: 3 / 4;--frame-position: 50% 25%}.frame--contain{--frame-fit: contain}.frame--rounded{border-radius:var(--radius-lg)}.center{--center-max: var(--width-content);--center-gutter: var(--gutter-page);--center-box: calc(var(--center-max) + var(--center-gutter) * 2);box-sizing:border-box;max-inline-size:var(--center-box);margin-inline:auto;padding-inline:var(--center-gutter)}.center--prose{--center-max: var(--measure-prose)}.center--narrow{--center-max: var(--measure-narrow)}.center--form{--center-max: var(--width-form)}.center--wide{--center-max: var(--width-wide)}.center--flush{--center-gutter: var(--space-0)}.center--intrinsic{display:flex;flex-direction:column;align-items:center}.reel{--reel-gap: var(--gap-grouped);--reel-item: calc(var(--width-content) / 4);display:flex;gap:var(--reel-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scroll-padding-inline:var(--gutter-page);padding-block-end:var(--gap-related);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.reel>*{flex:0 0 var(--reel-item);min-inline-size:0;scroll-snap-align:start}.reel--sm{--reel-item: calc(var(--width-content) / 6)}.reel--lg{--reel-item: calc(var(--width-content) / 3)}.reel--peek{--reel-item: min(80%, calc(var(--width-content) / 3))}.reel--snap-strict{scroll-snap-type:inline mandatory}.page-grid>.reel.bleed-full{--reel-bleed-pad: max(var(--gutter-page), calc((100% - var(--width-content)) / 2));padding-inline:var(--reel-bleed-pad)}.imposter{--imposter-margin: var(--pad-card);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;--imposter-max: calc(100% - var(--imposter-margin) * 2);max-inline-size:var(--imposter-max);max-block-size:var(--imposter-max-block, var(--imposter-max));overflow:auto;z-index:var(--z-raised)}.imposter-anchor{position:relative}.imposter--fixed{position:fixed;z-index:var(--z-modal)}.imposter--contain{--imposter-max-block: calc(100svb - var(--imposter-margin) * 2)}.imposter--top{inset-block-start:var(--imposter-margin);translate:-50% 0}.imposter--bottom{inset-block:auto var(--imposter-margin);translate:-50% 0}.region{container-type:inline-size;container-name:region}.media-object{--media-object-gap: var(--gap-grouped);--media-object-rail: calc(var(--width-content) / 6);display:grid;gap:var(--media-object-gap);grid-template-columns:1fr}@container region (inline-size >= 30rem){.media-object{grid-template-columns:var(--media-object-rail) 1fr}}@container region (inline-size < 30rem){.region-compact{--density: .875}}.u-min-0{min-inline-size:0}.u-wrap-anywhere{overflow-wrap:anywhere}.u-optical-up{translate:0 calc(var(--space-px) * -1)}.u-optical-left{translate:calc(var(--space-px) * -1) 0}.u-hang-punct{margin-inline-start:calc(var(--space-0-5) * -1)}.u-isolate{isolation:isolate}}@layer components.shared{.btn{--btn-block: var(--control-md);--btn-pad: var(--pad-inline-sm);--btn-font: var(--type-ui-sm);--btn-bg: var(--bg-surface);--btn-fg: var(--fg-default);--btn-border: var(--border-default);display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-tight);block-size:var(--btn-block);padding-inline:var(--btn-pad);font:var(--btn-font);color:var(--btn-fg);white-space:nowrap;text-decoration:none;background:var(--btn-bg);border:var(--stroke-hairline) solid var(--btn-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--motion-hover),border-color var(--motion-hover),color var(--motion-hover)}.btn:hover{--btn-bg: var(--bg-raised);--btn-border: var(--border-strong);--btn-fg: var(--fg-strong)}.btn:active{--btn-bg: var(--bg-surface)}.btn[aria-pressed=true]{--btn-bg: var(--bg-selected);--btn-border: var(--border-strong);--btn-fg: var(--fg-strong)}.btn:disabled,.btn[aria-disabled=true]{--btn-bg: var(--bg-disabled);--btn-fg: var(--fg-disabled);--btn-border: var(--border-subtle);cursor:not-allowed}.btn[aria-busy=true]{cursor:progress}.btn[data-variant=primary]{--btn-bg: var(--bg-accent);--btn-fg: var(--fg-on-accent);--btn-border: var(--bg-accent);font-weight:var(--weight-semibold);box-shadow:var(--elevation-raised)}.btn[data-variant=primary]:hover{--btn-bg: var(--bg-accent-hover);--btn-border: var(--bg-accent-hover);--btn-fg: var(--fg-on-accent);box-shadow:var(--elevation-lift)}.btn[data-variant=primary]:active{--btn-bg: var(--bg-accent);box-shadow:var(--elevation-raised)}.btn[data-variant=primary]:disabled,.btn[data-variant=primary][aria-disabled=true]{--btn-bg: var(--bg-disabled);--btn-fg: var(--fg-disabled);--btn-border: var(--border-subtle);box-shadow:none}.btn[data-variant=ghost]{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--fg-muted)}.btn[data-variant=ghost]:hover{--btn-bg: var(--bg-hover);--btn-border: transparent;--btn-fg: var(--fg-strong)}.btn[data-variant=ghost][aria-pressed=true]{--btn-bg: var(--bg-selected);--btn-fg: var(--fg-strong)}.btn[data-variant=danger]{--btn-bg: var(--bg-danger-soft);--btn-fg: var(--fg-danger);--btn-border: var(--border-invalid)}.btn[data-variant=danger]:hover{--btn-bg: var(--bg-danger);--btn-fg: var(--fg-on-danger);--btn-border: var(--bg-danger)}.btn[data-size=sm]{--btn-block: var(--control-sm);--btn-pad: var(--pad-inline-xs);--btn-font: var(--type-label)}.btn[data-size=lg]{--btn-block: var(--control-lg);--btn-pad: var(--pad-inline-md);--btn-font: var(--type-ui)}.btn[data-block]{inline-size:100%}.icon-btn{--icon-btn-size: var(--control-md);--icon-btn-fg: var(--fg-muted);--icon-btn-bg: transparent;display:inline-grid;place-items:center;flex:none;inline-size:var(--icon-btn-size);block-size:var(--icon-btn-size);padding:var(--space-0);color:var(--icon-btn-fg);background:var(--icon-btn-bg);border:var(--stroke-hairline) solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--motion-hover),color var(--motion-hover)}.icon-btn:hover{--icon-btn-bg: var(--bg-hover);--icon-btn-fg: var(--fg-strong)}.icon-btn:active{--icon-btn-bg: var(--bg-active)}.icon-btn[aria-pressed=true]{--icon-btn-bg: var(--bg-selected);--icon-btn-fg: var(--fg-strong)}.icon-btn:disabled,.icon-btn[aria-disabled=true]{--icon-btn-fg: var(--fg-disabled);--icon-btn-bg: transparent;cursor:not-allowed}.icon-btn[data-size=sm]{--icon-btn-size: var(--control-sm)}.icon-btn[data-size=lg]{--icon-btn-size: var(--control-lg)}.icon-btn[data-variant=outline]{border-color:var(--border-default)}}@layer components.shared{.field{--field-block: var(--control-md);--field-font: var(--type-ui-sm);inline-size:100%;min-inline-size:0;block-size:var(--field-block);padding-inline:var(--pad-inline-xs);font:var(--field-font);color:var(--fg-strong);background:var(--bg-sunken);border:var(--stroke-hairline) solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--elevation-well);transition:border-color var(--motion-hover),box-shadow var(--motion-hover)}.field::placeholder{color:var(--fg-subtle)}.field:hover{border-color:var(--fg-muted)}.field:focus-visible{border-color:var(--border-focus);box-shadow:var(--elevation-well),var(--elevation-focus)}.field:disabled{color:var(--fg-disabled);border-color:var(--border-default);cursor:not-allowed}.field[aria-invalid=true]{border-color:var(--border-invalid)}.field[data-multiline]{block-size:auto;min-block-size:var(--textarea-min);padding-block:var(--pad-block-sm);font:var(--type-body);resize:vertical}.field[data-select]{cursor:pointer}.field[data-numeric]{font:var(--type-timecode);font-variant-numeric:tabular-nums}.field[data-size=sm]{--field-block: var(--control-sm)}.field[data-size=lg]{--field-block: var(--control-lg);--field-font: var(--type-ui);padding-inline:var(--pad-inline-sm)}.field-label{display:grid;gap:var(--gap-fused);font:var(--type-label);color:var(--fg-subtle)}}@layer components.shared{.seg{--seg-font: var(--type-ui-sm);--seg-block: var(--control-md);display:inline-flex;align-items:stretch;gap:var(--inset-hairline);block-size:var(--seg-block);padding:var(--inset-xs);background:var(--bg-sunken);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--elevation-well)}.seg__option{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-fused);padding-inline:var(--pad-inline-xs);font:var(--seg-font);color:var(--fg-muted);white-space:nowrap;background:transparent;border:var(--stroke-hairline) solid transparent;border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--motion-hover),color var(--motion-hover)}.seg__option:hover{color:var(--fg-strong)}.seg__option[aria-pressed=true],.seg__option[aria-selected=true]{color:var(--fg-strong);background:var(--bg-raised);border-color:var(--border-default);box-shadow:var(--elevation-raised)}.seg__option:disabled{color:var(--fg-disabled);cursor:not-allowed}.seg[data-fill]{display:flex}.seg[data-fill]>.seg__option{flex:1 1 0}.seg[data-size=sm]{--seg-font: var(--type-label);--seg-block: var(--control-sm)}}@layer components.shared{.switch{--switch-track: var(--bg-sunken);--switch-knob: var(--fg-muted);position:relative;flex:none;inline-size:var(--switch-inline);block-size:var(--switch-block);padding:var(--space-0);background:var(--switch-track);border:var(--stroke-hairline) solid var(--border-strong);border-radius:var(--radius-full);box-shadow:var(--elevation-well);cursor:pointer;transition:background-color var(--motion-instant),border-color var(--motion-instant)}.switch:after{content:"";position:absolute;inset-block-start:var(--inset-hairline);inset-inline-start:var(--inset-hairline);inline-size:var(--switch-thumb);block-size:var(--switch-thumb);background:var(--switch-knob);border-radius:var(--radius-full);box-shadow:var(--elevation-knob);transition:translate var(--motion-instant),background-color var(--motion-instant)}.switch[aria-checked=true]{--switch-track: var(--bg-accent);--switch-knob: var(--bg-play);border-color:var(--bg-accent);box-shadow:none}.switch[aria-checked=true]:after{translate:var(--switch-travel) 0}.switch:disabled{--switch-knob: var(--fg-disabled);border-color:var(--border-default);cursor:not-allowed}}@layer components.shared{.chip{--chip-fg: var(--fg-muted);--chip-bg: var(--bg-hover);--chip-border: var(--border-default);display:inline-flex;align-items:center;gap:var(--gap-fused);block-size:var(--control-sm);padding-inline:var(--pad-inline-xs);font:var(--type-label);letter-spacing:var(--tracking-wide);color:var(--chip-fg);white-space:nowrap;background:var(--chip-bg);border:var(--stroke-hairline) solid var(--chip-border);border-radius:var(--radius-sm)}.chip[data-tone=success]{--chip-fg: var(--fg-success);--chip-bg: var(--bg-success-soft);--chip-border: transparent}.chip[data-tone=warning]{--chip-fg: var(--fg-warning);--chip-bg: var(--bg-warning-soft);--chip-border: transparent}.chip[data-tone=danger]{--chip-fg: var(--fg-danger);--chip-bg: var(--bg-danger-soft);--chip-border: transparent}.chip[data-tone=info]{--chip-fg: var(--fg-info);--chip-bg: var(--bg-info-soft);--chip-border: transparent}.dot{--dot-color: var(--fg-subtle);display:inline-block;flex:none;inline-size:var(--dot);block-size:var(--dot);background:var(--dot-color);border-radius:var(--radius-full)}.dot[data-tone=success]{--dot-color: var(--fg-success)}.dot[data-tone=warning]{--dot-color: var(--fg-warning)}.dot[data-tone=danger]{--dot-color: var(--fg-danger)}.dot[data-tone=info]{--dot-color: var(--fg-info)}.dot[data-state=working]{animation:dot-pulse var(--motion-pulse) infinite}@keyframes dot-pulse{50%{opacity:.35}}.spin{animation:spin var(--motion-loop) infinite}@keyframes spin{to{rotate:1turn}}}@layer components.shared{.panel{--surface-pad: var(--pad-card-lg);padding:var(--surface-pad);color:var(--fg-default);background:var(--bg-raised);border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-modal)}.tile{--surface-pad: var(--pad-card);--tile-border: var(--border-default);padding:var(--surface-pad);background:var(--bg-surface);border:var(--stroke-hairline) solid var(--tile-border);border-radius:var(--radius-md);box-shadow:var(--elevation-card);transition:border-color var(--motion-hover),background-color var(--motion-hover),box-shadow var(--motion-hover)}.tile[data-interactive]:hover{--tile-border: var(--border-strong);background:var(--bg-raised);box-shadow:var(--elevation-raised)}.tile[aria-current=true],.tile[aria-selected=true]{--tile-border: var(--border-focus);background:var(--bg-raised);box-shadow:var(--elevation-selected)}.well{--surface-pad: var(--pad-well);padding:var(--surface-pad);background:var(--bg-sunken);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-well)}.well[data-flush]{--surface-pad: var(--space-0);overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-tight);min-block-size:var(--control-sm)}.section-head>.label{flex:none;white-space:nowrap}.empty{display:grid;justify-items:center;gap:var(--gap-tight);padding:var(--pad-card);text-align:center;color:var(--fg-subtle);font:var(--type-caption)}.pane{display:grid;grid-template-rows:auto minmax(0,1fr);min-inline-size:0;min-block-size:0;overflow:hidden;color:var(--fg-default);background:var(--bg-pane);box-shadow:var(--elevation-pane)}.pane-head{display:flex;align-items:center;gap:var(--gap-tight);min-block-size:var(--pane-head);padding-inline:var(--pad-inline-md) var(--pad-inline-xs);border-block-end:var(--stroke-hairline) solid var(--border-subtle)}.pane-title{font:var(--type-pane);color:var(--fg-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane-body{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.pane-body>*{padding:var(--pad-card)}.pane-body>*+*{border-block-start:var(--stroke-hairline) solid var(--border-subtle)}.group{display:grid;gap:var(--gap-related);padding:var(--pad-card)}.group+.group{border-block-start:var(--stroke-hairline) solid var(--border-subtle)}.pane-body>.sheet{padding:var(--space-0)}.sheet{display:grid;align-content:start}.sheet>*{padding:var(--pad-block-md) var(--pad-card)}.sheet>*+*{border-block-start:var(--stroke-hairline) solid var(--border-subtle)}}@layer components.shared{.label{display:block;font:var(--type-overline);color:var(--fg-muted)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.readout{font:var(--type-readout);font-variant-numeric:tabular-nums;color:var(--fg-strong)}.caption{font:var(--type-caption);color:var(--fg-subtle)}}@layer components.shared{svg.lucide{fill:none}}@layer utilities{.visually-hidden{position:absolute;inline-size:var(--space-px);block-size:var(--space-px);padding:var(--space-0);margin:calc(var(--space-px) * -1);overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@layer components{._root_3a7vi_3{display:grid;place-content:center;justify-items:center;gap:var(--gap-grouped);min-block-size:100dvh;background:var(--bg-canvas)}._body_3a7vi_12{display:inline-flex;align-items:center;gap:var(--gap-tight);font:var(--type-ui);color:var(--fg-muted)}._body_3a7vi_12[data-tone=danger]{color:var(--fg-danger)}}
