@layer theme, base, overrides, structure, scheme;
@layer theme { :root {
  --color-accent: light-dark(oklch(0.371 0.063 159.711), oklch(0.85 0.063 159.711));
  --primary: light-dark(oklch(0.371 0.063 159.711), oklch(0.85 0.063 159.711));
  --color-accent-text: light-dark(oklch(0.371 0.063 159.711), oklch(0.85 0.063 159.711));
  --accent-text: light-dark(oklch(0.371 0.063 159.711), oklch(0.85 0.063 159.711));
  --color-nav-active-ink: light-dark(oklch(0.371 0.063 159.711), oklch(0.858 0.063 159.711));
  --color-on-accent: light-dark(oklch(0.99 0.005 159.711), oklch(0.14 0.005 159.711));
  --primary-foreground: light-dark(oklch(0.99 0.005 159.711), oklch(0.14 0.005 159.711));
  --color-accent-subtle: light-dark(oklch(0.95 0.03 159.711), oklch(0.3 0.04 159.711));
  --primary-container: light-dark(oklch(0.95 0.03 159.711), oklch(0.3 0.04 159.711));
  --color-accent-bold: light-dark(oklch(0.371 0.063 159.711), oklch(0.85 0.063 159.711));
  --color-accent-secondary: light-dark(oklch(0.371 0.063 249.711), oklch(0.85 0.063 249.711));
  --secondary: light-dark(oklch(0.371 0.063 249.711), oklch(0.85 0.063 249.711));
  --color-on-accent-secondary: light-dark(oklch(0.99 0.005 159.711), oklch(0.14 0.005 159.711));
  --secondary-foreground: light-dark(oklch(0.99 0.005 159.711), oklch(0.14 0.005 159.711));
  --color-accent-secondary-subtle: light-dark(oklch(0.95 0.03 249.711), oklch(0.3 0.04 249.711));
  --secondary-container: light-dark(oklch(0.95 0.03 249.711), oklch(0.3 0.04 249.711));
  --color-surface-canvas: light-dark(oklch(0.99 0.005 75), oklch(0.1 0.012 75));
  --background: light-dark(oklch(0.99 0.005 75), oklch(0.1 0.012 75));
  --color-surface-sunken: light-dark(oklch(0.96 0.005 75), oklch(0.06 0.012 75));
  --surface-container-lowest: light-dark(oklch(0.96 0.005 75), oklch(0.06 0.012 75));
  --color-surface-muted: light-dark(oklch(0.96 0.019 75), oklch(0.18 0.022 75));
  --muted: light-dark(oklch(0.96 0.019 75), oklch(0.18 0.022 75));
  --color-surface-muted-opaque: light-dark(oklch(0.96 0.019 75), oklch(0.18 0.022 75));
  --color-surface-raised: light-dark(oklch(1 0.005 75), oklch(0.14 0.012 75));
  --card: light-dark(oklch(1 0.005 75), oklch(0.14 0.012 75));
  --color-surface-raised-opaque: light-dark(oklch(1 0.005 75), oklch(0.14 0.012 75));
  --color-surface-overlay: light-dark(oklch(1 0.005 75), oklch(0.17 0.019 75));
  --popover: light-dark(oklch(1 0.005 75), oklch(0.17 0.019 75));
  --color-surface-inverse: light-dark(oklch(0.18 0.012 75), oklch(0.92 0.012 75));
  --inverse-surface: light-dark(oklch(0.18 0.012 75), oklch(0.92 0.012 75));
  --color-text-primary: light-dark(oklch(0.15 0.012 75), oklch(0.98 0.012 75));
  --foreground: light-dark(oklch(0.15 0.012 75), oklch(0.98 0.012 75));
  --color-text-secondary: light-dark(oklch(0.4 0.012 75), oklch(0.78 0.012 75));
  --muted-foreground: light-dark(oklch(0.4 0.012 75), oklch(0.78 0.012 75));
  --color-text-muted: light-dark(oklch(0.55 0.012 75), oklch(0.58 0.012 75));
  --color-text-inverse: light-dark(oklch(0.98 0.012 75), oklch(0.18 0.012 75));
  --inverse-on-surface: light-dark(oklch(0.98 0.012 75), oklch(0.18 0.012 75));
  --color-card-foreground: light-dark(oklch(0.15 0.012 75), oklch(0.98 0.012 75));
  --card-foreground: light-dark(oklch(0.15 0.012 75), oklch(0.98 0.012 75));
  --color-popover-foreground: light-dark(oklch(0.15 0.012 75), oklch(0.98 0.012 75));
  --popover-foreground: light-dark(oklch(0.15 0.012 75), oklch(0.98 0.012 75));
  --color-border-default: light-dark(oklch(0.88 0.012 75), oklch(0.27 0.012 75));
  --border: light-dark(oklch(0.88 0.012 75), oklch(0.27 0.012 75));
  --color-border-subtle: light-dark(oklch(0.93 0.012 75), oklch(0.22 0.012 75));
  --border-subtle: light-dark(oklch(0.93 0.012 75), oklch(0.22 0.012 75));
  --color-border-accent: light-dark(oklch(0.78 0.038 159.711), oklch(0.55 0.038 159.711));
  --ring: light-dark(oklch(0.78 0.038 159.711), oklch(0.55 0.038 159.711));
  --color-border-input: light-dark(oklch(0.82 0.012 75), oklch(0.32 0.012 75));
  --input: light-dark(oklch(0.82 0.012 75), oklch(0.32 0.012 75));
  --color-danger: light-dark(oklch(0.6 0.18 25), oklch(0.7 0.14 25));
  --destructive: light-dark(oklch(0.6 0.18 25), oklch(0.7 0.14 25));
  --color-danger-subtle: light-dark(oklch(0.95 0.03 25), oklch(0.3 0.04 25));
  --destructive-container: light-dark(oklch(0.95 0.03 25), oklch(0.3 0.04 25));
  --color-on-danger: light-dark(oklch(0.99 0.005 25), oklch(0.14 0.005 25));
  --destructive-foreground: light-dark(oklch(0.99 0.005 25), oklch(0.14 0.005 25));
  --color-on-danger-subtle: light-dark(oklch(0.2 0.09 25), oklch(0.92 0.05 25));
  --destructive-container-foreground: light-dark(oklch(0.2 0.09 25), oklch(0.92 0.05 25));
  --color-success: light-dark(oklch(0.55 0.18 145), oklch(0.72 0.14 145));
  --success: light-dark(oklch(0.55 0.18 145), oklch(0.72 0.14 145));
  --color-success-subtle: light-dark(oklch(0.95 0.03 145), oklch(0.3 0.04 145));
  --success-container: light-dark(oklch(0.95 0.03 145), oklch(0.3 0.04 145));
  --color-on-success: light-dark(oklch(0.99 0.005 145), oklch(0.14 0.005 145));
  --success-foreground: light-dark(oklch(0.99 0.005 145), oklch(0.14 0.005 145));
  --color-on-success-subtle: light-dark(oklch(0.2 0.08 145), oklch(0.92 0.05 145));
  --success-container-foreground: light-dark(oklch(0.2 0.08 145), oklch(0.92 0.05 145));
  --color-warning: light-dark(oklch(0.72 0.18 70), oklch(0.8 0.14 70));
  --warning: light-dark(oklch(0.72 0.18 70), oklch(0.8 0.14 70));
  --color-warning-subtle: light-dark(oklch(0.95 0.04 70), oklch(0.3 0.05 70));
  --warning-container: light-dark(oklch(0.95 0.04 70), oklch(0.3 0.05 70));
  --color-on-warning: light-dark(oklch(0.18 0.005 70), oklch(0.14 0.005 70));
  --warning-foreground: light-dark(oklch(0.18 0.005 70), oklch(0.14 0.005 70));
  --color-on-warning-subtle: light-dark(oklch(0.18 0.07 70), oklch(0.92 0.07 70));
  --warning-container-foreground: light-dark(oklch(0.18 0.07 70), oklch(0.92 0.07 70));
  --color-info: light-dark(oklch(0.55 0.18 230), oklch(0.72 0.14 230));
  --info: light-dark(oklch(0.55 0.18 230), oklch(0.72 0.14 230));
  --color-info-subtle: light-dark(oklch(0.95 0.03 230), oklch(0.3 0.04 230));
  --info-container: light-dark(oklch(0.95 0.03 230), oklch(0.3 0.04 230));
  --color-on-info: light-dark(oklch(0.99 0.005 230), oklch(0.14 0.005 230));
  --info-foreground: light-dark(oklch(0.99 0.005 230), oklch(0.14 0.005 230));
  --color-on-info-subtle: light-dark(oklch(0.2 0.07 230), oklch(0.92 0.05 230));
  --info-container-foreground: light-dark(oklch(0.2 0.07 230), oklch(0.92 0.05 230));
  --color-focus-ring: light-dark(oklch(0.55 0.063 159.711), oklch(0.7 0.063 159.711));
  --color-scrim: oklch(0 0 0 / 0.5);
  --scrim: oklch(0 0 0 / 0.5);
  --color-chart-1: light-dark(oklch(0.62 0.18 159.711), oklch(0.72 0.18 159.711));
  --chart-1: light-dark(oklch(0.62 0.18 159.711), oklch(0.72 0.18 159.711));
  --color-chart-2: light-dark(oklch(0.62 0.18 231.711), oklch(0.72 0.18 231.711));
  --chart-2: light-dark(oklch(0.62 0.18 231.711), oklch(0.72 0.18 231.711));
  --color-chart-3: light-dark(oklch(0.62 0.18 303.711), oklch(0.72 0.18 303.711));
  --chart-3: light-dark(oklch(0.62 0.18 303.711), oklch(0.72 0.18 303.711));
  --color-chart-4: light-dark(oklch(0.62 0.18 375.711), oklch(0.72 0.18 375.711));
  --chart-4: light-dark(oklch(0.62 0.18 375.711), oklch(0.72 0.18 375.711));
  --color-chart-5: light-dark(oklch(0.62 0.18 447.711), oklch(0.72 0.18 447.711));
  --chart-5: light-dark(oklch(0.62 0.18 447.711), oklch(0.72 0.18 447.711));
  --spacing-xs: 0.25rem;
  --space-xs: 0.25rem;
  --space-1: 0.25rem;
  --spacing-sm: 0.5rem;
  --space-sm: 0.5rem;
  --space-2: 0.5rem;
  --spacing-md: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --space-md: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --space-4: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --spacing-lg: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --space-lg: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --space-6: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --spacing-xl: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-xl: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-8: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-3: 0.75rem;
  --space-5: 1.25rem;
  --space-7: 1.75rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.75rem;
  --radius-full: 9999px;
  --radius-none: 0rem;
  --font-weight-display-large: 400;
  --letter-spacing-display-large: 0.0000em;
  --line-height-display-large: 1.123;
  --font-weight-display-medium: 400;
  --letter-spacing-display-medium: 0.0000em;
  --line-height-display-medium: 1.123;
  --font-weight-display-small: 400;
  --letter-spacing-display-small: 0.0000em;
  --line-height-display-small: 1.123;
  --font-weight-headline-large: 400;
  --letter-spacing-headline-large: 0.0000em;
  --line-height-headline-large: 1.250;
  --font-weight-headline-medium: 400;
  --letter-spacing-headline-medium: 0.0000em;
  --line-height-headline-medium: 1.250;
  --font-weight-headline-small: 400;
  --letter-spacing-headline-small: 0.0000em;
  --line-height-headline-small: 1.250;
  --font-weight-title-large: 400;
  --letter-spacing-title-large: 0.0000em;
  --line-height-title-large: 1.270;
  --font-weight-title-medium: 400;
  --letter-spacing-title-medium: 0.0000em;
  --line-height-title-medium: 1.270;
  --font-weight-title-small: 400;
  --letter-spacing-title-small: 0.0000em;
  --line-height-title-small: 1.270;
  --font-weight-body-large: 400;
  --letter-spacing-body-large: 0.0312em;
  --line-height-body-large: 1.500;
  --font-weight-body-medium: 400;
  --letter-spacing-body-medium: 0.0156em;
  --line-height-body-medium: 1.500;
  --font-weight-body-small: 400;
  --letter-spacing-body-small: 0.0250em;
  --line-height-body-small: 1.500;
  --font-weight-label-large: 400;
  --letter-spacing-label-large: 0.0063em;
  --line-height-label-large: 1.430;
  --font-weight-label-medium: 400;
  --letter-spacing-label-medium: 0.0312em;
  --line-height-label-medium: 1.430;
  --font-weight-label-small: 400;
  --letter-spacing-label-small: 0.0312em;
  --line-height-label-small: 1.430;
  --font-body: system-ui, -apple-system, sans-serif;
  --font-family-body: system-ui, -apple-system, sans-serif;
  --font-family: system-ui, -apple-system, sans-serif;
  --font-display: system-ui, -apple-system, sans-serif;
  --font-family-display: system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --font-family-mono: ui-monospace, SFMono-Regular, monospace;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-family-body: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  --shadow-xl: 0 25px 50px -12px rgba(0,0,0,0.25);
  --shadow-gutter: 0rem;
  --clip-gutter: 4.0px;
  --motion-duration-feedback: 80ms;
  --motion-duration-standard: 200ms;
  --transition-duration: 200ms;
  --motion-easing-standard: cubic-bezier(0.2,0,0,1);
  --transition-easing: cubic-bezier(0.2,0,0,1);
  --motion-duration-emphasized: 320ms;
  --motion-easing-emphasized: cubic-bezier(0.2,0,0,1);
  --motion-duration-emphasized-accel: 120ms;
  --motion-easing-emphasized-accel: cubic-bezier(0.3,0,0.8,0.15);
  --motion-duration-emphasized-decel: 200ms;
  --motion-easing-emphasized-decel: cubic-bezier(0.05,0.7,0.1,1);
  --motion-duration-spring: 200ms;
  --motion-easing-spring: cubic-bezier(0.34,1.56,0.64,1);
  --field-role-border: 1.0px solid light-dark(oklch(0.82 0.012 75), oklch(0.32 0.012 75));
  --field-role-shadow: none;
  --control-role-border: 1.0px solid light-dark(oklch(0.93 0.012 75), oklch(0.22 0.012 75));
  --control-role-shadow: none;
  --control-height: 2.25rem;
  --control-inset-x: 0.625rem;
  --form-control-height: 2.5rem;
  --overlay-role-border: 1.0px solid light-dark(oklch(0.93 0.012 75), oklch(0.22 0.012 75));
  --overlay-role-shadow: none;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-primary: var(--primary);
  --color-destructive: var(--destructive);
  --font-size: 0.875rem;
  --font-size-body-medium: 0.875rem;
  --line-height: 1.5;
  --heading-weight: 600;
  --heading-line-height: 1.25;
  --heading-letter-spacing: -0.01em;
  --h1-size: clamp(1.500rem, 1.304rem + 0.870vw, 2.000rem);
  --h2-size: clamp(1.250rem, 1.152rem + 0.435vw, 1.500rem);
  --h3-size: clamp(1.125rem, 1.076rem + 0.217vw, 1.250rem);
  --h4-size: clamp(1.062rem, 1.038rem + 0.109vw, 1.125rem);
  --code-font-size: 0.875rem;
  --small-font-size: 0.75rem;
  --body-font-size: 0.875rem;
  --caption-size: 0.75rem;
  --medium-weight: 500;
  --bold-weight: 700;
  --dialog-min-width: 320px;
  --dialog-max-width: 640px;
  --state-disabled-opacity: 0.5;
  --state-disabled-cursor: not-allowed;
  --state-invalid-border-color: var(--destructive);
  --state-invalid-ring: 0 0 0 3px color-mix(in oklch, var(--destructive) 30%, transparent);
  --state-focus-ring: 0 0 0 3px color-mix(in oklch, var(--primary) 40%, transparent);
  --state-readonly-bg: var(--muted);
  --state-readonly-opacity: 1;
  --state-busy-opacity: 0.6;
  --state-busy-cursor: progress;
  --state-busy-spinner: currentColor;
  --accent: light-dark(oklch(0.96 0.019 75), oklch(0.18 0.022 75));
  --m3e-shape-to: none;
}
@media (prefers-contrast: more) and (forced-colors: none) { :root {
  --color-text-secondary: light-dark(oklch(0.25 0.012 75), oklch(0.9 0.012 75));
  --muted-foreground: light-dark(oklch(0.25 0.012 75), oklch(0.9 0.012 75));
  --color-text-muted: light-dark(oklch(0.31 0.012 75), oklch(0.82 0.012 75));
  --color-border-default: light-dark(oklch(0.478 0.012 75), oklch(0.661 0.012 75));
  --border: light-dark(oklch(0.478 0.012 75), oklch(0.661 0.012 75));
  --color-border-subtle: light-dark(oklch(0.54 0.012 75), oklch(0.6 0.012 75));
  --border-subtle: light-dark(oklch(0.54 0.012 75), oklch(0.6 0.012 75));
  --color-border-input: light-dark(oklch(0.418 0.012 75), oklch(0.716 0.012 75));
  --input: light-dark(oklch(0.418 0.012 75), oklch(0.716 0.012 75));
} }
.d-fixed-metrics {
  --spacing-xs: 0.25rem;
  --space-xs: 0.25rem;
  --space-1: 0.25rem;
  --spacing-sm: 0.5rem;
  --space-sm: 0.5rem;
  --space-2: 0.5rem;
  --spacing-md: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --space-md: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --space-4: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --spacing-lg: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --space-lg: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --space-6: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --spacing-xl: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-xl: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-8: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-3: 0.75rem;
  --space-5: 1.25rem;
  --space-7: 1.75rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.75rem;
  --radius-full: 9999px;
  --radius-none: 0rem;
  --font-weight-display-large: 400;
  --letter-spacing-display-large: 0.0000em;
  --line-height-display-large: 1.123;
  --font-weight-display-medium: 400;
  --letter-spacing-display-medium: 0.0000em;
  --line-height-display-medium: 1.123;
  --font-weight-display-small: 400;
  --letter-spacing-display-small: 0.0000em;
  --line-height-display-small: 1.123;
  --font-weight-headline-large: 400;
  --letter-spacing-headline-large: 0.0000em;
  --line-height-headline-large: 1.250;
  --font-weight-headline-medium: 400;
  --letter-spacing-headline-medium: 0.0000em;
  --line-height-headline-medium: 1.250;
  --font-weight-headline-small: 400;
  --letter-spacing-headline-small: 0.0000em;
  --line-height-headline-small: 1.250;
  --font-weight-title-large: 400;
  --letter-spacing-title-large: 0.0000em;
  --line-height-title-large: 1.270;
  --font-weight-title-medium: 400;
  --letter-spacing-title-medium: 0.0000em;
  --line-height-title-medium: 1.270;
  --font-weight-title-small: 400;
  --letter-spacing-title-small: 0.0000em;
  --line-height-title-small: 1.270;
  --font-weight-body-large: 400;
  --letter-spacing-body-large: 0.0312em;
  --line-height-body-large: 1.500;
  --font-weight-body-medium: 400;
  --letter-spacing-body-medium: 0.0156em;
  --line-height-body-medium: 1.500;
  --font-weight-body-small: 400;
  --letter-spacing-body-small: 0.0250em;
  --line-height-body-small: 1.500;
  --font-weight-label-large: 400;
  --letter-spacing-label-large: 0.0063em;
  --line-height-label-large: 1.430;
  --font-weight-label-medium: 400;
  --letter-spacing-label-medium: 0.0312em;
  --line-height-label-medium: 1.430;
  --font-weight-label-small: 400;
  --letter-spacing-label-small: 0.0312em;
  --line-height-label-small: 1.430;
  --font-body: system-ui, -apple-system, sans-serif;
  --font-family-body: system-ui, -apple-system, sans-serif;
  --font-family: system-ui, -apple-system, sans-serif;
  --font-display: system-ui, -apple-system, sans-serif;
  --font-family-display: system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --font-family-mono: ui-monospace, SFMono-Regular, monospace;
  --control-height: 2.25rem;
  --control-inset-x: 0.625rem;
  --form-control-height: 2.5rem;
  --font-body: var(--d-fixed-font);
  --font-family-body: var(--d-fixed-font);
  --font-family: var(--d-fixed-font);
}
 }
@layer base { 
    *, *::before, *::after { box-sizing:border-box;margin:0;padding:0 }

    
    
    html { scrollbar-gutter:stable; background-color: var(--background) }

    
    html:has(.d-app-shell), html:has(> body > main.z-viewport) { scrollbar-gutter:auto }

    
    .d-base {
      box-sizing:border-box;border:0 solid;
      flex-basis:auto;flex-shrink:0;
      margin:0;padding:0;
      min-height:0;min-width:0;
      
      overflow:clip;overflow-clip-margin:var(--clip-gutter, 4px);position:relative
    }

    
    :where(button, input, optgroup, select, textarea) {
      font-family: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      font-size: 100%;
      font-weight: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      color: inherit;
      margin: 0;
      padding: 0;
    }
    button, [type='button'], [type='reset'], [type='submit'] {
      -webkit-appearance: button;
      background-color: transparent;
      background-image: none;
    }

    
    body {
      margin: 0;
      font-family: var(--font-family);
      font-size: var(--font-size);
      line-height: var(--line-height);
      color: var(--foreground);
      background: var(--background);
      cursor: var(--cursor-default, auto);
    }
    
    button, summary, select, label[for], [role='button'], [role='link'], [role='menuitem'], [role='option'], [role='tab'], input[type='checkbox'], input[type='radio'], input[type='range'] {
      cursor: var(--cursor-pointer);
    }
    input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='submit']):not([type='button']), textarea, [contenteditable='true'] {
      cursor: var(--cursor-text);
    }

    
    html { -webkit-text-size-adjust:100%; text-size-adjust:100% }
    @media (min-width:2200px) { html { font-size:112.5%; --d-rem-step:1.125 } }
    body { overscroll-behavior:none; -webkit-tap-highlight-color:transparent }
    button, a, [role=button], summary, label, input[type=submit], input[type=button] { touch-action:manipulation }
    .nav-rail, .d-sidebar, [role=navigation], button, [role=button] {
      -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;
    }
    input, textarea, select, [contenteditable], [contenteditable] * {
      -webkit-touch-callout:default; -webkit-user-select:text; user-select:text;
    }

    h1, h2, h3, h4 {
      font-weight: var(--heading-weight);
      line-height: var(--heading-line-height);
      color: var(--foreground);
      letter-spacing: var(--heading-letter-spacing);
    }
    h1 { font-size: var(--h1-size); }
    h2 { font-size: var(--h2-size); }
    h3 { font-size: var(--h3-size); }
    h4 { font-size: var(--h4-size); }

    p { color: var(--muted-foreground); }

    code {
      font-family: var(--font-mono);
      font-size: var(--code-font-size);
      background: var(--muted);
      padding: 0.2em 0.4em;
      border-radius: calc(var(--radius) * 0.5);
    }

    
    a:not(.ui) {
      color: var(--accent-text, var(--primary));
      text-decoration: none;
      cursor: var(--cursor-pointer);
      transition: color var(--motion-duration-feedback) var(--transition-easing);
    }
    a:not(.ui):hover { text-decoration:underline;text-underline-offset:4px }
    
    a.atom-pressable:hover { text-decoration:none }

    
    .d-anim-fade-in     { animation: d-anim-fade-in var(--d-anim-dur, 180ms) var(--transition-easing) both }
    .d-anim-slide-up    { animation: d-anim-slide-up var(--d-anim-dur, 180ms) var(--transition-easing) both }
    .d-anim-slide-down  { animation: d-anim-slide-down var(--d-anim-dur, 180ms) var(--transition-easing) both }
    .d-anim-scale-in    { animation: d-anim-scale-in var(--d-anim-dur, 180ms) var(--transition-easing) both }
    @keyframes d-anim-fade-in    { from { opacity: 0 } to { opacity: 1 } }
    @keyframes d-anim-slide-up   { from { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: translateY(0) } }
    @keyframes d-anim-slide-down { from { opacity: 0; transform: translateY(-8px) } to { opacity: 1; transform: translateY(0) } }
    @keyframes d-anim-scale-in   { from { opacity: 0; transform: scale(0.96) } to { opacity: 1; transform: scale(1) } }

    .datum-qr { width:var(--qr-size, 224px); height:var(--qr-size, 224px); max-width:100% }
  
    .d-brand-logo { display:block; flex:none; object-fit:contain; background:transparent }
    .d-brand-logo-mark { width:36px; height:36px; border-radius:var(--radius-sm) }
    .d-brand-logo-lockup { height:30px; width:auto; max-width:168px }
  
    .d-center { display:flex;flex:1;justify-content:center;align-items:safe center;min-height:inherit }
    
    .d-center > * { max-width:100% }
  
    
    .d-cbox {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      min-height: 0;
      min-width: min(var(--cb-minw, 0px), 100%);
    }
    
    .d-cbox > * { flex: 1 1 auto; min-width: 0 }
    
    .d-row > .d-cbox[data-cb-grow],
    .d-wrap > .d-cbox[data-cb-grow] { flex: 1 1 var(--cb-minw, auto) }
    
    .d-row:has(> .d-cbox[data-cb-grow]) { flex-wrap: wrap; row-gap: var(--d-gap, 0) }
  
    .atom-box {
      background:var(--b-bg);
      
      color:var(--surf-fg, inherit);
      border-radius:var(--b-radius);
      padding:var(--b-pad);
      
      border-top:var(--b-bt, none);
      border-right:var(--b-br, none);
      border-bottom:var(--b-bb, none);
      border-left:var(--b-bl, none);
      box-shadow:var(--b-shadow)
    }
    
    [data-centered="1"] {
      display:inline-flex;
      align-items:center;
      justify-content:center
    }
    
    [data-clip="1"] {
      overflow:hidden
    }
    
    [data-sticky="top"]    { position:sticky; top:0; z-index:3 }
    [data-sticky="left"]   { position:sticky; left:0; z-index:2 }
    [data-sticky="corner"] { position:sticky; top:0; left:0; z-index:4 }
    
    [data-dv-href] { cursor:pointer }
   .d-expanded { min-height: 0; min-width: 0; display: flex; flex-direction: column; align-items: stretch; flex: var(--ex-flex) 1 0 }  .flexible { flex: 0 1 auto; min-height: 0; min-width: 0; display: flex; flex-direction: column; align-items: stretch } 
    .atom-pressable {
      
      box-sizing:border-box;
      min-height:var(--target-min-size, 32px);
      min-width:var(--target-min-size, 32px);
      
      width:fit-content;
    }
    
    .atom-pressable.pressable-expand {
      width:100%;
    }
    .atom-pressable {
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:var(--space-2);
      cursor:var(--cursor-pointer, pointer);
      text-decoration:none;
      white-space:nowrap;
      color:inherit;
      
      font-family:var(--p-font-family, inherit);
      font-size:var(--p-font-size, inherit);
      font-weight:var(--p-font-weight, inherit);
      line-height:var(--p-line-height, inherit);
      overflow:hidden;
      background:var(--p-bg);
      
      color:var(--surf-fg, inherit);
      border-radius:var(--p-radius);
      padding:var(--p-pad);
      
      border-top:var(--p-bt, none);
      border-right:var(--p-br, none);
      border-bottom:var(--p-bb, none);
      border-left:var(--p-bl, none);
      box-shadow:var(--p-shadow);
      transition:var(--p-motion);
      transition-property:background-color,color,border-color,border-radius,box-shadow,opacity,transform,translate,scale,rotate,filter,padding,font-size,line-height
    }
    
    .atom-pressable > :not(.atom-state-layer) {
      min-width:0;
      overflow-x:clip;
      text-overflow:ellipsis
    }
    
    .atom-pressable[role="menuitem"], .atom-pressable[role="menuitemcheckbox"] {
      justify-content:flex-start
    }
    
    .atom-pressable:focus-visible {
      outline:var(--p-focus, none);
      outline-offset:var(--p-focus-offset, 0);
      box-shadow:var(--p-focus-glow, var(--p-shadow))
    }
    
    .atom-pressable[disabled], .atom-pressable[aria-disabled="true"] {
      pointer-events:none;
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor)
    }
    
    .atom-pressable[aria-invalid="true"] {
      box-shadow:var(--state-invalid-ring)
    }
    
    .atom-pressable[aria-busy="true"] {
      cursor:var(--state-busy-cursor);
      opacity:1
    }
    .atom-pressable[aria-busy="true"]::after {
      content:"";
      box-sizing:border-box;
      flex:0 0 1em;
      width:1em; height:1em; border-radius:50%;
      border:2px solid color-mix(in oklch, var(--state-busy-spinner) 30%, transparent);
      border-top-color:var(--state-busy-spinner);
      animation:atom-spin .6s linear infinite;
      pointer-events:none
    }
    @keyframes atom-spin { to { transform:rotate(360deg) } }
    @media (prefers-reduced-motion) { .atom-pressable[aria-busy="true"]::after { animation:none } }
    .atom-state-layer {
      position:absolute;
      inset:0;
      background:transparent;
      pointer-events:none;
      transition:background var(--p-motion-state, 120ms ease)
    }
    .atom-pressable[data-hover="1"]:hover .atom-state-layer {
      background:var(--p-state-hover)
    }
    .atom-pressable[data-pressed="1"]:active .atom-state-layer {
      background:var(--p-state-pressed)
    }
    
    .atom-pressable[data-hover-kind="fillSwap"]:hover {
      background:var(--p-hover-bg)
    }
    .atom-pressable[data-pressed-kind="fillSwap"]:active {
      background:var(--p-pressed-bg)
    }
    
    .atom-pressable[data-morph="1"]:active {
      clip-path:var(--m3e-shape-to)
    }
    
    .atom-pressable:active {
      transform: scale(var(--p-press-scale, 1))
    }
    
    .atom-pressable[data-choreo="1"] {
      transition: translate var(--p-motion-state, 120ms ease), box-shadow var(--p-motion-state, 120ms ease)
    }
    .atom-pressable[data-choreo="1"]:hover {
      translate: var(--press-hover-shift, 0px) var(--press-hover-shift, 0px);
      box-shadow: var(--p-hover-shadow, var(--p-shadow))
    }
    .atom-pressable[data-choreo="1"]:active {
      translate: var(--press-active-shift, 0px) var(--press-active-shift, 0px);
      box-shadow: var(--p-press-shadow, var(--p-shadow))
    }
  
 .d-padded { padding: var(--d-pad,0) } 
    .positioned { position: absolute; top: var(--pos-top); right: var(--pos-right); bottom: var(--pos-bottom); left: var(--pos-left) }
    .positioned.pos-center { display: flex; align-items: center }
  
    input.data-view-sel-cb[type=checkbox] { appearance:auto; -webkit-appearance:auto; -moz-appearance:auto; opacity:1; position:static; width:14px; height:14px; cursor:pointer; accent-color:var(--primary); margin:0 }
    [data-dv-bulk-busy] { pointer-events:none; opacity:0.62; transition:opacity 120ms ease }
    [data-dv-bulk-busy, data-dv-bulk-mutate].pending:not(.atom-pressable)::after { content:""; display:inline-block; width:0.75em; height:0.75em; margin-left:0.5em; vertical-align:-0.05em; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:dv-bulk-spin 700ms linear infinite }
    @keyframes dv-bulk-spin { to { transform:rotate(360deg) } }
    @media (prefers-reduced-motion: reduce) { [data-dv-bulk-busy, data-dv-bulk-mutate].pending:not(.atom-pressable)::after { animation:none } }
  
    .d-ident { display: contents }
  
    .scv-shell { min-height: 0; min-width: 0 }

    @media (max-width:640px) {
      :is(.main-content, main) > .flex-1,
      :is(.main-content, main) .d-expanded,
      :is(.main-content, main) .dv-root > .d-col,
      :is(.main-content, main) .d-col > .flex-1,
      :is(.main-content, main) .d-col > .d-expanded,
      :is(.main-content, main) .d-col > .flexible,
      :is(.main-content, main) .d-col > .scv-shell.overflow-y-auto { flex: 0 0 auto; min-height: auto; overflow-y: visible }
    }
    .scv-shell[data-maxh] { max-height: var(--scv-maxh) }

    
    .scv-shell.scv-bleed {
      box-sizing: border-box;
      margin-inline: calc(-1 * var(--rv-pi, 0px));
      margin-block: calc(-1 * var(--space-6));
      padding-inline: var(--rv-pi, 0px);
      padding-block: var(--space-6);
      
      scrollbar-gutter: stable;
    }

    
    .d-expanded:has(> .scv-shell.scv-bleed),
    .flexible:has(> .scv-shell.scv-bleed) { overflow: visible }

    
    .scv-shell.overflow-x-auto { -webkit-overflow-scrolling: touch }
    .scv-shell.overflow-x-auto > *,
    .scv-shell.overflow-auto > * { min-width: max-content }

    
    .scv-shell.overflow-x-auto > .scv-self-width,
    .scv-shell.overflow-auto > .scv-self-width { min-width: 0 }
  
    .sizedbox[data-w] { width: var(--sb-w) } .sizedbox[data-h] { height: var(--sb-h) }
    .gap-xs { min-width:var(--space-1); min-height:var(--space-1) }
    .gap-sm { min-width:var(--space-2); min-height:var(--space-2) }
    .gap-md { min-width:var(--space-4); min-height:var(--space-4) }
    .gap-lg { min-width:var(--space-6); min-height:var(--space-6) }
    .gap-xl { min-width:var(--space-8); min-height:var(--space-8) }
   .stack { display:grid;position:relative;flex:1;min-height:inherit } .stack > * { grid-area:1/1 } 
    .d-rotate {
      display:inline-block;
      transform:rotate(var(--d-rot))
    }
  
    .d-scheme-click { display: contents }
  
    .matrix-cell { border:1px solid #e2e2e3; background:#fff; box-sizing:border-box }
    .matrix-cell[data-fit="fixed"] { width:300px; height:220px; overflow:hidden }
    .matrix-cell[data-fit="auto"] { min-width:90px; min-height:64px; padding:8px; display:flex; align-items:center; justify-content:center }
  
    .screen-cell { border:1px solid #e2e2e3; background:#fff; box-sizing:border-box; width:420px; height:360px; overflow:hidden; position:relative }
  
    .state-cell { width:220px; height:96px; border:1px solid #e2e2e3; background:#fff; box-sizing:border-box; overflow:hidden; display:flex; align-items:center; justify-content:center; padding:8px }
  
    .kb-col {
      flex: 0 0 auto;
      box-sizing: border-box;
      width: var(--d-board-width);
      max-width: var(--d-board-max-width);
      display: flex;
      flex-direction: column;
      gap: var(--d-board-gap);
      padding: var(--d-board-inset);
      border-radius: var(--d-board-radius);
      background: var(--d-board-fill);
      outline: 2px solid transparent;
      outline-offset: -2px;
      transition: background var(--motion-duration-feedback) ease, outline-color var(--motion-duration-feedback) ease;
    }
    .kb-col.kb-drop-active {
      background: var(--d-board-drop-fill);
      outline-color: var(--d-board-drop-stroke);
    }
  
    .kb-card { cursor: grab; }
    .kb-card:active { cursor: grabbing; }
    .kb-card.kb-dragging { opacity: 0.5; }
    .kb-card.kb-saving { animation: kb-pulse 1s ease-in-out infinite; }
    @keyframes kb-pulse { 0%,100% { opacity: 1 } 50% { opacity: 0.55 } }
  
    .fidelity-row { display:flex; flex-direction:column; gap:.5rem; margin-bottom:1.5rem }
    .fidelity-score { min-height:1.5rem; font-size:1.25rem; font-weight:700; text-align:center; letter-spacing:.02em; color:var(--muted-foreground); font-variant-numeric:tabular-nums }
    .fidelity-pair { display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:start }
    .fidelity-ref, .fidelity-datum { min-width:0 }
  
    .swipe-deck {
      position:relative;
      width:100%;
      
      min-height:60vh;
      touch-action:pan-y;
      user-select:none;
      -webkit-user-select:none;
    }
    .swipe-deck-card {
      position:absolute;
      inset:0;
      display:none;
      will-change:transform;
      transform-origin:50% 120%;
      
    }
    .swipe-deck-card.sd-live { display:block }
    .swipe-deck-card.sd-anim { transition:transform .32s cubic-bezier(.2,.8,.3,1), opacity .32s linear }
    .swipe-deck-card.sd-gone { opacity:0; pointer-events:none }
    .swipe-deck-empty { display:none; position:absolute; inset:0 }
    .swipe-deck.sd-exhausted .swipe-deck-empty { display:flex; align-items:center; justify-content:center }
    
    .swipe-deck-hint {
      position:absolute; top:16px; z-index:5; pointer-events:none;
      padding:6px 14px; border-radius:999px; font-weight:700; font-size:14px;
      letter-spacing:.04em; text-transform:uppercase; opacity:0;
      border:2px solid currentColor;
    }
    .swipe-deck-hint-yes { right:16px; color:var(--success, #16a34a); transform:rotate(8deg) }
    .swipe-deck-hint-no  { left:16px;  color:var(--destructive, #dc2626); transform:rotate(-8deg) }
    @media (prefers-reduced-motion: reduce) {
      .swipe-deck-card.sd-anim { transition-duration:.01ms }
    }
  
    .atom-spinner {
      display:inline-block;
      border:2px solid var(--sp-track);
      border-top-color:var(--sp-active);
      border-radius:var(--radius-full);
      width:var(--sp-sz);
      height:var(--sp-sz);
      animation:var(--sp-anim)
    }
  
    .meter-ring {
      position:relative;
      display:inline-grid;
      place-items:center;
      flex:0 0 auto;
      width:var(--mr-sz);
      height:var(--mr-sz)
    }
    .meter-ring-arc {
      position:absolute;
      inset:0;
      border-radius:var(--radius-full);
      background:conic-gradient(var(--mr-active) var(--mr-turn), var(--mr-track) 0);
      -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--mr-th)), #000 calc(100% - var(--mr-th)));
      mask:radial-gradient(farthest-side, transparent calc(100% - var(--mr-th)), #000 calc(100% - var(--mr-th)));
      transition:background var(--motion-duration-feedback) var(--transition-easing)
    }
    .meter-ring-num {
      position:relative;
      font-size:var(--mr-fs);
      font-weight:var(--bold-weight);
      line-height:1;
      color:var(--mr-active);
      font-variant-numeric:tabular-nums
    }
  
    @keyframes shimmer-sweep {
      0% {
        transform:translateX(-200%)
      }
      100% {
        transform:translateX(200%)
      }
    }
    @keyframes veil-in {
      from {
        opacity:0
      }
      to {
        opacity:1
      }
    }
    
    .shimmer-mode {
      position:relative;
      overflow:hidden;
      pointer-events:none;
      user-select:none
    }
    
    #main-content[data-navigation-failed="true"] * { visibility:hidden; transition:none }

    .shimmer-mode::before {
      content:'';
      position:absolute;
      inset:0;
      z-index:1;
      background:color-mix(in srgb,var(--background) 55%,transparent);
      -webkit-backdrop-filter:blur(3px) saturate(120%);
      backdrop-filter:blur(3px) saturate(120%);
      opacity:0;
      animation:veil-in .16s ease-out .1s forwards;
      pointer-events:none
    }
    @keyframes nav-bar-sweep {
      0% { background-position:-60% 0 }
      100% { background-position:160% 0 }
    }
    .shimmer-mode::after {
      content:'';
      position:fixed;
      top:env(safe-area-inset-top,0px);
      left:0;
      width:100%;
      height:3px;
      z-index:1000;
      background:linear-gradient(90deg,transparent,var(--primary) 25%,color-mix(in oklch,var(--primary) 55%,white) 50%,var(--primary) 75%,transparent) no-repeat;
      background-size:45% 100%;
      box-shadow:0 0 10px color-mix(in oklch,var(--primary) 55%,transparent);
      opacity:0;
      animation:veil-in .12s ease-out .1s forwards,nav-bar-sweep 1s ease-in-out .1s infinite;
      pointer-events:none
    }
    @media (prefers-reduced-motion:reduce) {
      .shimmer-mode::after {
        background:var(--primary);
        animation:veil-in .12s ease-out .1s forwards
      }
    }
    @media (prefers-reduced-transparency:reduce) {
      .shimmer-mode::before { -webkit-backdrop-filter:none; backdrop-filter:none; background:color-mix(in srgb,var(--background) 78%,transparent) }
    }
    
    .shimmer-mode [data-preserve] {
      pointer-events:auto;
      user-select:auto
    }
    .pending {
      opacity:.6;
      pointer-events:none;
      cursor:progress;
      transition:opacity 80ms
    }
    .atom-pressable[data-async=ok] { box-shadow:0 0 0 2px var(--color-success, var(--success)), var(--b-shadow, 0 0 #0000); transition:box-shadow 160ms }
    .atom-pressable[data-async=error] { box-shadow:0 0 0 2px var(--color-danger, var(--destructive)), var(--b-shadow, 0 0 #0000); animation:d-async-shake 320ms }
    @keyframes d-async-shake { 20%, 60% { transform:translateX(-3px) } 40%, 80% { transform:translateX(3px) } }
    @media (prefers-reduced-motion:reduce) {
      .atom-pressable[data-async=error] { animation:none }
    }
    
    @keyframes sk-reveal {
      from { opacity:0 }
      to { opacity:1 }
    }
    .sk-delayed {
      opacity:0;
      animation:sk-reveal 140ms ease-out 500ms both;
      pointer-events:none;
      user-select:none
    }
    @media (prefers-reduced-motion:reduce) {
      .sk-delayed { animation:sk-reveal 1ms linear 500ms both }
    }
    .atom-skeleton {
      display:inline-block;
      vertical-align:middle;
      flex-shrink:0;
      background:var(--sk-grad);
      background-size:400% 100%;
      border-radius:var(--sk-r);
      width:var(--sk-w);
      height:var(--sk-h);
      animation:var(--sk-anim)
    }
    .atom-skeleton[data-shape="round"] {
      border-radius:var(--radius-full)
    }
    .sk {
      display:inline-block;
      vertical-align:middle;
      flex-shrink:0;
      background:linear-gradient(90deg,var(--muted) 25%,color-mix(in srgb,var(--muted) 40%,var(--card)) 50%,var(--muted) 75%);
      background-size:400% 100%;
      border-radius:4px;
      animation:datum-shimmer 1.6s ease-in-out infinite
    }
    .sk-h1 { height:1.75rem; width:7rem }
    .sk-h2 { height:1.375rem; width:9rem }
    .sk-h3 { height:1.25rem; width:7rem }
    .sk-h4 { height:1.1rem; width:5.5rem }
    .sk-p { height:1rem; width:11rem }
    .sk-sm { height:.75rem; width:5rem }
    .sk-badge { height:1.25rem; width:4rem; border-radius:var(--radius-full) }
    .sk-btn { height:2.25rem; width:5rem; border-radius:var(--radius) }
    .sk-link { height:1rem; width:6rem }

    .progress {
      width:100%
    }
    .progress-label {
      display:flex;
      justify-content:space-between;
      margin-bottom:var(--space-1);
      font-size:var(--small-font-size);
      color:var(--muted-foreground)
    }
    .progress-track {
      width:100%;
      height:var(--progress-track-h, 8px);
      border-radius:var(--radius-full);
      background:var(--muted);
      overflow:hidden
    }
    .progress-bar {
      height:100%;
      border-radius:var(--radius-full);
      background:var(--primary);
      transition:width var(--transition-duration) var(--transition-easing);
      width:var(--p-pct)
    }
  
    .checkbox {
      min-height:var(--target-min-size, 32px);
      min-width:var(--target-min-size, 32px);
      display:flex;
      align-items:center;
      gap:var(--space-2);
      cursor:pointer;
      position:relative;
      font-size:var(--small-font-size);
      color:var(--foreground);
      max-width:75ch
    }
    .checkbox > input {
      position:absolute;
      opacity:0;
      width:0;
      height:0;
      pointer-events:none
    }
    .checkbox-box {
      width:var(--checkbox-size, 18px);
      height:var(--checkbox-size, 18px);
      border:var(--checkbox-border, 2px solid var(--border));
      border-radius:var(--checkbox-radius, 2px);
      background:var(--checkbox-off-bg, transparent);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      transition:background var(--motion-duration-feedback) var(--transition-easing),border-color var(--motion-duration-feedback) var(--transition-easing);
      position:relative
    }
    .checkbox-box::after {
      content:'';
      width:10px;
      height:6px;
      border:solid var(--checkbox-check-color, var(--primary-foreground));
      border-width:0 0 2px 2px;
      transform:rotate(-45deg) scale(0) translate(1px, -1px);
      transform-origin:center;
      transition:transform 150ms var(--transition-easing);
      margin-top:-2px
    }
    .checkbox > input:checked + .checkbox-box {
      background:var(--checkbox-on-bg, var(--primary));
      border-color:var(--checkbox-on-border, var(--primary))
    }
    .checkbox > input:checked + .checkbox-box::after {
      transform:rotate(-45deg) scale(1) translate(1px, -1px)
    }
    
    .checkbox > input:focus-visible + .checkbox-box {
      box-shadow:var(--state-focus-ring)
    }
    
    .checkbox > input[aria-invalid="true"] + .checkbox-box {
      border-color:var(--state-invalid-border-color)
    }
    
    .checkbox > input:disabled + .checkbox-box, .checkbox > input[aria-disabled="true"] + .checkbox-box {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor)
    }
    
    .checkbox > input[aria-busy="true"] + .checkbox-box {
      cursor:var(--state-busy-cursor)
    }
      .field-float {
      --notch-border:var(--field-border, var(--field-role-border, 1px solid var(--input)));
      --notch-border-bottom:var(--field-border-bottom, var(--notch-border));
      --notch-radius:var(--field-radius, var(--radius));
      --notch-scale:0.85;
      --notch-pad:5px
    }
    .field-float:has(> textarea) { --notch-border:var(--field-border, 1px solid var(--border)); --notch-radius:min(var(--field-radius, var(--radius)), var(--radius)) }
    .field-float:has(> select) { --notch-border:1px solid var(--border); --notch-border-bottom:var(--notch-border) }
    .field-float-outlined {
      --notch-border:var(--field-outlined-border, 1px solid var(--on-surface-variant, var(--border)));
      --notch-border-bottom:var(--notch-border);
      --notch-radius:var(--field-outlined-radius, 4px);
      --notch-scale:0.75;
      --notch-pad:3px
    }
    :is(.field-float, .field-float-outlined):has(> .field-notch) > :is(input, textarea, select) { border-color:transparent }
    :is(.field-float, .field-float-outlined):has(> .field-notch) > :is(input, textarea, select):hover { outline:none }
    :is(.field-float, .field-float-outlined):has(> .field-notch) > :is(input, textarea, select):focus { box-shadow:var(--field-outlined-focus-shadow, none) }
    :is(.field-float, .field-float-outlined) > .field-notch {
      position:absolute;
      inset:var(--field-band) 0 0 0;
      display:flex;
      pointer-events:none
    }
    .field-notch > span {
      box-sizing:border-box;
      height:100%;
      border:var(--notch-border);
      border-bottom:var(--notch-border-bottom);
      transition:border-color var(--motion-duration-feedback) ease
    }
    .field-notch > .field-notch-lead {
      flex:none;
      width:calc(var(--space-3) - 2px);
      border-right-style:none;
      border-radius:var(--notch-radius) 0 0 var(--notch-radius)
    }
    .field-notch > .field-notch-gap {
      flex:0 1 auto;
      min-width:0;
      max-width:0;
      overflow:hidden;
      border-left-style:none;
      border-right-style:none;
      transition:max-width 50ms ease,border-color var(--motion-duration-feedback) ease
    }
    .field-notch-gap > span {
      display:inline-block;
      height:0;
      padding:0 var(--notch-pad);
      font-size:calc(var(--small-font-size) * var(--notch-scale));
      white-space:nowrap;
      visibility:hidden
    }
    .field-float:has(> :is(input, textarea)[required]) > .field-notch > .field-notch-gap > span { padding-right:calc(var(--notch-pad) + 0.6em) }
    .field-notch > .field-notch-tail {
      flex:1;
      min-width:min(var(--notch-radius), calc(var(--field-height, 2.5rem) / 2), 50%);
      border-left-style:none;
      border-radius:0 var(--notch-radius) var(--notch-radius) 0
    }
    :is(.field-float, .field-float-outlined) > :is(input, textarea):is(:focus, :not(:placeholder-shown)) ~ .field-notch > .field-notch-gap,
    .field-float > select ~ .field-notch > .field-notch-gap {
      max-width:100%;
      border-top-style:none;
      transition:max-width 100ms ease 50ms,border-color var(--motion-duration-feedback) ease
    }
    :is(.field-float, .field-float-outlined) > :is(input, textarea, select):hover:not(:focus):not(:disabled) ~ .field-notch > span {
      border-color:var(--field-outlined-hover-border, color-mix(in oklch, var(--border) 60%, var(--foreground) 20%))
    }
    .field-float-outlined > input:hover:not(:focus):not(:disabled) ~ .field-notch > span {
      border-color:var(--field-outlined-hover-border, var(--on-surface, var(--foreground)))
    }
    :is(.field-float, .field-float-outlined) > :is(input, textarea, select):focus ~ .field-notch > span {
      border-color:var(--state-focus-ring-color, var(--ring));
      border-width:var(--field-outlined-focus-width, 2px)
    }
    .field-float-outlined > input:focus ~ .field-notch > span {
      border-color:var(--field-outlined-focus-border-color, var(--primary))
    }
    :is(.field-float, .field-float-outlined) > :is(input, textarea, select):is([aria-invalid="true"], :user-invalid) ~ .field-notch > span {
      border-color:var(--state-invalid-border-color)
    }
 .file-field { margin-bottom:var(--space-4) }.file-field-label { display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-1);color:var(--foreground) }.file-field-preview { max-width:200px;max-height:150px;border-radius:var(--radius);margin-bottom:var(--space-2);object-fit:cover;border:1px solid var(--border);background:var(--muted) }.file-field-preview[hidden] { display:none }.file-field-pick { position:relative;display:flex;align-items:center;gap:var(--space-2);min-height:3rem;max-width:28rem;padding:var(--space-2) var(--space-4);border:1.5px dashed var(--border);border-radius:var(--radius-lg, 12px);background:color-mix(in oklch, var(--foreground) 3%, transparent);color:var(--primary);font-weight:600;cursor:pointer }.file-field-pick:hover { border-color:var(--primary);background:color-mix(in oklch, var(--primary) 8%, transparent) }.file-field-pick:has(.file-field-input:focus-visible) { outline:2px solid var(--ring);outline-offset:2px }.file-field-pick:has(.file-field-input:disabled) { opacity:.55;cursor:not-allowed }.file-field-pick svg { width:1.25rem;height:1.25rem;flex:none }.file-field-input { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer }.file-field-hint { display:block;margin-top:var(--space-1);font-size:var(--small-font-size);color:var(--muted-foreground) }.file-field-status { display:block;margin-top:var(--space-1);font-size:var(--small-font-size);color:var(--muted-foreground) }  .file-ref-list { list-style:none;margin:0 0 var(--space-2);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2) }.file-ref-item { display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--muted) }.file-ref-remove { border:none;background:none;cursor:pointer;color:var(--muted-foreground);font-size:var(--h4-size);line-height:1;padding:0 var(--space-1) }.file-ref-remove:hover { color:var(--foreground) } .file-field-pick { position:relative;display:flex;align-items:center;gap:var(--space-2);min-height:3rem;max-width:28rem;padding:var(--space-2) var(--space-4);border:1.5px dashed var(--border);border-radius:var(--radius-lg, 12px);background:color-mix(in oklch, var(--foreground) 3%, transparent);color:var(--primary);font-weight:600;cursor:pointer }.file-field-pick:hover { border-color:var(--primary);background:color-mix(in oklch, var(--primary) 8%, transparent) }.file-field-pick:has(.file-field-input:focus-visible) { outline:2px solid var(--ring);outline-offset:2px }.file-field-pick:has(.file-field-input:disabled) { opacity:.55;cursor:not-allowed }.file-field-pick svg { width:1.25rem;height:1.25rem;flex:none }.file-field-input { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer }
    .radio-group {
      display:var(--radio-group-display, flex);
      flex-direction:column;
      gap:var(--radio-group-gap, var(--space-2));
      margin-left:var(--radio-group-shift, 0)
    }
    .radio-item {
      min-height:var(--target-min-size, 32px);
      min-width:var(--target-min-size, 32px);
      position:relative;
      display:flex;
      align-items:center;
      gap:var(--radio-item-gap, var(--space-2));
      cursor:pointer
    }
    .radio-circle {
      width:var(--radio-size, 18px);
      height:var(--radio-size, 18px);
      aspect-ratio:1/1;
      border-radius:var(--radius-full);
      border:var(--radio-border-off, 2px solid var(--input));
      flex-shrink:0;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:border-color var(--motion-duration-feedback) var(--transition-easing),background var(--motion-duration-feedback) var(--transition-easing)
    }
    .radio-item input {
      position:absolute;
      opacity:0;
      width:1px;
      height:1px;
      pointer-events:none
    }
    .radio-item input:checked + .radio-circle {
      border-color:var(--radio-border-on-color, var(--primary))
    }
    .radio-item input:checked + .radio-circle::after {
      content:'';
      width:var(--radio-dot-size, 10px);
      height:var(--radio-dot-size, 10px);
      border-radius:var(--radius-full);
      background:var(--radio-dot-color, var(--primary))
    }
    
    .radio-item input:focus-visible + .radio-circle {
      box-shadow:var(--state-focus-ring)
    }
    
    .radio-item input[aria-invalid="true"] + .radio-circle {
      border-color:var(--state-invalid-border-color)
    }
    
    .radio-item input:disabled + .radio-circle, .radio-item input[aria-disabled="true"] + .radio-circle {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor)
    }
    
    .radio-item input[aria-busy="true"] + .radio-circle {
      cursor:var(--state-busy-cursor)
    }
    .radio-label {
      font-size:var(--radio-label-size, var(--small-font-size));
      font-weight:var(--radio-label-weight, 400);
      line-height:var(--radio-label-leading, 1.5);
      color:var(--radio-label-color, var(--foreground))
    }
    .radio-group.radio-chips { flex-direction:row; flex-wrap:wrap; gap:var(--space-2) }
    .radio-chips .radio-item { min-height:2.5rem; min-width:3rem; justify-content:center; padding:0 var(--space-3); border:1px solid var(--input); border-radius:var(--radius-md, 8px); background:var(--color-surface-raised, var(--background)); transition:border-color var(--motion-duration-feedback) var(--transition-easing),background var(--motion-duration-feedback) var(--transition-easing) }
    .radio-chips .radio-circle { display:none }
    .radio-chips .radio-item:hover { border-color:color-mix(in oklch, var(--primary) 50%, var(--input)) }
    .radio-chips .radio-item:has(input:checked) { border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); background:color-mix(in oklch, var(--primary) 10%, transparent) }
    .radio-chips .radio-item:has(input:checked) .radio-label { font-weight:600 }
    .radio-chips .radio-item:has(input:focus-visible) { box-shadow:var(--state-focus-ring) }
    .radio-chips .radio-item:has(input:disabled) { opacity:var(--state-disabled-opacity); cursor:var(--state-disabled-cursor) }
  
    .segmented {
      display:inline-flex;
      gap:2px;
      padding:2px;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:var(--muted)
    }
    .segmented button {
      min-height:var(--target-min-size, 32px);
      min-width:var(--target-min-size, 32px);
      padding:var(--space-1) var(--space-3);
      font-size:var(--small-font-size);
      border:none;
      background:transparent;
      color:var(--muted-foreground);
      border-radius:calc(var(--radius) - 2px);
      cursor:pointer;
      transition:background var(--motion-duration-feedback) var(--transition-easing),color var(--motion-duration-feedback) var(--transition-easing)
    }
    .segmented button:hover {
      color:var(--foreground);
      font-weight:600
    }
    
    .segmented button:focus-visible {
      outline:none;
      box-shadow:var(--state-focus-ring)
    }
    .segmented button[data-active="1"] {
      background:var(--card);
      color:var(--foreground);
      box-shadow:var(--shadow-sm)
    }
    
    .segmented button:disabled, .segmented button[aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
   .slider { width:100% }.slider-label { display:flex;justify-content:space-between;margin-bottom:var(--space-1);font-size:var(--small-font-size);color:var(--muted-foreground) }
    .slider input[type=range] {
      width:100%;
      height:var(--slider-track-height, 4px);
      appearance:none;
      background-color:var(--slider-inactive-track, var(--surface-container-highest, var(--muted)));
      background-image:var(--slider-ticks, linear-gradient(transparent,transparent)),linear-gradient(to right,var(--slider-active-track,transparent) 0 var(--slider-progress,0%),transparent var(--slider-progress,0%) 100%);
      background-size:var(--slider-tick-size,100% 100%),100% 100%;
      background-repeat:repeat-x,no-repeat;
      background-position:center;
      border-radius:var(--radius-full);
      outline:none;
      cursor:pointer
    }
    .slider input[type=range]::-webkit-slider-thumb {
      appearance:none;
      width:var(--slider-handle-width, var(--slider-handle-size, 20px));
      height:var(--slider-handle-height, var(--slider-handle-size, 20px));
      border-radius:var(--radius-full);
      background:var(--slider-handle-color, var(--primary));
      cursor:pointer;
      border:none;
      box-shadow:0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15)
    }
    .slider input[type=range]::-moz-range-thumb {
      width:var(--slider-handle-width, var(--slider-handle-size, 20px));
      height:var(--slider-handle-height, var(--slider-handle-size, 20px));
      border-radius:var(--radius-full);
      background:var(--slider-handle-color, var(--primary));
      cursor:pointer;
      border:none;
      box-shadow:0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15)
    }
    .slider input[type=range]:hover::-webkit-slider-thumb {
      box-shadow:0 0 0 var(--slider-state-layer-radius, 10px) color-mix(in oklch, var(--primary) 8%, transparent),
                 0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15)
    }
    .slider input[type=range]:focus::-webkit-slider-thumb {
      box-shadow:0 0 0 var(--slider-state-layer-radius, 10px) color-mix(in oklch, var(--primary) 12%, transparent),
                 0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15)
    }
    
    .slider input[type=range]:focus-visible {
      box-shadow:var(--state-focus-ring)
    }
    
    .slider input[type=range]:disabled, .slider input[type=range][aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
  
    .switch {
      min-height:var(--target-min-size, 32px);
      min-width:var(--target-min-size, 32px);
      position:relative;
      display:flex;
      align-items:center;
      gap:var(--space-3);
      cursor:pointer
    }
    .switch-track {
      position:relative;
      width:var(--switch-track-w, 36px);
      height:var(--switch-track-h, 20px);
      border-radius:var(--switch-track-radius, var(--radius-full));
      background:var(--switch-track-off-bg, var(--muted));
      border:var(--switch-track-border, 1px solid var(--border));
      transition:background var(--motion-duration-feedback) var(--transition-easing),border-color var(--motion-duration-feedback) var(--transition-easing)
    }
    .switch-thumb {
      position:absolute;
      top:var(--switch-thumb-off-top, 2px);
      left:var(--switch-thumb-off-left, 2px);
      width:var(--switch-thumb-w, 14px);
      height:var(--switch-thumb-h, 14px);
      border-radius:var(--switch-thumb-radius, var(--radius-full));
      background:var(--switch-thumb-off-bg, var(--foreground));
      transition:transform var(--transition-duration) var(--transition-easing),background var(--motion-duration-feedback) var(--transition-easing),width var(--transition-duration) var(--transition-easing),height var(--transition-duration) var(--transition-easing),top var(--transition-duration) var(--transition-easing),left var(--transition-duration) var(--transition-easing)
    }
    .switch input {
      position:absolute;
      opacity:0;
      width:1px;
      height:1px;
      pointer-events:none
    }
    .switch input:checked + .switch-track {
      background:var(--switch-track-on-bg, var(--primary));
      border-color:var(--switch-track-on-border, var(--primary))
    }
    .switch:has(:checked) .switch-thumb {
      transform:translateX(var(--switch-thumb-on-shift, 16px));
      background:var(--switch-thumb-on-bg, var(--primary-foreground));
      width:var(--switch-thumb-on-w, var(--switch-thumb-w, 14px));
      height:var(--switch-thumb-on-h, var(--switch-thumb-h, 14px));
      top:var(--switch-thumb-on-top, var(--switch-thumb-off-top, 2px));
      left:var(--switch-thumb-on-left, var(--switch-thumb-off-left, 2px))
    }
    
    .switch input:focus-visible + .switch-track {
      box-shadow:var(--state-focus-ring)
    }
    
    .switch input[aria-invalid="true"] + .switch-track {
      border-color:var(--state-invalid-border-color)
    }
    
    .switch input:disabled + .switch-track, .switch input[aria-disabled="true"] + .switch-track {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor)
    }
    
    .switch input[aria-busy="true"] + .switch-track {
      cursor:var(--state-busy-cursor)
    }
    .switch-label {
      font-size:var(--small-font-size);
      color:var(--foreground)
    }
  
    
    .text-area-input {
      width:100%;
      max-width:100%;
      box-sizing:border-box;
      font-size:var(--small-font-size);
      padding:var(--field-padding, var(--space-2) var(--space-3));
      border:var(--field-border, 1px solid var(--border));
      border-bottom:var(--field-border-bottom, var(--field-border, 1px solid var(--border)));
      border-radius:min(var(--field-radius, var(--radius)), var(--radius));
      background:var(--field-bg, var(--card));
      color:var(--foreground);
      transition:background-color var(--motion-duration-feedback) ease,border-color var(--motion-duration-feedback) var(--transition-easing),box-shadow var(--motion-duration-feedback) var(--transition-easing)
    }
    .text-area-input::placeholder {
      color:var(--muted-foreground);
      opacity:0.7
    }
    .text-area-input:hover:not(:focus):not(:disabled) {
      background:var(--field-hover-bg, color-mix(in oklch,var(--accent) 8%,var(--card)));
      border-color:color-mix(in oklch,var(--border) 60%,var(--foreground) 20%);
      
      outline:1px solid var(--border);outline-offset:-1px
    }
    
    .text-area-input:focus-visible {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    .text-area-input:focus {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    
    .text-area-input[aria-invalid="true"], .text-area-input:user-invalid {
      border-color:var(--state-invalid-border-color);
      box-shadow:var(--state-invalid-ring)
    }
    
    .text-area-input:disabled, .text-area-input[aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
    
    .text-area-input:read-only:not(:disabled), .text-area-input[data-readonly] {
      background:var(--state-readonly-bg);
      opacity:var(--state-readonly-opacity);
      cursor:default
    }
    .field-float > .text-area-input {
      padding:22px 12px 8px
    }
    
    .field-float:has(> .text-area-input) > .field-label {
      top:calc(22px + var(--field-band));
      transform:none
    }
    
    .field-float > .text-area-input:focus ~ .field-label,.field-float > .text-area-input:not(:placeholder-shown) ~ .field-label {
      top:var(--field-band);
      transform:translateY(-50%) scale(0.85);
      max-width:calc((100% - (var(--space-3) - 2px) - var(--field-height, 2.5rem) / 2) / 0.85 - 6px - var(--field-label-pad-end, 6px))
    }
    .field-float > .text-area-input:focus ~ .field-label {
      color:var(--primary)
    }
    
    .field-float > .text-area-input:placeholder-shown:not(:focus)::placeholder { color:transparent }

    
    .text-area-input-term {
      background:#0b0b0c;
      color:#d8d8dc;
      border:0;
      border-radius:0;
      font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
      font-size:12.5px;
      line-height:1.45;
      
      resize:vertical;
      
      padding:8px 10px;
    }
    
    .text-area-input-term::placeholder { color:#6e6e77; opacity:1 }
    
    .text-area-input-term:hover:not(:focus):not(:disabled) {
      background:#0b0b0c;
      border:0;
      outline:none
    }
    
    .text-area-input-term:focus, .text-area-input-term:focus-visible {
      outline:none;
      border:0;
      box-shadow:inset 2px 0 0 var(--primary, #6366f1)
    }
  
    
    .text-field-input {
      width:100%;
      height:var(--field-height, var(--form-control-height,40px));
      box-sizing:border-box;
      font-size:var(--small-font-size);
      text-overflow:ellipsis;
      padding:var(--field-padding, 0 var(--space-3));
      
      border:var(--field-border, var(--field-role-border, 1px solid var(--input)));
      border-bottom:var(--field-border-bottom, var(--field-border, var(--field-role-border, 1px solid var(--input))));
      border-radius:var(--field-radius, var(--radius));
      background:var(--field-bg, var(--card));
      color:var(--foreground);
      
      box-shadow:var(--field-shadow, var(--field-role-shadow, none));
      transition:background var(--motion-duration-feedback) ease,box-shadow var(--motion-duration-feedback) ease,border-color var(--motion-duration-feedback) ease
    }
    .text-field-input::placeholder {
      color:var(--muted-foreground);
      opacity:0.7
    }
    
    
    .text-field-input-bare {
      width:100%;
      height:auto;
      display:block;
      border:0;
      background:transparent;
      outline:none;
      padding:0;
      margin:0;
      color:var(--foreground);
      font:inherit;
      line-height:1.5;
      text-overflow:ellipsis
    }
    .text-field-input-bare::placeholder {
      color:var(--muted-foreground);
      opacity:0.7
    }
    [data-slot="field"]:focus-within {
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    .text-field-input:hover:not(:focus):not(:disabled) {
      background:var(--field-hover-bg, color-mix(in oklch,var(--accent) 8%,var(--card)));
      border-color:color-mix(in oklch,var(--border) 60%,var(--foreground) 20%);
      
      outline:1px solid var(--border);outline-offset:-1px
    }
    
    .text-field-input:focus-visible {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    
    .text-field-input:focus {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    
    .text-field-input[aria-invalid="true"], .text-field-input:user-invalid {
      border-color:var(--state-invalid-border-color);
      box-shadow:var(--state-invalid-ring)
    }
    
    .text-field-input:disabled, .text-field-input[aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
    
    .text-field-input:read-only:not(:disabled), .text-field-input[data-readonly] {
      background:var(--state-readonly-bg);
      opacity:var(--state-readonly-opacity);
      cursor:default
    }
    
    .text-field-input[aria-busy="true"] {
      cursor:var(--state-busy-cursor);
      opacity:var(--state-busy-opacity)
    }
    .atom-busy-spinner {
      position:absolute; inset:0; margin:auto;
      width:1em; height:1em; border-radius:50%;
      border:2px solid color-mix(in oklch, var(--state-busy-spinner) 30%, transparent);
      border-top-color:var(--state-busy-spinner);
      animation:atom-spin .6s linear infinite;
      pointer-events:none
    }
    @keyframes atom-spin { to { transform:rotate(360deg) } }
    @media (prefers-reduced-motion) { .atom-busy-spinner { animation:none } }
    
    .field-float, .field-float-outlined {
      --field-band:var(--field-float-band, calc(var(--small-font-size, 0.875rem) * 0.5))
    }
    .field-float {
      position:relative;
      display:block;
      padding-top:var(--field-band);
      margin-bottom:max(0px, calc(var(--space-4) - var(--field-band)))
    }
    .field-float > .field-label {
      position:absolute;
      top:calc(50% + var(--field-band) / 2);
      transform:translateY(-50%);
      left:calc(var(--space-3) - 2px);
      font-size:var(--small-font-size);
      color:var(--muted-foreground);
      pointer-events:none;
      transition:transform 120ms ease,color var(--motion-duration-feedback) ease,font-size 120ms ease;
      transform-origin:top left;
      background:transparent;
      --field-label-pad-end:6px;
      padding:0 var(--field-label-pad-end) 0 6px;
      line-height:1;
      box-sizing:content-box;
      max-width:calc(100% - 2 * (var(--space-3) - 2px) - 6px - var(--field-label-pad-end));
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis
    }
    
    .field-float > input:focus ~ .field-label,.field-float > input:not(:placeholder-shown) ~ .field-label {
      top:var(--field-band);
      transform:translateY(-50%) scale(0.85);
      max-width:calc((100% - (var(--space-3) - 2px) - var(--field-height, 2.5rem) / 2) / 0.85 - 6px - var(--field-label-pad-end));
      color:var(--muted-foreground)
    }
    .field-float > input:focus ~ .field-label {
      color:var(--ring)
    }
    
    .field-float > input:placeholder-shown:not(:focus)::placeholder { color:transparent }
    .field-float:has(> input[required]) > .field-label,.field-float:has(> textarea[required]) > .field-label { --field-label-pad-end:calc(6px + 0.6em) }
    .field-float:has(> input[required]) > .field-label::after,.field-float:has(> textarea[required]) > .field-label::after {
      content:'*';
      position:absolute;
      right:6px;
      color:var(--destructive);
      font-weight:600
    }
    .field-float-outlined {
      position:relative;
      display:block;
      padding-top:var(--field-band);
      margin-bottom:max(0px, calc(var(--space-4) - var(--field-band)))
    }
    .field-float-outlined > input {
      width:100%;
      height:var(--field-outlined-height, 56px);
      box-sizing:border-box;
      font-size:var(--small-font-size);
      padding:0 var(--space-4);
      border:0;
      border-radius:var(--field-outlined-radius, 4px);
      background:transparent;
      color:var(--foreground);
      box-shadow:var(--field-outlined-shadow, var(--field-role-shadow, none));
      transition:box-shadow var(--motion-duration-feedback) ease
    }
    .field-float-outlined > input:focus {
      outline:none;
      box-shadow:var(--field-outlined-focus-shadow, none)
    }
    .field-float-outlined > input::placeholder { color:var(--muted-foreground); opacity:0.7 }
    
    .field-float-outlined > input:placeholder-shown:not(:focus)::placeholder { color:transparent }
    .field-float-outlined > .field-label {
      position:absolute;
      top:calc(50% + var(--field-band) / 2);
      transform:translateY(-50%);
      left:calc(var(--space-3) - 2px);
      font-size:var(--small-font-size);
      color:var(--on-surface-variant, var(--muted-foreground));
      pointer-events:none;
      transition:transform 120ms ease,color var(--motion-duration-feedback) ease,font-size 120ms ease,padding 120ms ease;
      transform-origin:top left;
      background:transparent;
      padding:0 4px;
      line-height:1;
      box-sizing:content-box;
      max-width:calc(100% - 2 * (var(--space-3) - 2px) - 8px);
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis
    }
    
    .field-float-outlined > input:focus ~ .field-label,.field-float-outlined > input:not(:placeholder-shown) ~ .field-label {
      top:var(--field-band);
      transform:translateY(-50%) scale(0.75);
      max-width:calc((100% - (var(--space-3) - 2px) - var(--field-height, 2.5rem) / 2) / 0.75 - 8px);
      color:var(--on-surface-variant, var(--muted-foreground))
    }
    .field-float-outlined > input:focus ~ .field-label { color:var(--primary) }
    
    .field-chrome {
      position:relative;
      display:block;
      margin-bottom:var(--space-4)
    }
    
    .field-chrome.field-static > .field-static-label {
      display:block;
      font-size:var(--small-font-size);
      font-weight:var(--medium-weight, 500);
      color:var(--foreground);
      line-height:1.4;
      margin-bottom:var(--space-2)
    }
    .field-chrome.field-static:has(> input[required]) > .field-static-label::after,
    .field-chrome.field-static:has(> textarea[required]) > .field-static-label::after,
    .field-chrome.field-static:has(> select[required]) > .field-static-label::after {
      content:' *';
      color:var(--destructive);
      font-weight:600
    }

    .d-hsc {
      position:relative;
      display:flex;
      align-items:center;
      
      overflow:visible;
    }
    .d-hsc-grow { flex:1 1 auto; min-width:0 }

    
    .d-hsc [data-hsc-view] {
      overflow-x:auto;
      overflow-y:hidden;
      scrollbar-width:none;
      -ms-overflow-style:none;
      min-width:0;
      flex:1 1 auto;
    }
    .d-hsc [data-hsc-view]::-webkit-scrollbar { display:none }

    
    .d-hsc-bar {
      position:absolute;
      left:0; right:0; bottom:0;
      height:9px;
      touch-action:none;
      z-index:2;
    }
    .d-hsc-bar[hidden] { display:none }
    .d-hsc-track {
      position:absolute;
      left:0; right:0; bottom:2px;
      height:4px;
      border-radius:2px;
      background:var(--d-hsc-track, var(--color-border-default, rgba(27,31,36,0.15)));
    }
    .d-hsc-thumb {
      position:absolute;
      bottom:2px; left:0;
      width:0;
      height:4px;
      border-radius:2px;
      background:var(--d-hsc-thumb, var(--color-text-secondary, #57606a));
      transition:background var(--motion-duration-feedback) ease;
    }
    .d-hsc-bar[data-hsc-dragging] .d-hsc-thumb {
      background:var(--d-hsc-thumb-active, var(--color-primary, #6366f1));
    }
    @media (prefers-reduced-motion) { .d-hsc-thumb { transition:none } }
  
    .atom-scrollbar { overflow-x:hidden; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:var(--scroll-thumb) var(--scroll-track); overscroll-behavior:contain; box-sizing:border-box; width:16px; height:100%; background:var(--scroll-track) }
    .atom-scrollbar:focus-visible { outline:2px solid var(--scroll-thumb); outline-offset:-2px }
    .atom-scrollbar::-webkit-scrollbar { width:10px }
    .atom-scrollbar::-webkit-scrollbar-track { background:var(--scroll-track) }
    .atom-scrollbar::-webkit-scrollbar-thumb { background:var(--scroll-thumb); border:2px solid var(--scroll-track); border-radius:8px }
    .atom-scrollbar > [data-scroll-extent] { width:1px; pointer-events:none }
   .spacer { flex: var(--sp-flex) } 
    
    .d-two-pane {
      display:grid;
      container-type:inline-size;
      grid-template-columns:minmax(0,1fr) var(--d-two-pane-right-w);
      gap:var(--d-two-pane-gap);
      align-items:start;
      width:100%
    }
    
    .d-two-pane > .d-two-pane-main { min-width:0 }
    
    .d-two-pane > .d-two-pane-side {
      position:sticky;
      top:0;
      align-self:start;
      min-width:0
    }
    
      @container (max-width:640px) {
      .d-two-pane[data-stack="sm"] { grid-template-columns:minmax(0,1fr) }
      .d-two-pane[data-stack="sm"] > .d-two-pane-side { position:static;top:auto }
    }
    @container (max-width:768px) {
      .d-two-pane[data-stack="md"] { grid-template-columns:minmax(0,1fr) }
      .d-two-pane[data-stack="md"] > .d-two-pane-side { position:static;top:auto }
    }
    @container (max-width:1024px) {
      .d-two-pane[data-stack="lg"] { grid-template-columns:minmax(0,1fr) }
      .d-two-pane[data-stack="lg"] > .d-two-pane-side { position:static;top:auto }
    }
 .d-wrap > * { min-width:0;max-width:100% } 
    .atom-disclosure {
      transition:var(--d-motion);
      border-bottom:1px solid var(--border)
    }
    .atom-disclosure:last-child { border-bottom:none }
    .atom-disclosure > summary {
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:var(--space-3) var(--space-4);
      font-size:var(--small-font-size);
      font-weight:var(--bold-weight);
      cursor:pointer;
      list-style:none;
      color:var(--foreground);
      transition:background var(--motion-duration-feedback) var(--transition-easing)
    }
    .atom-disclosure > summary::-webkit-details-marker { display:none }
    .atom-disclosure > summary::after {
      content:'';
      width:16px;
      height:16px;
      flex-shrink:0;
      background:currentColor;
      -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
      mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
      transition:transform var(--transition-duration) var(--transition-easing)
    }
    .atom-disclosure[open] > summary::after { transform:rotate(180deg) }
    .atom-disclosure > summary:hover { background:var(--accent);box-shadow:inset 2px 0 0 var(--state-focus-ring-color, var(--ring)) }
    .atom-disclosure-body {
      padding:var(--space-3) var(--space-4);
      font-size:var(--small-font-size);
      color:var(--muted-foreground)
    }
  
    .skip-link {
      position:absolute;
      top:-40px;
      left:0;
      background:var(--primary);
      color:var(--primary-foreground);
      padding:var(--space-2) var(--space-4);
      z-index:1000;
      font-size:var(--small-font-size);
      font-weight:var(--bold-weight);
      border-radius:0 0 var(--radius) 0;
      transition:top var(--transition-duration)
    }
    .skip-link:focus {
      top:0
    }
  
    dialog.datum-dlg-scrim {
      position:fixed;
      inset:0;
      width:100%;
      height:100%;
      max-width:none;
      max-height:none;
      margin:0;
      padding:0;
      border:0;
      background:transparent;
      color:inherit;
      overflow:visible;
      align-items:center;
      justify-content:center
    }
    dialog.datum-dlg-scrim[open] { display:flex }
    dialog.datum-dlg-scrim::backdrop { background:var(--overlay, rgba(0,0,0,.45));backdrop-filter:blur(4px) }
    dialog.datum-dlg-seethrough::backdrop { background:transparent;backdrop-filter:none }
    .datum-dlg-scrim > * { max-height:calc(100dvh - 2rem);min-height:0;overflow:hidden }
    .datum-dlg-panel { box-sizing:border-box;overflow:auto }
  
    dialog.datum-dlg-overlay {position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:auto;overscroll-behavior:contain;padding:16px 0;box-sizing:border-box}
    dialog.datum-dlg-overlay[open] { display:flex }
    dialog.datum-dlg-overlay::backdrop { background:var(--overlay,rgba(0,0,0,.5));backdrop-filter:blur(4px) }
    @keyframes datum-dlg-fade-in { from{opacity:0} to{opacity:1} }

    @keyframes datum-dlg-slide-in { from{opacity:0;transform:translateY(8px) scale(.98)} to{opacity:1;transform:translateY(0) scale(1)} }
    .datum-dlg-shell { margin:auto;max-width:calc(100% - 32px);min-width:0;animation:datum-dlg-slide-in 200ms ease }
  
    .datum-dlg-header { display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4) }
    .datum-dlg-header h3 { margin:0 }
    .datum-dlg-x {width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--h4-size);line-height:1;padding:0;border-radius:var(--radius);border:none;background:none;color:var(--muted-foreground);cursor:pointer;transition:all 150ms ease}
    .datum-dlg-x:hover { background:var(--accent);color:var(--foreground);outline:1px solid var(--border);outline-offset:-1px }
    .datum-dlg-body { display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-top:12px;min-width:0 }
    .datum-dlg-footer { display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border) }
  
    select {
      width:100%;
      height:var(--form-control-height,40px);
      box-sizing:border-box;
      font-size:var(--small-font-size);
      padding:0 var(--space-3);
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:var(--card);
      color:var(--foreground);
      transition:background var(--motion-duration-feedback) ease,box-shadow var(--motion-duration-feedback) ease,border-color var(--motion-duration-feedback) ease;
      appearance:none;
      -webkit-appearance:none;
      background-image:linear-gradient(45deg,transparent 50%,var(--muted-foreground) 50%),linear-gradient(135deg,var(--muted-foreground) 50%,transparent 50%);
      background-position:calc(100% - 18px) center,calc(100% - 13px) center;
      background-size:5px 5px,5px 5px;
      background-repeat:no-repeat;
      padding-right:32px;
      cursor:pointer
    }
    select:hover:not(:focus):not(:disabled) {
      background-color:color-mix(in oklch,var(--accent) 8%,var(--card));
      border-color:color-mix(in oklch,var(--border) 60%,var(--foreground) 20%);
      
      outline:1px solid var(--border);outline-offset:-1px
    }
    select:focus {
      outline:none;
      box-shadow:0 0 0 2px var(--ring),0 0 0 4px color-mix(in oklch,var(--ring) 22%,transparent)
    }
    
    select:focus-visible {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    
    select[aria-invalid="true"], select:user-invalid {
      border-color:var(--state-invalid-border-color);
      box-shadow:var(--state-invalid-ring)
    }
    
    select:disabled, select[aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
    select option {
      
      background:var(--color-surface-overlay);
      color:var(--foreground)
    }
    
    
    .field-float > select ~ .field-label {
      top:var(--field-band);
      transform:translateY(-50%) scale(0.85);
      max-width:calc((100% - (var(--space-3) - 2px) - var(--field-height, 2.5rem) / 2) / 0.85 - 6px - var(--field-label-pad-end, 6px));
      transition:transform 120ms ease,color var(--motion-duration-feedback) ease
    }
    .field-float > select:focus ~ .field-label {
      color:var(--ring)
    }
    .field-float:has(> select option[value=""]:checked) > select {
      color:var(--muted-foreground)
    }
    .field-float:has(> select option[value=""]:checked) > select:focus {
      color:var(--foreground)
    }
    
    .field-chrome.field-static {
      position:relative;
      display:block;
      margin-bottom:var(--space-4)
    }
    .field-chrome.field-static > .field-static-label {
      display:block;
      font-size:var(--small-font-size);
      font-weight:var(--medium-weight, 500);
      color:var(--foreground);
      line-height:1.4;
      margin-bottom:var(--space-2)
    }
    .field-chrome.field-static:has(> select[required]) > .field-static-label::after {
      content:' *';
      color:var(--destructive);
      font-weight:600
    }
    
    .field-listbox {
      position:relative;
      display:block;
      margin-bottom:var(--space-4)
    }
    .field-listbox > .field-static-label {
      display:block;
      font-size:var(--small-font-size);
      font-weight:var(--medium-weight, 500);
      color:var(--foreground);
      line-height:1.4;
      margin-bottom:var(--space-2)
    }
    .field-listbox-btn {
      width:100%;
      height:var(--form-control-height,40px);
      box-sizing:border-box;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:var(--space-2);
      font-size:var(--small-font-size);
      text-align:left;
      padding:0 var(--space-3);
      border:var(--field-border, var(--field-role-border, 1px solid var(--input)));
      border-radius:var(--field-radius, var(--radius));
      background:var(--field-bg, var(--card));
      color:var(--foreground);
      cursor:pointer;
      transition:background var(--motion-duration-feedback) ease,box-shadow var(--motion-duration-feedback) ease,border-color var(--motion-duration-feedback) ease
    }
    .field-listbox-btn:hover:not(:disabled) {
      background:var(--field-hover-bg, color-mix(in oklch,var(--accent) 8%,var(--card)));
      border-color:color-mix(in oklch,var(--border) 60%,var(--foreground) 20%);
      outline:1px solid var(--border);outline-offset:-1px
    }
    
    .field-listbox-btn:focus-visible { outline:none; border-color:var(--state-focus-ring-color, var(--ring)); box-shadow:var(--state-focus-ring) }
    .field-listbox-btn:focus { outline:none; border-color:var(--state-focus-ring-color, var(--ring)); box-shadow:var(--state-focus-ring) }
    .field-listbox-btn[aria-invalid="true"] {
      border-color:var(--state-invalid-border-color);
      box-shadow:var(--state-invalid-ring)
    }
    .field-listbox-btn:disabled {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
    .field-listbox-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
    .field-listbox-arrow {
      width:0;height:0;flex:none;
      border-left:4px solid transparent;
      border-right:4px solid transparent;
      border-top:5px solid var(--muted-foreground)
    }
    .field-listbox-menu {
      position:absolute;
      z-index:50;
      left:0;right:0;
      top:calc(100% + 4px);
      margin:0;
      padding:var(--space-1);
      list-style:none;
      max-height:16rem;
      overflow-y:auto;
      
      background:var(--color-surface-overlay);
      color:var(--foreground);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow-md)
    }
    .field-listbox-menu[hidden] { display:none }
    .field-listbox-menu[popover] {
      position:fixed;
      inset:auto;
      right:auto;
      width:auto;
      min-width:8rem
    }
    .field-listbox-option {
      padding:var(--space-2) var(--space-3);
      border-radius:calc(var(--radius) - 2px);
      cursor:pointer;
      font-size:var(--small-font-size);
      line-height:1.4
    }
    .field-listbox-option:hover, .field-listbox-option:focus {
      background:var(--accent);
      color:var(--foreground);
      outline:none
    }
    .field-listbox-option[aria-selected="true"] {
      background:color-mix(in oklch,var(--primary) 12%,transparent);
      font-weight:var(--medium-weight, 500)
    }
    .field-listbox-option[hidden] { display:none }
    .field-listbox-searchrow {
      position:sticky;
      top:0;
      padding:0 0 var(--space-1) 0;
      background:var(--color-surface-overlay)
    }
    .field-listbox-search {
      width:100%;
      box-sizing:border-box;
      height:32px;
      padding:0 var(--space-2);
      border:1px solid var(--border);
      border-radius:calc(var(--radius) - 2px);
      background:var(--color-surface-overlay);
      color:var(--foreground);
      font-size:var(--small-font-size)
    }
    .field-listbox-search:focus { outline:none; box-shadow:var(--state-focus-ring); border-color:var(--state-focus-ring-color, var(--ring)) }
    
    .field-listbox-native {
      position:absolute;
      width:1px;height:1px;
      padding:0;margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      border:0
    }
  
    [data-d-pop-body] { display: none }
  
    .datum-pwa-scrim {
      position:fixed;
      inset:0;
      width:100%;height:100%;max-width:none;max-height:none;
      margin:0;border:0;box-sizing:border-box;
      background:transparent;color:inherit;
      display:flex;
      align-items:flex-end;
      justify-content:center;
      padding:1rem;
      
      padding-bottom:calc(1rem + env(safe-area-inset-bottom, 0px));
      
      pointer-events:auto;
      z-index:200;
      opacity:0;
      transition:opacity 250ms ease
    }
    .datum-pwa-scrim[hidden] { display:none }
    .datum-pwa-scrim::backdrop { background:var(--overlay, rgba(0,0,0,.45));backdrop-filter:blur(4px) }
    .datum-pwa-scrim.datum-pwa-show { opacity:1 }
    .datum-pwa-dock {
      width:100%;
      max-width:420px;
      max-height:calc(100dvh - 2rem - env(safe-area-inset-bottom, 0px));
      overflow:auto;
      pointer-events:auto;
      
      transform:translateY(16px);
      transition:transform 250ms ease
    }
    .datum-pwa-scrim.datum-pwa-show .datum-pwa-dock { transform:none }
    
    .datum-pwa-android, .datum-pwa-ios, .datum-pwa-browser { display:none }
    #datum-pwa[data-pwa-mode="browser"] .datum-pwa-browser { display:block }
    #datum-pwa[data-pwa-mode="android"] .datum-pwa-android { display:block }
    #datum-pwa[data-pwa-mode="ios"] .datum-pwa-ios { display:block }
    @media (prefers-reduced-motion: reduce) {
      .datum-pwa-scrim { transition:opacity 120ms ease }
      .datum-pwa-dock { transition:none;transform:none }
      .datum-pwa-scrim.datum-pwa-show .datum-pwa-dock { transform:none }
    }
  
    .datum-pwa-head {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:var(--space-4, 1rem);
      margin-bottom:var(--space-2, .5rem)
    }
    .datum-pwa-title {
      margin:0;
      font-size:var(--h4-size, 1.125rem);
      font-weight:600;
      line-height:1.3
    }
    .datum-pwa-x {
      flex:0 0 auto;
      width:32px;
      height:32px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:1.375rem;
      line-height:1;
      padding:0;
      border:none;
      border-radius:var(--radius, .5rem);
      background:none;
      color:var(--muted-foreground, inherit);
      cursor:pointer;
      transition:background var(--motion-duration-feedback) ease, color var(--motion-duration-feedback) ease
    }
    .datum-pwa-x:hover { background:var(--accent, rgba(127,127,127,.14));color:var(--foreground, inherit) }
    .datum-pwa-x:focus-visible { outline:2px solid var(--ring, var(--border, currentColor));outline-offset:2px }
    .datum-pwa-msg {
      margin:0 0 var(--space-4, 1rem);
      color:var(--muted-foreground, inherit);
      font-size:.9375rem;
      line-height:1.5
    }
    .datum-pwa-msg svg { display:inline;vertical-align:-.15em;margin:0 .1em }
    .datum-pwa-actions { display:flex;flex-direction:column;gap:var(--space-2, .5rem) }
    .datum-pwa-act { width:100% }
    
    .datum-pwa-act > .atom-pressable, .datum-pwa-act > button, .datum-pwa-act > a { width:100% }
  
    .d-tt {
      box-sizing:border-box;
      display:inline-flex;
      align-items:center;
      max-width:100%
    }
  
    .atom-audio-fit { display:block; width:100% }
  
    .atom-doc-embed-fit { display:block; width:100%; height:min(70vh, 800px); border:0 }
  
    .atom-img-cover { width:100%; height:100%; object-fit:cover }
    .atom-img-tap { display:block; max-width:100%; height:auto; cursor:crosshair }
  
    .atom-video-fit { display:block; width:100%; height:auto; max-height:70vh; background:#000 }
  
    .caption-value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
    .caption-value:has([data-slot="badge"]) { overflow:visible; text-overflow:clip }
  
    .d-totp-step { display:flex; align-items:flex-start; gap:var(--space-3); }
    .d-totp-step-n {
      flex:none; box-sizing:border-box; width:22px; height:22px; border-radius:999px;
      display:inline-flex; align-items:center; justify-content:center;
      font-size:var(--caption-size, 0.75rem); font-weight:700; line-height:1;
      background:var(--color-surface-muted-opaque, #f2f2f2); color:var(--foreground);
      border:1px solid var(--color-border-default, rgba(0,0,0,0.12));
    }
    .d-totp-step-l { font-size:var(--small-font-size, 0.875rem); line-height:1.45; color:var(--foreground); padding-top:1px; }
  
    .d-totp-progress { display:flex; align-items:center; gap:var(--space-2); }
    .d-totp-progress-bars { display:flex; gap:4px; }
    .d-totp-progress-bar { width:20px; height:4px; border-radius:2px; background:var(--color-border-default, rgba(0,0,0,0.12)); }
    .d-totp-progress-bar[data-on] { background:var(--color-primary, currentColor); }
    .d-totp-progress-t { font-size:var(--caption-size, 0.75rem); color:var(--color-text-secondary, #666); font-weight:600; letter-spacing:0.02em; }
  
    .d-totp-qr-panel { display:flex; flex-direction:column; align-items:center; gap:var(--space-3); }
    .d-totp-qr {
      box-sizing:border-box; width:160px; height:160px; padding:6px; border-radius:12px; background:#ffffff;
      border:1px solid var(--color-border-default, rgba(0,0,0,0.12));
    }
    .d-totp-qr svg { display:block; width:100%; height:100%; }
    .d-totp-manual { width:100%; }
    .d-totp-manual > summary {
      cursor:pointer; list-style:none; text-align:center;
      font-size:var(--small-font-size, 0.875rem); color:var(--color-text-secondary, #666);
      text-decoration:underline; text-underline-offset:3px;
    }
    .d-totp-manual > summary::-webkit-details-marker { display:none; }
    .d-totp-manual > summary:focus-visible { outline:2px solid var(--state-focus-ring-color, currentColor); outline-offset:2px; border-radius:4px; }
    .d-totp-key {
      margin-top:var(--space-3); display:flex; align-items:center; justify-content:space-between; gap:var(--space-2);
      padding:var(--space-2) var(--space-3); border-radius:8px;
      background:var(--color-surface-muted-opaque, #f6f6f6); border:1px solid var(--color-border-default, rgba(0,0,0,0.12));
    }
    .d-totp-key code {
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:0.875rem;
      letter-spacing:0.06em; word-break:break-all; user-select:all; color:var(--foreground);
    }
    .d-totp-key-hint { margin-top:var(--space-2); font-size:var(--caption-size, 0.75rem); color:var(--color-text-secondary, #666); text-align:center; }
  
    .d-otp-field { display:flex; flex-direction:column; gap:var(--space-2); }
    .d-otp-label { font-size:var(--small-font-size, 0.875rem); font-weight:600; color:var(--foreground); }
    .d-otp-input {
      box-sizing:border-box; width:100%; height:52px; padding:0 var(--space-3);
      border-radius:10px; border:1px solid var(--color-border-default, rgba(0,0,0,0.2));
      background:var(--background, #fff); color:var(--foreground);
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size:1.375rem; font-weight:600; text-align:center; letter-spacing:0.5em; text-indent:0.5em;
      font-variant-numeric:tabular-nums;
    }
    .d-otp-input.d-otp-text { font-size:1.0625rem; letter-spacing:0.12em; text-indent:0.12em; }
    .d-otp-input::placeholder { color:var(--color-text-secondary, #999); opacity:0.45; }
    .d-otp-input:focus-visible {
      outline:none; border-color:var(--state-focus-ring-color, var(--ring, currentColor));
      box-shadow:var(--state-focus-ring, 0 0 0 3px color-mix(in oklch, var(--color-primary, #6366f1) 35%, transparent));
    }
  
    .d-rc-sheet {
      border-radius:10px; border:1px solid var(--color-border-default, rgba(0,0,0,0.12));
      background:var(--color-surface-muted-opaque, #f6f6f6); overflow:hidden;
    }
    .d-rc-grid {
      list-style:none; margin:0; padding:var(--space-4); display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
      gap:var(--space-2) var(--space-4);
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:0.875rem; letter-spacing:0.04em;
      color:var(--foreground); counter-reset:rc;
    }
    .d-rc-grid li { counter-increment:rc; white-space:nowrap; user-select:all; }
    .d-rc-grid li::before { content:counter(rc) "."; display:inline-block; min-width:2.25em; color:var(--color-text-secondary, #888); user-select:none; font-variant-numeric:tabular-nums; }
    .d-rc-actions {
      display:flex; gap:var(--space-2); justify-content:flex-end; padding:var(--space-2) var(--space-3);
      border-top:1px solid var(--color-border-default, rgba(0,0,0,0.12)); background:var(--background, #fff);
    }
    .d-rc-dl {
      display:inline-flex; align-items:center; gap:5px; padding:2px 7px; border-radius:6px;
      font-size:var(--caption-size, 0.8125rem); font-weight:600; line-height:1.4;
      color:var(--color-text-secondary, #57606a); text-decoration:none; border:1px solid transparent;
    }
    .d-rc-dl:hover { text-decoration:underline; text-underline-offset:2px; color:var(--foreground); background:var(--color-surface-muted-opaque, #f6f8fa); border-color:var(--color-border-default, rgba(0,0,0,0.15)); }
    .d-rc-dl:focus-visible { outline:2px solid var(--state-focus-ring-color, currentColor); outline-offset:1px; }
    @media (max-width:360px) { .d-rc-grid { grid-template-columns:1fr; } }
  
    .d-main-slot { flex:1; display:flex; flex-direction:column; padding-block:var(--d-page-block-inset) }
    .d-main-slot:not(:has(.d-auth-frame)) {
      padding-left:max(var(--d-page-gutter), env(safe-area-inset-left, 0px));
      padding-right:max(var(--d-page-gutter), env(safe-area-inset-right, 0px));
    }
  
    .d-auth-frame {
      flex:1; min-height:inherit; box-sizing:border-box;
      display:flex; flex-direction:column; align-items:center; justify-content:safe center;
      gap:var(--space-6);
      padding-left:max(var(--d-page-gutter), env(safe-area-inset-left, 0px));
      padding-right:max(var(--d-page-gutter), env(safe-area-inset-right, 0px));
    }
    .d-auth-card { box-sizing:border-box; width:100%; max-width:400px; min-width:0; flex-shrink:0 }
    .d-auth-card.d-auth-card-wide { max-width:720px }
    .d-auth-card button, .d-auth-card a.atom-pressable { --control-height:max(44px, var(--target-min-size, 32px)); min-height:var(--control-height) }
    .d-auth-toggles { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:var(--space-2); flex-shrink:0 }
  
    .d-cursors { position:relative }
    .d-cursors > [data-d-cursor-layer] { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:5 }
    .d-cursor { position:absolute; width:0.75rem; height:0.75rem; margin:-0.1rem 0 0 -0.1rem; border-radius:0 50% 50% 50%; background:var(--d-accent, oklch(0.6 0.2 276)); transition:left 90ms linear, top 90ms linear }
    .d-cursor-label { position:absolute; left:0.9rem; top:0.6rem; white-space:nowrap; font-size:0.75rem; line-height:1.2; padding:0.1rem 0.4rem; border-radius:0.4rem; color:#fff; background:var(--d-accent, oklch(0.6 0.2 276)) }
  
    .d-cmt-actroot { position:relative; display:block }
    .d-cmt-actions {
      position:absolute;
      
      top:0;
      z-index:2;
      display:inline-flex;
      gap:var(--space-1, .25rem);
      padding:2px;
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.15));
      opacity:0;
      pointer-events:none;
      transition:opacity 120ms var(--transition-easing, ease)
    }
    .d-cmt-actroot--end .d-cmt-actions { right:0 }
    .d-cmt-actroot--start .d-cmt-actions { left:0 }
    
    .d-cmt-actroot:hover .d-cmt-actions,
    .d-cmt-actroot:focus-within .d-cmt-actions { opacity:1; pointer-events:auto }
    .d-cmt-act {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:28px;
      height:28px;
      padding:0;
      border:none;
      background:transparent;
      color:var(--muted-foreground);
      cursor:pointer;
      border-radius:var(--radius);
      transition:background var(--motion-duration-feedback) ease,color var(--motion-duration-feedback) ease
    }
    .d-cmt-act:hover { background:color-mix(in oklch,var(--accent) 14%,transparent); color:var(--foreground) }
    .d-cmt-act:focus-visible { outline:none; box-shadow:var(--state-focus-ring) }
    
    .d-cmt-act--danger:hover,
    .d-cmt-act--danger:focus-visible { background:color-mix(in oklch,var(--destructive) 14%,transparent); color:var(--destructive) }
  .icon{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke,2);stroke-linecap:round;stroke-linejoin:round}
    .mf {
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      line-height:0;
      flex:0 0 auto;
      border-radius:var(--mf-radius);
      background:var(--mf-bg);
      border:var(--mf-border,none);
      box-shadow:var(--mf-shadow,none);
      
      overflow:hidden;
    }
    
    .mf > img { border-radius:inherit }
    .mf-editable { cursor:pointer }
    .mf-overlay {
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      
      border-radius:inherit;
      background:color-mix(in oklch,#000 45%,transparent);
      color:#fff;
      opacity:0;
      transition:opacity 120ms ease;
      pointer-events:none;
    }
    
    .mf-editable:hover .mf-overlay,
    .mf-editable:focus-visible .mf-overlay { opacity:1 }
    .mf-editable:focus { outline:none }
    
    .mf-editable:focus-visible {
      outline:2px solid var(--state-focus-ring-color,var(--ring));
      outline-offset:2px;
    }
  
    .d-fixed-metrics {
      display:contents;
      --d-fixed-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-family:var(--d-fixed-font);
      font-style:normal;
      letter-spacing:normal;
      word-spacing:normal;
      text-transform:none;
      -webkit-text-size-adjust:100%;
      text-size-adjust:100%
    }
    .d-fixed-metrics *, .d-fixed-metrics *::before, .d-fixed-metrics *::after {
      box-sizing:border-box !important;
      font-family:var(--d-fixed-font) !important;
      font-stretch:normal !important;
      font-feature-settings:normal !important;
      font-variation-settings:normal !important;
      font-optical-sizing:auto !important
    }
  
    .tcm-knob { display:flex; flex-direction:column; gap:4px }
    .tcm-knob-lbl { display:flex; align-items:baseline; justify-content:space-between; gap:8px; height:16px; margin:0; font-size:12px; line-height:16px; color:var(--color-text-secondary) }
    .tcm-knob-ends { font-size:11px; line-height:16px; color:var(--color-text-muted); white-space:nowrap }
    .tcm-seg { display:flex; width:360px; max-width:100%; height:32px; margin:0; padding:0; border:1px solid var(--color-border-default); border-radius:8px; background:var(--color-surface-muted); overflow:hidden }
    .tcm .tcm-stop { flex:1 1 0; min-width:0; height:30px; margin:0; padding:0 4px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; line-height:16px; font-weight:500; color:var(--color-text-secondary); background:transparent; border:0; border-left:1px solid var(--color-border-subtle); border-radius:0; text-decoration:none; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .tcm .tcm-stop:first-child { border-left:0 }
    .tcm .tcm-stop:hover { background:var(--color-surface-raised); color:var(--color-text-primary) }
    .tcm .tcm-stop:focus-visible { outline:2px solid var(--color-focus-ring); outline-offset:-2px }
    .tcm .tcm-stop[aria-current="true"] { background:var(--color-accent); color:var(--color-on-accent); font-weight:600 }
    @media (max-width:719px) { .tcm-seg { width:280px } }
  
    .tcm-tune { display:flex; flex-direction:column; gap:16px; min-height:0; overflow-y:auto; padding-right:4px }
    .tcm-group { display:flex; flex-direction:column; gap:8px }
    .tcm-h { margin:0; font-size:11px; line-height:16px; font-weight:600; letter-spacing:0.5px; text-transform:uppercase; color:var(--color-text-muted) }
    .tcm-swatches { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-height:32px }
    .tcm .tcm-sw { width:32px; height:32px; min-width:32px; margin:0; padding:0; border-radius:8px; border:1px solid var(--color-border-default); display:inline-flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer; flex:none }
    .tcm .tcm-sw:hover { border-color:var(--color-text-secondary) }
    .tcm .tcm-sw:focus-visible { outline:2px solid var(--color-focus-ring); outline-offset:2px }
    .tcm .tcm-sw[aria-current="true"] { box-shadow:0 0 0 2px var(--color-surface-overlay), 0 0 0 4px var(--color-accent) }
    .tcm .tcm-sw[aria-disabled="true"] { opacity:0.4; pointer-events:none }
    .tcm .tcm-swatches .tcm-well { width:32px; height:32px; min-width:32px; margin:0; padding:3px; border:1px solid var(--color-border-default); border-radius:8px; background:var(--color-surface-raised); font-size:13px; line-height:20px; box-shadow:none; cursor:pointer; appearance:none; -webkit-appearance:none; flex:none }
    .tcm .tcm-swatches .tcm-well:disabled { opacity:0.4; pointer-events:none }
    .tcm .tcm-reset { color:var(--color-text-muted); background:var(--color-surface-raised) }
    .tcm .tcm-reset:hover { color:var(--color-text-primary) }
    .tcm .tcm-reset .icon { width:16px; height:16px }
  
    .theme-boundary-frame {
      width: 100%;
      height: 240px;
      border: 0;
      background: transparent;
      display: block;
    }
    
    .theme-boundary-contents { display: contents !important; }
  
    .tcm { box-sizing:border-box; display:flex; flex-direction:column; width:704px; max-width:calc(100vw - 32px); max-height:min(600px, calc(100dvh - 32px)); margin:0; padding:0; font-size:13px; line-height:20px; font-weight:400; color:var(--color-text-primary); background:var(--color-surface-overlay); border:1px solid var(--color-border-subtle); border-radius:16px; box-shadow:0 12px 32px -8px var(--color-scrim); overflow:hidden }
    .tcm *, .tcm *::before, .tcm *::after { box-sizing:border-box }
    .tcm-head { display:flex; align-items:center; justify-content:space-between; gap:16px; height:64px; min-height:64px; padding:0 16px 0 24px; border-bottom:1px solid var(--color-border-subtle); flex:none }
    .tcm-head-text { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:0 }
    .tcm-title { margin:0; font-size:16px; line-height:24px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .tcm-sub { margin:0; font-size:12px; line-height:16px; color:var(--color-text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .tcm-sub b { font-weight:600; color:var(--color-text-secondary) }
    .tcm .tcm-x { width:32px; height:32px; min-width:32px; margin:0; padding:0; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:8px; background:transparent; color:var(--color-text-muted); cursor:pointer; flex:none }
    .tcm .tcm-x:hover { background:var(--color-surface-muted); color:var(--color-text-primary) }
    .tcm .tcm-x:focus-visible { outline:2px solid var(--color-focus-ring); outline-offset:2px }
    .tcm .tcm-x .icon { width:16px; height:16px }
    .tcm-body { display:grid; grid-template-columns:248px minmax(0, 1fr); gap:24px; padding:16px 24px; min-height:0; flex:1 1 auto; overflow:hidden }
    .tcm-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; height:64px; min-height:64px; padding:0 24px; border-top:1px solid var(--color-border-subtle); flex:none }
    .tcm .tcm-btn { display:inline-flex; align-items:center; justify-content:center; height:32px; margin:0; padding:0 16px; border:1px solid var(--color-border-default); border-radius:8px; background:var(--color-surface-raised); color:var(--color-text-primary); font-size:13px; line-height:20px; font-weight:500; text-decoration:none; cursor:pointer; white-space:nowrap }
    .tcm .tcm-btn:hover { background:var(--color-surface-muted) }
    .tcm .tcm-btn:focus-visible { outline:2px solid var(--color-focus-ring); outline-offset:2px }
    .tcm .tcm-btn[aria-disabled="true"] { opacity:0.5; pointer-events:none }
    .tcm .tcm-btn--primary { background:var(--color-accent); border-color:var(--color-accent); color:var(--color-on-accent) }
    .tcm .tcm-btn--primary:hover { background:var(--color-accent); opacity:0.92 }
    @media (max-width:719px) {
      .tcm { width:calc(100vw - 32px) }
      .tcm-body { grid-template-columns:minmax(0, 1fr); gap:16px; padding:16px; overflow-y:auto }
      .tcm-head { padding:0 8px 0 16px }
      .tcm-foot { padding:0 16px }
      .tcm-list { max-height:264px; flex:none }
      .tcm-tune { overflow:visible; padding-right:0 }
    }
  
    .tcm-list { display:flex; flex-direction:column; gap:8px; min-height:0; overflow-y:auto; padding-right:4px; scrollbar-gutter:stable }
    .tcm .tcm-opt { display:flex; align-items:center; gap:12px; min-height:44px; margin:0; padding:8px 12px; border:1px solid var(--color-border-subtle); border-radius:10px; background:var(--color-surface-raised); color:var(--color-text-primary); font-size:13px; line-height:16px; text-decoration:none; cursor:pointer; flex:none }
    .tcm .tcm-opt:hover { border-color:var(--color-border-default); background:var(--color-surface-muted) }
    .tcm .tcm-opt:focus-visible { outline:2px solid var(--color-focus-ring); outline-offset:2px }
    .tcm .tcm-opt[data-tcm-preview] { border-color:var(--color-border-default); background:var(--color-accent-subtle) }
    .tcm .tcm-opt[aria-current="true"] { border-color:var(--color-accent); box-shadow:inset 0 0 0 1px var(--color-accent) }
    .tcm-strip { display:flex; width:42px; min-width:42px; height:20px; border:1px solid var(--color-border-subtle); border-radius:4px; overflow:hidden; flex:none }
    .tcm-strip span { display:block; flex:1 1 0; height:18px }
    .tcm-opt-text { display:flex; flex-direction:column; gap:0; min-width:0; flex:1 1 auto }
    .tcm-opt-name { display:block; min-height:16px; font-size:13px; line-height:16px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .tcm-opt-trait { display:block; font-size:11px; line-height:14px; color:var(--color-text-muted); overflow-wrap:anywhere }
    .tcm-opt-mark { display:inline-flex; width:16px; height:16px; color:var(--color-accent); flex:none }
    .tcm-opt-mark .icon { width:16px; height:16px }
  
    .dv-cal-head { display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) }
    .dv-cal-title { flex:1;font-weight:var(--bold-weight, 600);margin:0;font-size:inherit }
    .dv-cal-nav { display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);text-decoration:none }
    .dv-cal-nav:hover { background:var(--muted) }
    .dv-cal-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--border) }
    .dv-cal-wd { padding:var(--space-1) var(--space-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--small-font-size);color:var(--muted-foreground);border-bottom:1px solid var(--border) }
    .dv-cal-day { min-height:6.5rem;min-width:0;padding:var(--space-1);border-bottom:1px solid var(--border);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px }
    .dv-cal-day:nth-child(7n+14) { border-right:none }
    .dv-cal-day[data-out] { background:var(--muted);color:var(--muted-foreground) }
    .dv-cal-num { align-self:flex-start;min-width:1.75rem;padding:0 var(--space-1);text-align:center;font-size:var(--small-font-size);border-radius:var(--radius-full) }
    .dv-cal-day[data-today] .dv-cal-num { background:var(--primary);color:var(--primary-foreground) }
    .dv-cal-wdname { display:none }
    .dv-cal-item { display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--small-font-size);padding:1px var(--space-1);border-radius:var(--radius-sm, 4px);background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--foreground);text-decoration:none }
    .dv-cal-item:hover { background:color-mix(in srgb, var(--primary) 22%, transparent) }
    .dv-cal-time { color:var(--muted-foreground);margin-right:var(--space-1) }
    .dv-cal-none { display:none;padding:var(--space-4) var(--space-3);color:var(--muted-foreground) }
    @media (max-width: 640px) {
      .dv-cal-grid { display:block }
      .dv-cal-wd, .dv-cal-day[data-out], .dv-cal-day:not([data-has]) { display:none }
      .dv-cal-day { min-height:0;border-right:none;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3) }
      .dv-cal-num { font-size:inherit;font-weight:var(--bold-weight, 600) }
      .dv-cal-wdname { display:inline;color:var(--muted-foreground) }
      .dv-cal-item { flex-basis:100%;white-space:normal;font-size:inherit;padding:var(--space-2) }
      .dv-cal-grid:not([data-has]) + .dv-cal-none { display:block }
    }
  
    .d-chat-stream { display:flex; flex-direction:column-reverse; overflow-y:auto; max-height:min(70vh, 40rem); overscroll-behavior:contain; padding:0 var(--space-4) }
  
    .dt-frame { display:flex; flex-direction:column; min-width:0; border-radius:inherit; overflow:clip }
    .dt-frame > .dt-toolbar { padding:var(--space-3) var(--space-3) var(--space-2) }
    .dt-frame > .dt-body { min-width:0; overflow-x:auto }
    .dt-frame > .dt-body > table.dv-grid { background:none; border-radius:0 }
    @media (max-width:640px) { .dt-toolbar [data-d-pop-trigger^="dt-sort-"] button [data-t] { display:none } .dt-toolbar [data-d-pop-trigger^="dt-sort-"] button { min-width:var(--field-height, 44px); justify-content:center } }
  
    .dv-root { display:flex; flex-direction:column; flex:1 1 auto; min-height:0; min-width:0 }
  
    .d-dvfoot { display:flex;flex-wrap:wrap;align-items:center;column-gap:.75rem;row-gap:.25rem;min-width:0 }
    .d-dvfoot-sum { flex:1 1 0;min-width:max-content }
    .d-dvfoot-pg { flex:0 0 auto;min-width:0 }
    .d-dvfoot::after { content:"";flex:1 1 0;min-width:0 }
  
    .d-row:has(> .d-expanded > .dv-filter-strip) { flex-wrap:wrap; row-gap:var(--space-2) }
    .d-expanded:has(> .dv-filter-strip) { flex:1 1 auto; min-width:min-content }
    .dv-filter-strip { min-width:min-content }
    .dv-filter-strip > .d-row { flex-wrap:wrap; row-gap:var(--space-2) }
    .dv-filter-strip > .d-row > * { flex-shrink:0 }
  
    .dv-file-chip { display:inline-flex; align-items:center; gap:var(--space-1); max-width:16rem; min-height:28px; padding:0 var(--space-2); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--card); color:var(--foreground); font-size:var(--small-font-size); text-decoration:none; white-space:nowrap }
    .dv-file-chip:hover { border-color:var(--color-accent-text) }
    .dv-file-chip span { overflow:hidden; text-overflow:ellipsis }
    .dv-file-chip svg { flex:none; width:14px; height:14px }
  
    .dv-file-thumb { display:inline-flex; align-items:center; gap:var(--space-1) }
    .dv-file-thumb img { display:block; width:40px; height:40px; object-fit:cover; border-radius:var(--radius-sm); background:var(--muted) }
    .dv-file-more { font-size:var(--small-font-size); color:var(--muted-foreground) }
  
    .dv-gallery { display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:var(--space-2) }
    .dv-gallery a.dv-gallery-img { display:block; aspect-ratio:1; overflow:hidden; border-radius:var(--radius-md); background:var(--muted) }
    .dv-gallery img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .2s ease }
    .dv-gallery a.dv-gallery-img:hover img { transform:scale(1.03) }
    .dv-gallery-docs { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:var(--space-2) }
  
    .d-filter-bar { display:flex; flex-wrap:wrap; gap:var(--space-2); align-items:center }
    .d-filter-bar select, .d-filter-search { height:var(--field-height, var(--form-control-height, 2.25rem)); border:var(--field-border, var(--field-role-border, 1px solid var(--border))); border-radius:var(--field-radius, var(--radius-full)); background:var(--field-bg, var(--color-surface-muted)); color:inherit; font:inherit; box-sizing:border-box }
    .d-filter-bar select { appearance:auto; width:auto; max-width:100%; flex:0 0 auto; padding:0 var(--space-3) }
    .d-filter-search { display:flex; align-items:center; flex:1 1 14rem; min-width:0; max-width:24rem; padding:0 var(--space-3) 0 0 }
    .d-filter-search button { display:grid; place-items:center; align-self:stretch; min-width:var(--form-control-height, 2.25rem); padding:0 var(--space-2) 0 var(--space-3); border:0; background:none; color:var(--color-text-secondary); cursor:pointer; border-radius:var(--radius-full, 999px) }
    .d-filter-search button:hover { color:var(--color-accent) }
    .d-filter-search input { flex:1; min-width:0; height:100%; border:0; background:none; color:inherit; font:inherit; outline:none; text-overflow:ellipsis }
    .d-filter-bar > [data-d-pop-trigger] { flex:0 0 auto }
    .d-filter-bar > [data-d-pop-trigger] > button { height:var(--field-height, var(--form-control-height, 2.25rem)); box-sizing:border-box }
    @media (max-width:640px) { .d-filter-search { flex-basis:100%; max-width:none } }
    @media (max-width:640px) { .d-filter-bar:has(> [data-d-pop-trigger]) .d-filter-search { flex-basis:0 } }
  

    .d-kpi-label { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; word-break:normal; -webkit-hyphens:auto; hyphens:auto; hyphenate-limit-chars:auto 3 3 }
    .d-kpi-label > * { overflow-wrap:normal; -webkit-hyphens:auto; hyphens:auto }
  
    .d-stat { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; border-radius:var(--radius-lg, 0.75rem) }
    .d-stat > * { flex:1 1 auto }
    .d-stat > * > .d-col { flex:1 1 auto }
    .d-stat.d-stat * { overflow-wrap:normal; word-break:normal; hyphens:auto }
    a.d-stat { transition:transform .15s ease }
    a.d-stat:hover { transform:translateY(-1px) }
    a.d-stat:focus-visible { outline:2px solid var(--ring); outline-offset:2px }
  
    .stat-fit { container-type:inline-size; min-width:0 }
  
    
    
    
    .dv-grid { display:grid; grid-template-columns:var(--dv-cols, 1fr); grid-template-rows:auto auto;
               width:100%; min-width:min-content; min-height:0; --dv-row-min:var(--dv-theme-row-min, 44px);
      
      --dv-surface-raised:var(--color-surface-raised-opaque);
      
      --dv-frozen-divider:var(--border-subtle, var(--border));
      
      --dv-sel-w:var(--dv-sel-w-base, 56px);
      --dv-act-w:72px }
    
    @media (max-width:640px) {
      
      .dv-grid { --dv-sel-w:min(var(--dv-sel-w-base, 56px), 40px); --dv-act-w:44px }
    }
      
    [data-mat] .dv-grid { --dv-surface-raised:transparent }
    [data-mat] .dv-grid :is(.dv-sticky-l, .dv-sticky-r, .dv-sticky-d1, .dv-pin-l) { --dv-surface-raised:color-mix(in oklch, var(--color-surface-raised) 72%, transparent); --dv-row-bg:linear-gradient(var(--dv-state-layer),var(--dv-state-layer)),var(--dv-surface-raised); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px) }
    table.dv-grid { border-collapse:separate; border-spacing:0; background:var(--dv-surface-raised); border-radius:var(--radius-lg, 12px); overflow:clip }
    .dv-grid :where(th, td) { padding:0; text-align:start; font:inherit; vertical-align:inherit }
    .dv-card-label { display:none }
    .dv-hcell a { color:inherit; text-decoration:none }
    .dv-hcell a:hover { text-decoration:underline }
    @media (max-width:640px) {
      .dv-grid[data-dv-cards] { display:block; min-width:0 }
      .dv-grid[data-dv-cards] .dv-thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }
      .dv-grid[data-dv-cards] .dv-tbody { display:flex; flex-direction:column }
      .dv-grid[data-dv-cards] .dv-tbody .dv-row { display:flex; flex-direction:column; align-items:stretch; gap:2px; padding:var(--space-3); background:none }
      .dv-grid[data-dv-cards] .dv-cell { display:flex; justify-content:space-between; align-items:center; gap:var(--space-3); padding:0; text-align:end; white-space:normal; font-size:var(--body-small-size, 0.8125rem) }
      .dv-grid[data-dv-cards] .dv-tbody > .dv-row > .dv-cell > :not([data-slot="badge"]) { min-width:0; white-space:normal; overflow:visible; text-overflow:clip }
      .dv-grid[data-dv-cards] .dv-cell:first-child { font-size:inherit; text-align:start; white-space:normal; padding-bottom:var(--space-1) }
      .dv-grid[data-dv-cards] .dv-tbody .dv-cell:first-child :not([data-slot="badge"]) { white-space:normal; overflow:visible }
      .dv-grid[data-dv-cards] .dv-cell:first-child > .dv-card-label { display:none }
      .dv-grid[data-dv-cards] .dv-card-label { display:block; color:var(--color-text-secondary); text-align:start; flex:none }
      .dv-grid[data-dv-cards] .dv-tbody .dv-cell-blank { display:none }
    }
    .dv-thead { grid-column:1 / -1; display:grid; grid-template-columns:subgrid }
    .dv-tbody { grid-column:1 / -1; display:grid; grid-template-columns:subgrid }
    .dv-row {
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:subgrid;
      align-items:center;
    }
    .dv-tbody .dv-row { min-height:var(--dv-row-min, 44px) }
    
    .dv-tbody[data-dv-fill] { align-content:stretch; min-height:0 }
    
    
    .dv-grid[data-dv-fill] { grid-template-rows:auto minmax(0,1fr); height:100%; min-height:0 }
    .dv-hcell, .dv-cell {
      box-sizing:border-box;
      overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
      min-width:0;
      padding:var(--dv-cell-inset);
    }
    
    .dv-hcell { min-width:min-content }
    
    .dv-hcell.dv-hcell-rigid { min-width:0 }
    .dv-hcell[style*="--dv-floor"]::before { content:""; display:block; height:0; width:max(0px, calc(var(--dv-floor) - var(--dv-cell-inset-x, 0px))) }
    .dv-thead .dv-hcell:not(.dv-hcell-rigid) { white-space:normal; text-overflow:clip; text-wrap:balance; overflow-wrap:normal }
    
    .dv-cell { color:var(--foreground) }
    
    .dv-cell { overflow-x:clip; overflow-y:visible }
    
    .dv-cell:has([data-slot="badge"]) { overflow:visible; text-overflow:clip }
    .dv-tbody .dv-cell:has(> [data-slot="badge"]) { min-width:min-content }
    .dv-tbody .dv-cell > [data-slot="badge"] { max-width:100%; min-width:min-content; white-space:normal; height:auto; overflow:hidden; text-overflow:ellipsis }
    .dv-tbody .dv-cell > [data-slot="badge"] * { white-space:normal; overflow-wrap:normal; -webkit-hyphens:manual; hyphens:manual }
    
    .dv-cell:not(.dv-sticky-l):not(.dv-sticky-r):not(.dv-empty) > :not([data-slot="badge"]) {
      max-width:100%; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    .dv-cell:not(.dv-sticky-l):not(.dv-sticky-r):not(.dv-empty) > span:not([class]):not([data-slot]) { display:inline-block; vertical-align:top }
    .dv-cell .d-row > span:not([class]):not([data-slot]) { min-width:0; overflow:hidden; text-overflow:ellipsis }
    
    .dv-grid:not([data-dv-cards]) .dv-tbody .dv-cell.dv-cell-primary { max-width:min(40vw, 36rem) }
    @media (min-width:641px) { .dv-grid[data-dv-cards] .dv-tbody .dv-cell.dv-cell-primary { max-width:min(40vw, 36rem) } }
    .dv-tbody .dv-cell.dv-cell-wrap, .dv-tbody .dv-cell.dv-cell-wrap:not(.dv-sticky-l):not(.dv-empty) > :not([data-slot="badge"]) { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere }
    .dv-tbody .dv-cell.dv-cell-wrap { padding-top:var(--space-2); padding-bottom:var(--space-2) }
    
    .dv-hcell.dv-col-hidden, .dv-cell.dv-col-hidden {
      padding:0; border:0; overflow:hidden; visibility:hidden;
      
      min-width:0; width:0;
    }
    .dv-col-hidden .dv-col-resize { display:none }
    
    .dv-hcell {
      
      position:relative;
      font-size:var(--dv-header-size, var(--caption-size, var(--small-font-size)));
      letter-spacing:0.01em; color:var(--muted-foreground);
      font-weight:var(--heading-weight, 600);
      
      background:var(--dv-surface-raised);
    }
    
    .dv-thead .dv-row { position:sticky; top:0; z-index:3; border-bottom:1px solid var(--border-subtle, var(--border)) }
    
    .dv-tbody .dv-row { border-bottom:var(--dv-row-rule, 1px solid var(--border-subtle, var(--border))) }
    .dv-tbody .dv-row:last-child { border-bottom:0 }
    
    
    @property --dv-state-layer { syntax:"<color>"; inherits:true; initial-value:transparent }
    .dv-tbody .dv-row {
      --dv-state-layer:transparent;
      
      --dv-row-bg:linear-gradient(var(--dv-state-layer),var(--dv-state-layer)),var(--dv-surface-raised);
      background:var(--dv-state-layer);
      transition:--dv-state-layer 120ms ease;
    }
    
    .dv-tbody .dv-row:nth-child(even) { --dv-state-layer:var(--dv-zebra, transparent) }
    .dv-tbody .dv-row:hover {
      --dv-state-layer:color-mix(in oklch, var(--foreground) 8%, transparent);
      box-shadow:inset 2px 0 0 var(--state-focus-ring-color, var(--ring));
    }
    .dv-tbody .dv-row[data-dv-href] { cursor:pointer }
    .dv-row-link { display:block; color:inherit; text-decoration:none; border-radius:var(--radius-sm, 4px) }
    .dv-row-link > :not([data-slot="badge"]) { max-width:100%; min-width:0; overflow:hidden; text-overflow:ellipsis }
    .dv-row-link:hover { text-decoration:underline; text-underline-offset:2px }
    .dv-row-link:focus-visible { outline:2px solid var(--state-focus-ring-color, var(--ring)); outline-offset:-2px }
    
    .dv-tbody .dv-row[data-dv-selected="1"] {
      --dv-state-layer:color-mix(in oklch, var(--primary) 12%, transparent);
    }
    .dv-cell-ctr, .dv-hcell-ctr { text-align:center; justify-content:center }
    .dv-cell-r, .dv-hcell-r { text-align:right; justify-content:end }
    
    .dv-sticky-l { position:sticky; left:0; z-index:2 }
    .dv-sticky-r { position:sticky; right:0; z-index:2 }
    .dv-cell.dv-sticky-l, .dv-cell.dv-sticky-r {
      overflow:visible; text-overflow:clip;
      
      background:var(--dv-row-bg);
      
      display:flex; align-items:center; justify-content:center;
      padding-top:0; padding-bottom:0;
      
      align-self:stretch;
    }
    
    .dv-cell.dv-sticky-l { border-inline-end:1px solid var(--dv-frozen-divider) }
    .dv-cell.dv-sticky-r { border-inline-start:1px solid var(--dv-frozen-divider) }
    
    
    
    .dv-tbody .dv-row:hover .dv-cell.dv-sticky-l {
      box-shadow:inset 2px 0 0 var(--state-focus-ring-color, var(--ring));
    }
    .dv-tbody .dv-row:hover .dv-cell.dv-sticky-r {
      box-shadow:inset -2px 0 0 var(--state-focus-ring-color, var(--ring));
    }
    .dv-hcell.dv-sticky-l, .dv-hcell.dv-sticky-r {
      overflow:visible; text-overflow:clip;
      
      background:var(--dv-surface-raised);
      
      display:flex; align-items:center; justify-content:center;
      
      align-self:stretch;
    }
    .dv-hcell.dv-sticky-l { border-inline-end:1px solid var(--dv-frozen-divider) }
    .dv-hcell.dv-sticky-r { border-inline-start:1px solid var(--dv-frozen-divider) }
    
    
    .dv-hcell .sort-indicator, .dv-hcell .d-rotate { vertical-align:middle }
    .dv-empty { grid-column:1 / -1; padding:var(--space-6); text-align:start; color:var(--muted-foreground); white-space:normal }
    
    .dv-hcell .dv-col-resize {
      position:absolute; top:0; right:0; width:7px; height:100%;
      cursor:col-resize; user-select:none; touch-action:none; z-index:1;
    }
    .dv-col-resize::after {
      content:""; position:absolute; top:18%; right:2px; width:2px; height:64%;
      border-radius:1px; background:transparent;
      transform:scaleX(1); transform-origin:center;
      transition:background-color var(--motion-duration-feedback) ease, transform 120ms ease;
    }
    
    .dv-col-resize:hover::after { background:color-mix(in oklch, var(--foreground) 30%, transparent); transform:scaleX(2) }
    .dv-col-resize--active::after { background:var(--state-focus-ring-color, var(--ring)); transform:scaleX(2.5) }
    
    body.dv-resizing { cursor:col-resize !important }
    body.dv-resizing * { cursor:col-resize !important; user-select:none !important }
    
    .dv-row-resize {
      position:absolute; left:0; right:0; bottom:0; height:6px;
      cursor:row-resize; user-select:none; touch-action:none; z-index:4;
    }
    .dv-row-resize::after {
      content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
      background:transparent;
      transform:scaleY(1); transform-origin:center;
      transition:background-color var(--motion-duration-feedback) ease, transform 120ms ease;
    }
    .dv-row:has(.dv-row-resize:hover) .dv-row-resize::after { background:color-mix(in oklch, var(--foreground) 30%, transparent); transform:scaleY(2) }
    .dv-row:has(.dv-row-resize--active) .dv-row-resize::after { background:var(--state-focus-ring-color, var(--ring)); transform:scaleY(2.5) }
    body.dv-row-resizing { cursor:row-resize !important }
    body.dv-row-resizing * { cursor:row-resize !important; user-select:none !important }
    
    @media (max-width:640px) {
      .dv-cell.dv-sticky-d1 {
        position:sticky; left:var(--dv-sel-w, 0px); z-index:2;
        
        background:var(--dv-row-bg);
        border-inline-end:1px solid var(--dv-frozen-divider);
        
        align-self:stretch; display:flex; align-items:center;
      }
      .dv-cell.dv-sticky-d1 > :not([data-slot="badge"]) {
        min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
      }
      .dv-hcell.dv-sticky-d1 {
        position:sticky; left:var(--dv-sel-w, 0px); z-index:2;
        background:var(--dv-surface-raised);
        border-inline-end:1px solid var(--dv-frozen-divider);
      }
      
    }
    
    .dv-cell.dv-pin-l {
      position:sticky; z-index:2;
      
      background:var(--dv-row-bg);
      
      align-self:stretch; display:flex; align-items:center;
    }
    .dv-cell.dv-pin-l > :not([data-slot="badge"]) {
      min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    .dv-hcell.dv-pin-l { position:sticky; z-index:5; background:var(--dv-surface-raised) }
    
    .dv-cell.dv-pin-l-last { border-inline-end:1px solid var(--dv-frozen-divider) }
    .dv-hcell.dv-pin-l-last { border-inline-end:1px solid var(--dv-frozen-divider) }
    
    
    .dv-hcell.dv-col-dragging { opacity:0.45 }
    .dv-hcell.dv-drop-before { box-shadow:inset 2px 0 0 var(--state-focus-ring-color, var(--ring)) }
    .dv-hcell.dv-drop-after { box-shadow:inset -2px 0 0 var(--state-focus-ring-color, var(--ring)) }
    body.dv-col-reordering { cursor:grabbing !important }
    body.dv-col-reordering * { cursor:grabbing !important; user-select:none !important }

    .d-vschip {
      display:inline-flex;
      position:relative;
      cursor:pointer;
    }
    .d-vschip > input {
      position:absolute;
      opacity:0;
      width:0;
      height:0;
      pointer-events:none;
    }
    
    .d-vschip-body {
      display:inline-flex;
      align-items:center;
      gap:var(--space-2);
      padding:var(--space-2) var(--space-3);
      border-radius:var(--radius-lg);
      border:var(--vschip-border, 1px solid var(--border));
      background:var(--vschip-off-bg, transparent);
      color:var(--foreground);
      font-size:var(--small-font-size);
      user-select:none;
      transition:background var(--motion-duration-feedback) var(--transition-easing),border-color var(--motion-duration-feedback) var(--transition-easing),color var(--motion-duration-feedback) var(--transition-easing);
    }
    .d-vschip-body::before {
      content:'';
      width:9px;
      height:5px;
      flex-shrink:0;
      border:solid currentColor;
      border-width:0 0 2px 2px;
      transform:rotate(-45deg);
      margin-top:-3px;
      opacity:0;
      transition:opacity var(--transition-duration) var(--transition-easing);
    }
    
    input:checked + .d-vschip-body {
      background:var(--vschip-on-bg, var(--primary));
      border-color:var(--vschip-on-border, var(--primary));
      color:var(--vschip-on-fg, var(--primary-foreground));
    }
    input:checked + .d-vschip-body::before {
      opacity:1;
    }
    input:focus-visible + .d-vschip-body {
      box-shadow:var(--state-focus-ring);
    }
  
    .d-work-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; border-radius:var(--radius-lg, 12px); background:var(--color-surface-raised); overflow:hidden }
    .d-work-item + .d-work-item { border-top:1px solid var(--border-subtle, var(--border)) }
    .d-work-item a.d-work-link { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--space-3); min-height:3.25rem; padding:var(--space-2) var(--space-4); color:inherit; text-decoration:none }
    .d-work-item a.d-work-link:hover { background:color-mix(in oklch, var(--foreground) 4%, transparent) }
    .d-work-item a.d-work-link:focus-visible { outline:2px solid var(--state-focus-ring-color, var(--ring)); outline-offset:-2px }
    .d-work-main { display:flex; flex-direction:column; min-width:0 }
    .d-work-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
    .d-work-title { font-weight:600; overflow:hidden; overflow-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2 }
    .d-work-meta { color:var(--color-text-secondary); font-size:var(--small-font-size, 0.875rem); overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
    .d-work-end { display:grid; grid-template-columns:auto minmax(8.5em, auto); align-items:center; justify-items:end; gap:var(--space-2); white-space:nowrap }
    .d-work-due { color:var(--color-text-secondary); font-size:var(--small-font-size, 0.875rem); font-variant-numeric:tabular-nums }
    .d-work-due[data-overdue] { color:var(--color-danger, var(--destructive)); font-weight:600 }
    @media (max-width:640px) {
      .d-work-item a.d-work-link { grid-template-columns:auto minmax(0,1fr) }
      .d-work-end { grid-column:2; display:flex; justify-items:normal }
      .d-work-due:empty { display:none }
    }
  
    
    .d-copy-btn {
      all:unset;
      box-sizing:border-box;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:5px;
      padding:2px 7px;
      border-radius:6px;
      font-size:var(--caption-size, 0.8125rem);
      font-weight:600;
      line-height:1.4;
      vertical-align:baseline;
      color:var(--color-text-secondary, #57606a);
      border:1px solid transparent;
      transition:background var(--motion-duration-feedback) ease, color var(--motion-duration-feedback) ease, border-color var(--motion-duration-feedback) ease;
    }
    .d-copy-btn:hover {
      color:var(--color-text-primary, #1f2328);
      background:var(--color-surface-muted-opaque, #f6f8fa);
      border-color:var(--color-border-default, rgba(27,31,36,0.15));
    }
    
    .d-copy-btn:focus-visible {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring, 0 0 0 3px color-mix(in oklch, var(--color-primary, #6366f1) 40%, transparent));
    }
    
    .d-copy-btn[data-copied] {
      color:var(--color-success, #1a7f37);
      background:transparent;
      border-color:transparent;
    }
    .d-copy-text { font-weight:600 }
    .d-copy-btn.d-copy-mono .d-copy-text {
      font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
      font-size:calc(var(--caption-size, 0.8125rem) * 1.02);
      letter-spacing:0;
    }
    
    .d-copy-glyph { display:inline-flex; align-items:center; line-height:0 }
    .d-copy-ico { width:13px; height:13px; display:block }
    .d-copy-ico-done { display:none }
    .d-copy-btn[data-copied] .d-copy-ico-idle { display:none }
    .d-copy-btn[data-copied] .d-copy-ico-done { display:block }
    @media (prefers-reduced-motion) { .d-copy-btn { transition:none } }
  
    .d-stepper { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:var(--space-2) }
    .d-step { flex:1 1 6rem; min-width:0; display:flex; flex-direction:column; gap:var(--space-1); font-size:var(--small-font-size, 0.875rem); color:var(--color-text-secondary) }
    .d-step::before { content:""; height:4px; border-radius:999px; background:var(--color-surface-muted, var(--muted)) }
    .d-step[data-state=done]::before, .d-step[data-state=current]::before { background:var(--color-accent, var(--primary)) }
    .d-step[data-state=current] { color:var(--foreground); font-weight:600 }
    .d-step[data-state=blocked]::before { background:var(--color-warning, var(--warning)) }
    .d-step a { color:inherit; text-decoration:none }
    .d-step a:hover { text-decoration:underline }
    .d-stepper-current { display:none }
    @media (max-width:640px) {
      .d-step { flex-basis:0 }
      .d-step > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
      .d-stepper-current { display:block; margin-top:var(--space-1); font-size:var(--small-font-size, 0.875rem); color:var(--foreground); font-weight:600; overflow-wrap:anywhere }
    }
  
    .d-board { display:flex; flex-direction:column; gap:var(--space-2) }
    .d-board-tools { display:flex; gap:var(--space-2) }
    .d-board-color { width:1.75rem; height:1.75rem; border-radius:50%; border:2px solid transparent; cursor:pointer }
    .d-board-color[aria-pressed="true"] { border-color:var(--surf-fg, #111); box-shadow:0 0 0 2px var(--b-bg, #fff) inset }
    .d-board svg { width:100%; height:auto; aspect-ratio:1000/625; background:light-dark(#fff, #111827); border:1px solid light-dark(#e5e7eb, #374151); border-radius:0.75rem; touch-action:none; cursor:crosshair; display:block }
    .d-board polyline { fill:none; stroke-width:4; stroke-linecap:round; stroke-linejoin:round }
  
    .d-navigation-status:not([data-visible]) { position:fixed; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap }
    .d-navigation-status[data-visible] { position:fixed; inset-block-start:calc(env(safe-area-inset-top, 0px) + var(--space-3)); inset-inline:var(--space-4); margin-inline:auto; width:fit-content; max-width:calc(100vw - 2 * var(--space-4)); padding:var(--space-2) var(--space-4); border:1px solid var(--border); border-radius:var(--radius-full); background:var(--color-surface-raised); color:var(--color-text-primary); box-shadow:var(--shadow-md); z-index:1200; pointer-events:none; animation:d-navigation-status-in var(--motion-duration-feedback, 150ms) ease-out }
    .d-navigation-status[data-visible]:empty { display:none }
    @keyframes d-navigation-status-in { from { opacity:0 } to { opacity:1 } }
    @media (prefers-reduced-motion: reduce) { .d-navigation-status[data-visible] { animation:none } }
    .d-connection-status { position:fixed; inset-block-start:env(safe-area-inset-top, 0px); inset-inline:0; z-index:1200; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--space-3); padding:var(--space-2) var(--space-4); background:var(--color-warning-subtle); color:var(--color-on-warning-subtle); border-block-end:1px solid var(--border); font:inherit }
    .d-connection-retry { min-height:48px; padding:var(--space-2) var(--space-3); border:1px solid currentColor; border-radius:var(--radius-md); background:var(--color-surface-raised); color:var(--color-text-primary); font:inherit; cursor:pointer }
    .d-connection-retry:focus-visible { outline:3px solid var(--color-focus-ring); outline-offset:2px }
  
    .chat-composer {
      display:flex;
      flex-direction:column;
      gap:var(--space-2);
      width:100%;
      position:relative;
      box-sizing:border-box;
      padding:var(--space-2);
      border:var(--field-border, 1px solid var(--border));
      border-radius:var(--field-radius, var(--radius));
      background:var(--field-bg, var(--card));
      transition:box-shadow var(--motion-duration-feedback) var(--transition-easing),border-color var(--motion-duration-feedback) var(--transition-easing),background-color var(--motion-duration-feedback) ease
    }
    
    .chat-composer:focus-within {
      box-shadow:var(--state-focus-ring);
      border-color:var(--state-focus-ring-color, var(--ring))
    }
    
    .chat-composer.cc-internal-active {
      border-color:var(--warning, var(--destructive, #b45309));
      background:color-mix(in oklch, var(--warning, var(--destructive, #b45309)) 6%, var(--field-bg, var(--card)))
    }
    .cc-strip { display:flex }
    .cc-row { display:flex; align-items:flex-end; gap:var(--space-2) }
    
    
    
    .cc-rich { white-space:pre-wrap; overflow-wrap:anywhere; outline:none;
      min-height:1.5em; max-height:40vh; overflow-y:auto; cursor:text }
    .cc-rich:empty::before { content:attr(data-cc-ph); color:var(--muted-foreground);
      opacity:0.7; pointer-events:none }
    
    .cc-mk { font-size:0; opacity:0; transition:opacity 90ms ease }
    .cc-mk-on { font-size:inherit; opacity:0.35 }
    .cc-x-b { font-weight:700 }
    .cc-x-i { font-style:italic }
    .cc-x-s { text-decoration:line-through }
    .cc-x-code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
      background:var(--muted); border-radius:3px; padding:0 3px }
    .cc-fmt { display:flex; align-items:center; gap:2px; margin:0.15rem 0 0 0;
      opacity:0.55; transition:opacity 160ms ease }
    .chat-composer:focus-within .cc-fmt, .cc-fmt:hover { opacity:1 }
    .cc-fmt-btn { display:inline-flex; align-items:center; justify-content:center;
      width:26px; height:26px; padding:0; border:none; border-radius:var(--radius);
      background:transparent; color:var(--muted-foreground); cursor:pointer;
      transition:background-color var(--motion-duration-feedback) ease, color var(--motion-duration-feedback) ease }
    .cc-fmt-btn:hover { background:var(--muted); color:var(--foreground) }
    .cc-fmt-btn:active { background:var(--accent) }
    .cc-fmt-btn:focus-visible { outline:none; box-shadow:var(--state-focus-ring) }
    .cc-fmt-sep { width:1px; height:16px; margin:0 6px; background:var(--border);
      flex:0 0 auto }
    .cc-left { display:flex; align-items:center; gap:var(--space-1); flex:0 0 auto }
    .cc-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:36px;
      height:36px;
      padding:0;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:transparent;
      color:var(--muted-foreground);
      cursor:pointer;
      transition:background-color var(--motion-duration-feedback) ease,color var(--motion-duration-feedback) ease,border-color var(--motion-duration-feedback) ease
    }
    .cc-btn:hover { background:color-mix(in oklch,var(--accent) 12%,transparent); color:var(--foreground) }
    .cc-btn:active { background:color-mix(in oklch,var(--primary) 16%,transparent) }
    
    .cc-btn:focus-visible { outline:none; border-color:var(--state-focus-ring-color, var(--ring)); box-shadow:var(--state-focus-ring) }
    
    .cc-internal-btn .cc-icon-lock { display:none }
    .chat-composer.cc-internal-active .cc-internal-btn {
      color:var(--warning, var(--destructive, #b45309));
      border-color:var(--warning, var(--destructive, #b45309));
      background:color-mix(in oklch, var(--warning, var(--destructive, #b45309)) 12%, transparent)
    }
    .chat-composer.cc-internal-active .cc-internal-btn .cc-icon-unlock { display:none }
    .chat-composer.cc-internal-active .cc-internal-btn .cc-icon-lock { display:inline-flex }
    .cc-editor {
      flex:1 1 auto;
      min-width:0;
      box-sizing:border-box;
      min-height:36px;
      max-height:var(--composer-max-h, 12rem);
      padding:6px var(--space-3);
      margin:0;
      border:none;
      background:transparent;
      color:var(--foreground);
      font-family:inherit;
      font-size:var(--small-font-size);
      line-height:1.5;
      resize:none;
      outline:none;
      overflow-y:hidden;
      transition:height 120ms ease
    }
    
    .cc-editor::placeholder { color:var(--muted-foreground); opacity:0.7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .cc-send {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:36px;
      height:36px;
      padding:0;
      flex:0 0 auto;
      border:none;
      border-radius:var(--radius);
      background:var(--primary);
      color:var(--primary-foreground);
      cursor:pointer;
      transition:background-color var(--motion-duration-feedback) ease,opacity 120ms ease
    }
    .cc-send:not(:disabled):hover { background:color-mix(in oklch,var(--primary) 88%,black) }
    .cc-send:focus-visible { outline:none; box-shadow:var(--state-focus-ring) }
    .cc-send:disabled { opacity:var(--state-disabled-opacity, 0.5); cursor:var(--state-disabled-cursor, not-allowed) }
    
    .cc-mentions {
      position:absolute;
      z-index:30;
      left:var(--space-2);
      bottom:calc(100% + var(--space-1));
      min-width:220px;
      max-width:min(360px, 92%);
      max-height:15rem;
      overflow-y:auto;

    }
    .cc-mentions[hidden] { display:none }


    .cs-toggle {
      display:inline-flex;
      gap:0;
      padding:var(--space-1);
      background:var(--color-surface-muted);
      border:1px solid var(--color-border-subtle);
      border-radius:var(--radius-md);
      font-size:var(--font-size-label-small, 0.75rem)
    }
    .cs-toggle button {
      appearance:none;
      background:transparent;
      border:0;
      padding:var(--space-1) var(--space-3);
      color:var(--color-text-secondary);
      cursor:pointer;
      border-radius:var(--radius-sm);
      font:inherit;
      line-height:1
    }
    .cs-toggle button:hover {
      color:var(--color-text-primary);
      font-weight:600
    }
    .cs-toggle button[aria-pressed=true] {
      background:var(--color-surface-canvas);
      color:var(--color-text-primary);
      box-shadow:var(--shadow-sm)
    }
  
    .inline-edit-field {
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:var(--space-1, 4px);
      max-width:100%;
      padding:2px 6px;
      margin:-2px -6px;
      border-radius:var(--radius);
      cursor:pointer;
      vertical-align:middle;
      outline:1px solid transparent;
      outline-offset:1px;
      transition:background var(--motion-duration-feedback) ease,outline-color var(--motion-duration-feedback) ease,box-shadow var(--motion-duration-feedback) ease
    }
    .inline-edit-field:hover {
      background:color-mix(in oklch, var(--primary) 6%, transparent);
      outline-color:color-mix(in oklch, var(--primary) 22%, transparent)
    }
    .inline-edit-field:focus-visible {
      outline:none;
      box-shadow:var(--state-focus-ring)
    }
    .inline-edit-field.inline-edit-saving {
      background:color-mix(in oklch, var(--primary) 12%, transparent)
    }
    .inline-edit-field.inline-edit-editing {
      cursor:default;
      background:transparent;
      outline-color:transparent;
      padding:0;
      margin:0
    }
    .inline-edit-display { display:inline-flex; align-items:center; min-width:0 }
    .inline-edit-pencil {
      display:inline-flex;
      align-items:center;
      color:var(--muted-foreground);
      
      opacity:0.28;
      pointer-events:none;
      transition:opacity 120ms ease
    }
    .inline-edit-field:hover .inline-edit-pencil,
    .inline-edit-field:focus-visible .inline-edit-pencil { opacity:0.75 }
    .inline-edit-field.inline-edit-editing .inline-edit-pencil { display:none }
    
    .inline-edit-field.inline-edit-editing .inline-edit-display { display:none }
    .inline-edit-input, .inline-edit-select {
      box-sizing:border-box;
      height:32px;
      min-width:120px;
      max-width:100%;
      padding:4px 8px;
      font-size:var(--small-font-size);
      font-family:inherit;
      color:var(--foreground);
      background:var(--card);
      border:1px solid var(--ring);
      border-radius:var(--radius);
      box-shadow:var(--state-focus-ring);
      outline:none
    }
    .inline-edit-select { cursor:pointer }
    
    
    .inline-edit-field.inline-edit-open {
      display:block;
      width:auto;
      min-width:0;
      padding:0;
      margin:0;
      cursor:default
    }
    .inline-edit-field.inline-edit-open:hover {
      background:transparent;
      outline-color:transparent
    }
    .inline-edit-open-select {
      
      width:auto;
      max-width:100%;
      
      height:var(--control-height, 36px);
      min-width:0;
      appearance:none;
      -webkit-appearance:none;
      background-image:linear-gradient(45deg,transparent 50%,var(--muted-foreground) 50%),linear-gradient(135deg,var(--muted-foreground) 50%,transparent 50%);
      background-position:calc(100% - 18px) center,calc(100% - 13px) center;
      background-size:5px 5px,5px 5px;
      background-repeat:no-repeat;
      padding-right:32px
    }
    .inline-edit-open-select option {
      background:var(--color-surface-overlay);
      color:var(--foreground)
    }
    
    
    .field-listbox.inline-edit-open-listbox { margin-bottom:0; min-width:0 }
    .inline-edit-tags {
      box-sizing:border-box;
      display:inline-flex;
      flex-wrap:wrap;
      align-items:center;
      gap:4px;
      min-width:160px;
      max-width:100%;
      padding:4px 6px;
      background:var(--card);
      border:1px solid var(--ring);
      border-radius:var(--radius);
      box-shadow:var(--state-focus-ring)
    }
    .inline-edit-chip {
      display:inline-flex;
      align-items:center;
      gap:2px;
      padding:1px 4px 1px 8px;
      font-size:var(--small-font-size);
      line-height:1.6;
      color:var(--foreground);
      background:color-mix(in oklch, var(--primary) 12%, transparent);
      border-radius:999px
    }
    .inline-edit-chip-x {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:16px;
      height:16px;
      padding:0;
      border:none;
      background:transparent;
      color:var(--muted-foreground);
      cursor:pointer;
      border-radius:999px;
      font-size:14px;
      line-height:1
    }
    .inline-edit-chip-x:hover {
      color:var(--foreground);
      background:color-mix(in oklch, var(--foreground) 10%, transparent)
    }
    .inline-edit-tag-input {
      flex:1 1 60px;
      min-width:60px;
      border:none;
      outline:none;
      background:transparent;
      font-size:var(--small-font-size);
      font-family:inherit;
      color:var(--foreground)
    }
  
    .d-offline-action { display:contents }
    .d-offline-status { display:block; flex-basis:100%; margin-top:var(--space-1); font-size:.875rem; color:var(--muted-foreground) }
    .d-offline-status[hidden] { display:none }
    .d-offline-action[data-offline-state="failed"] .d-offline-status { color:var(--destructive) }
  
    .rich-composer { display:flex;flex-direction:column;gap:var(--space-1);width:100% }
    .rich-composer-label { display:block;font-size:14px;font-weight:500;color:var(--foreground) }
    .rich-composer-toolbar {
      display:flex;
      flex-wrap:wrap;
      gap:2px;
      align-items:center;
      padding:var(--space-1);
      border:var(--field-border, 1px solid var(--border));
      border-bottom:none;
      border-radius:var(--field-radius, var(--radius)) var(--field-radius, var(--radius)) 0 0;
      background:var(--field-bg, var(--card))
    }
    .rc-tb-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:28px;
      height:28px;
      padding:0;
      border:none;
      border-radius:var(--radius);
      background:transparent;
      color:var(--muted-foreground);
      cursor:pointer;
      transition:background-color var(--motion-duration-feedback) ease,color var(--motion-duration-feedback) ease
    }
    .rc-tb-btn:hover { background:color-mix(in oklch,var(--accent) 12%,transparent);color:var(--foreground) }
    .rc-tb-btn:active { background:color-mix(in oklch,var(--primary) 16%,transparent) }
    .rc-tb-btn:focus-visible { outline:none;box-shadow:var(--state-focus-ring) }
    .rich-composer-editor {
      width:100%;
      min-height:5rem;
      max-height:24rem;
      padding:var(--field-padding, var(--space-2) var(--space-3));
      border:var(--field-border, 1px solid var(--border));
      border-radius:0 0 var(--field-radius, var(--radius)) var(--field-radius, var(--radius));
      background:var(--field-bg, var(--card));
      color:var(--foreground);
      font-size:var(--small-font-size);
      line-height:1.5;
      overflow-y:auto;
      outline:none;
      transition:box-shadow var(--motion-duration-feedback) var(--transition-easing),border-color var(--motion-duration-feedback) var(--transition-easing)
    }
    
    .rich-composer-editor:focus { border-color:var(--state-focus-ring-color, var(--ring));box-shadow:var(--state-focus-ring) }
    .rich-composer-editor:empty:not(:focus)::before {
      content:attr(data-placeholder);
      color:var(--muted-foreground);
      opacity:0.7;
      pointer-events:none
    }
    .rich-composer-editor p { margin:0 0 var(--space-2) }
    .rich-composer-editor ul, .rich-composer-editor ol { margin:var(--space-1) 0;padding-left:1.5rem }
    .rich-composer-editor a { color:var(--primary);text-decoration:underline }
  
    
    :root {
      --d-sidebar-collapsed-w: 3.5rem;   
      --d-sidebar-expanded-w: 17rem;     
      --d-sidebar-current-w: var(--d-sidebar-collapsed-w);
      --d-sidebar-reserved-w: var(--d-sidebar-current-w);
    }
    
    :root:has(.d-sidebar :focus-visible) {
      --d-sidebar-current-w: var(--d-sidebar-expanded-w);
    }

    @media (hover: hover) and (pointer: fine) {
      :root:has(.d-sidebar:hover) {
        --d-sidebar-current-w: var(--d-sidebar-expanded-w);
      }
    }
    
    :root:has(.d-sidebar[data-cs-sidebar-pinned="true"]),
    :root:has(.d-app-shell[data-shell=sidebar]) {
      --d-sidebar-current-w: var(--d-sidebar-expanded-w);
      --d-sidebar-reserved-w: var(--d-sidebar-expanded-w);
    }
    
    .d-app-shell:has(.main-content [data-shell-chrome-collapse]):not([data-cs-sidebar-reveal=true]) {
      --d-sidebar-current-w: 0px;
      --d-sidebar-reserved-w: 0px;
    }
    
    @media (max-width: 640px) {
      :root,
      :root:has(.d-sidebar:hover),
      :root:has(.d-sidebar :focus-visible),
      :root:has(.d-sidebar[data-cs-sidebar-pinned="true"]),
    :root:has(.d-app-shell[data-shell=sidebar]) {
        --d-sidebar-current-w: 0px;
        --d-sidebar-reserved-w: 0px;
      }
    }
    .d-sidebar {
      position: fixed;
      
      --d-sidebar-open: 0;
      --d-sidebar-open-display: none;
      
      top: calc(var(--d-safe-t, 0px) + var(--d-shell-float, 0px));
      left: calc(var(--d-safe-l, 0px) + var(--d-shell-float, 0px));
      bottom: calc(var(--d-safe-b, 0px) + var(--d-shell-float, 0px));
      
      width: var(--d-sidebar-current-w);
      
      box-sizing: border-box;
      
      padding: var(--d-sidebar-pad);
      
      overflow: clip;
      overflow-clip-margin: var(--shadow-gutter, 0px);
      
      z-index: 50;
      display: flex;
      flex-direction: column;
      transition: width 200ms var(--transition-easing)
    }
    
    
    .d-sidebar:has(:focus-visible),
    .d-sidebar[data-cs-sidebar-open="true"],
    .d-sidebar[data-cs-sidebar-pinned="true"],
    .d-app-shell[data-shell=sidebar] .d-sidebar {
      --d-sidebar-open: 1;
      --d-sidebar-open-display: flex;
    }
    .d-sidebar[data-cs-sidebar-pinned="true"],
    .d-app-shell[data-shell=sidebar] .d-sidebar {
      box-shadow: none
    }
    
    .d-sidebar [data-collapsible-slot="1"] {
      opacity: 0;
      width: 0;
      max-width: 0;
      overflow: hidden;
      white-space: nowrap;
      transition: opacity 150ms var(--transition-easing);
      min-width: 0
    }
    
    
    .d-sidebar:has(:focus-visible) [data-collapsible-slot="1"],
    .d-sidebar[data-cs-sidebar-open="true"] [data-collapsible-slot="1"],
    .d-sidebar[data-cs-sidebar-pinned="true"] [data-collapsible-slot="1"],
    .d-app-shell[data-shell=sidebar] .d-sidebar [data-collapsible-slot="1"] {
      opacity: 1;
      width: auto;
      max-width: none;
      overflow: visible
    }
    
    @media (hover: hover) and (pointer: fine) {
      .d-sidebar:hover {
        box-shadow: var(--d-sidebar-lift, 6px 0 28px -8px rgba(0,0,0,0.45));
        --d-sidebar-open: 1;
        --d-sidebar-open-display: flex;
      }
      .d-sidebar[data-cs-sidebar-pinned="true"]:hover,
      .d-app-shell[data-shell=sidebar] .d-sidebar:hover {
        box-shadow: none
      }
      .d-sidebar:hover [data-collapsible-slot="1"] {
        opacity: 1;
        width: auto;
        max-width: none;
        overflow: visible
      }
    }

    @media (max-width: 640px) {
      .d-sidebar {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 40;
        width: max(var(--d-sidebar-expanded-w), min(20rem, 85vw))
      }
      .d-sidebar[data-cs-sidebar-open="true"] {
        display: flex
      }
      
      
      .d-app-shell .d-sidebar[data-cs-sidebar-open="true"] {
        animation: d-drawer-in 220ms var(--transition-easing, ease);
        touch-action: pan-y;
        overscroll-behavior: contain
      }
      .d-app-shell .d-sidebar-scrim[data-cs-sidebar-open="true"] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 39; 
        background: oklch(0 0 0 / 0.45);
        animation: d-scrim-in 220ms var(--transition-easing, ease)
      }
    }
    
    .d-sidebar-scrim { display: none }
    @keyframes d-drawer-in { from { transform: translateX(-100%) } }
    @keyframes d-scrim-in { from { opacity: 0 } }
  
    .d-drawer-close { display: none }
    @media (max-width: 640px) {
      .d-app-shell .d-sidebar .d-drawer-close { display: inline-flex }
    }
  
    .d-ph-actions { display:flex; flex-wrap:nowrap; align-items:center; gap:var(--space-2); min-width:0; max-width:100% }
    .d-ph-actions > *, .d-ph-lead > * { flex:0 0 auto }
    .d-ph-lead { display:contents }
    @media (max-width:640px) {
      .d-ph-actions { flex:1 0 100%; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:none; padding-block:2px; mask-image:linear-gradient(to right, #000 calc(100% - 2rem), transparent) }
      .d-ph-actions::-webkit-scrollbar { display:none }
      .d-ph-actions > *, .d-ph-lead > * { scroll-snap-align:start }
      .d-ph-lead > * { order:-1 }
    }
  
    .d-record-facts { display:grid; grid-template-columns:repeat(auto-fill, minmax(9.5rem, 1fr)); gap:var(--space-3) var(--space-5); max-width:60rem }
    .d-record-facts .d-record-fact dd > * { vertical-align:middle }
  
    .d-record-fact { display:flex; flex-direction:column; gap:2px; margin:0; min-width:0 }
    .d-record-fact dt { font-size:var(--font-size-label-small, 0.75rem); color:var(--color-text-secondary); text-transform:none }
    .d-record-fact dd { margin:0; display:flex; align-items:center; min-height:1.5rem; overflow-wrap:break-word }
  
    .main-content {
      container-type:inline-size;
      
      margin-left:calc(var(--d-sidebar-reserved-w) + min(var(--d-sidebar-reserved-w), 2 * var(--d-shell-float, 0px)));
      
      
      height:100dvh;
      display:flex;
      flex-direction:column;
      overflow-y:auto;
      overflow-x:hidden;
      
      scrollbar-gutter:stable;
      flex:1;
      
      min-height:0;
      min-width:0;
      transition:margin-left 200ms var(--transition-easing)
    }
    
    
    
    
    .main-content > .d-base { flex:1 0 auto;min-height:0;padding-inline:var(--rv-pi, 0px);padding-block:var(--d-page-block-inset) }
    
    .main-content > .d-base.flex-1 { flex:1 1 0;min-height:0 }
    :is(.main-content, .d-top-app-bar-content) > .d-base { box-sizing:border-box;width:100%;max-width:calc(var(--d-page-measure, 100%) / var(--d-rem-step, 1));margin-inline:auto }
    
    .main-content:has(> .d-base.flex-1) { scrollbar-gutter:auto }
    .main-content > nav {
      display:flex;
      align-items:center;
      gap:var(--space-1);
      padding:var(--space-3) 0;
      border-bottom:1px solid var(--border);
      margin-bottom:var(--space-6);
      flex:none
    }
    .main-content > nav a {
      font-size:var(--small-font-size);
      font-weight:var(--bold-weight);
      color:var(--muted-foreground);
      padding:var(--space-2) var(--space-3);
      border-radius:var(--radius);
      transition:all var(--transition-duration) var(--transition-easing)
    }
    .main-content > nav a:hover {
      color:var(--foreground);
      background:var(--accent);
      text-decoration:none
    }
    
      @container (max-width:640px) {
      h1{font-size:var(--h2-size)}
      h2{font-size:var(--h3-size)}
      h3{font-size:var(--h4-size)}
    }
@media (max-width:640px)
    {
      .main-content {
        box-sizing:border-box;
        margin-left:0;
        
        
        height:100dvh;
        
        mask-image:var(--d-scroll-edge-mask, none)
      }
      .main-content:has(~ .d-fixed[data-anchor=bottom][data-d-occluder]) {
        padding-bottom:calc(var(--d-bottom-bar-height) + var(--d-shell-float, 0px) + var(--d-safe-b, env(safe-area-inset-bottom, 0px)) + var(--d-page-overlay-gap));
        scroll-padding-bottom:var(--d-page-overlay-gap)
      }
    }

  
    .d-iig {
      display:flex;
      flex-wrap:wrap;
      gap:var(--space-2, .5rem);
      max-width:100%
    }
    
    .d-iig-thumb {
      position:relative;
      display:block;
      box-sizing:border-box;
      width:17.5rem;
      max-width:100%;
      aspect-ratio:7 / 5;
      margin:0;
      padding:0;
      border:1px solid var(--border-subtle, var(--border));
      border-radius:var(--radius, .5rem);
      overflow:hidden;
      background:var(--muted, #f2f2f2);
      cursor:zoom-in;
      transition:box-shadow var(--d-motion, 120ms ease)
    }
    .d-iig-thumb:hover { box-shadow:0 0 0 2px var(--primary) }
    .d-iig-thumb:focus-visible { outline:2px solid var(--primary); outline-offset:2px }
    .d-iig-img {
      display:block;
      width:100%;
      height:100%;
      object-fit:cover
    }
    
    .d-iig-hint {
      position:absolute;
      top:var(--space-2, .5rem);
      right:var(--space-2, .5rem);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:.25rem;
      border-radius:9999px;
      background:var(--card, #fff);
      color:var(--foreground, #111);
      border:1px solid var(--border);
      box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.25));
      opacity:0;
      transition:opacity var(--d-motion, 120ms ease);
      pointer-events:none
    }
    .d-iig-thumb:hover .d-iig-hint { opacity:1 }
    
    .d-iig-broken {
      display:none;
      position:absolute;
      inset:0;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:var(--space-1, .25rem);
      padding:var(--space-2, .5rem);
      text-align:center;
      color:var(--muted-foreground, #777);
      background:var(--muted, #f2f2f2);
      border:2px dashed var(--destructive, var(--border));
      border-radius:inherit
    }
    .d-iig-thumb--broken { cursor:default }
    .d-iig-thumb--broken .d-iig-img,
    .d-iig-thumb--broken .d-iig-hint { display:none }
    .d-iig-thumb--broken .d-iig-broken { display:flex }
    .d-iig-broken-label { font-weight:600; font-size:var(--caption-size, .8125rem) }
    .d-iig-broken-name {
      font-size:var(--caption-size, .8125rem);
      opacity:.8;
      max-width:100%;
      word-break:break-all;
      overflow:hidden;
      text-overflow:ellipsis;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical
    }
  
    .d-navbar-row { display:contents }
    .d-fixed[data-anchor=bottom]:has(.d-navbar-row) { --d-fixed-gap:var(--d-shell-float, 0px) }
    .d-navbar-row > .d-row { width:100%;min-width:0;height:100%;gap:0;align-items:stretch }
    .d-navbar-row > .d-row > * {
      flex:1 1 0;min-width:0;min-height:48px;
      display:flex;justify-content:center;
      color:var(--color-text-secondary);--surf-fg:currentColor;--ink:currentColor;
      -webkit-tap-highlight-color:transparent
    }
    .d-navbar-row > .d-row > .atom-pressable { align-items:flex-start;align-self:stretch }
    .d-navbar-row > .d-row > * > .d-col { width:100%;min-width:0;gap:4px;padding-top:6px }
    .d-navbar-row > .d-row > * .atom-box { max-width:100% }
    .d-navbar-row [aria-current="true"] { color:var(--color-nav-active-ink, var(--color-accent)) }
    .d-navbar-label { display:block;width:100%;min-width:0;container-type:inline-size }
    .d-navbar-label > * {
      display:block;text-align:center;
      white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;hyphens:none;
      overflow:hidden;text-overflow:ellipsis
    }
    .d-navbar-row > .d-row > * .atom-box {
      transition:background-color var(--motion-duration-feedback, 80ms) var(--transition-easing, ease)
    }
    @media (hover:hover) {
      .d-navbar-row > .d-row > *:hover .atom-box {
        background-image:linear-gradient(color-mix(in oklch, currentColor 8%, transparent), color-mix(in oklch, currentColor 8%, transparent))
      }
    }
    .d-navbar-row > .d-row > *:active .atom-box {
      background-image:linear-gradient(color-mix(in oklch, currentColor 12%, transparent), color-mix(in oklch, currentColor 12%, transparent))
    }
  
    

    
    .nav-rail-list {
      display:flex;
      flex-direction:column;
      gap:var(--d-nav-gap);
      
      padding:max(var(--space-2),var(--shadow-gutter,0px)) var(--d-nav-inset) var(--space-6);
      flex:1 1 0;
      min-height:0;
      align-items:stretch;
      overflow-y:auto;
      overflow-x:hidden;
      scrollbar-width:none;
      scroll-padding-block:var(--space-2);
      overscroll-behavior:contain
    }
    .nav-rail-list::-webkit-scrollbar { display:none }
    /* the collapsed rail: each destination is its icon, centred (no label gap, no side padding), so nothing clips at the rail's edges */
    .d-sidebar:not(:hover, :has(:focus-visible), [data-cs-sidebar-open="true"], [data-cs-sidebar-pinned="true"]):not(.d-app-shell[data-shell=sidebar] .d-sidebar) .nav-rail-list [class*=" k-tab-"] { justify-content:center; padding-inline:0; gap:0 }
    .d-sidebar > :not(.nav-rail-list) { flex-shrink:0 }
    .d-sidebar > .nav-rail-list + * { border-top:1px solid var(--color-border-subtle,var(--border)); padding-top:var(--space-2) }
    .d-sidebar .nav-rail-list .d-row { min-width:0; flex:1 }
    .d-sidebar .nav-rail-list [data-collapsible-slot="1"] {
      flex:1;
      white-space:normal;
      overflow-wrap:normal;
      word-break:normal;
      -webkit-hyphens:manual;
      hyphens:manual
    }
    .d-sidebar .nav-rail-list [data-collapsible-slot="1"] > * {
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
      line-clamp:2;
      overflow:hidden;
      text-overflow:ellipsis
    }
    /* a group's label row (its text and the turning chevron) stays a row; only its text clamps */
    .d-sidebar .nav-rail-list [data-collapsible-slot="1"] > .fl-row { display:flex; -webkit-line-clamp:unset; line-clamp:none; overflow:visible }
    .d-sidebar .nav-rail-list [data-collapsible-slot="1"] > .fl-row > .fit-wrap { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden }

    
    .nav-rail-list .atom-pressable {
      width:100%;
      max-width:100%;
      min-width:0;
      flex-shrink:0;
      box-sizing:border-box;
      justify-content:flex-start;
      min-height:max(var(--target-min-size),var(--d-nav-row-min));
      padding:var(--d-nav-row-inset)
    }
    .nav-rail-list .atom-pressable svg {
      flex-shrink:0;
      width:var(--d-nav-icon-size);
      height:var(--d-nav-icon-size);
      margin:0 var(--d-nav-icon-inset)
    }
    /* a group's members: indented under its summary while the rail is open, hidden while it is collapsed to icons */
    .nav-rail-list details.ui > :not(summary) {
      display:var(--d-sidebar-open-display,flex);
      padding-block-start:var(--d-nav-gap);
      padding-inline-start:calc(var(--d-sidebar-open,1) * var(--d-nav-indent))
    }
    [data-nav-active=indicator] .nav-rail-list .atom-pressable[aria-current="true"] {
      box-shadow:inset 3px 0 0 var(--primary)
    }

    

    
    .d-sidebar button[data-d-pop-trigger="user-menu"] {
      flex-shrink:0
    }
    .d-sidebar button[data-d-pop-trigger="user-menu"] .atom-box {
      flex-shrink:0
    }

    
    .d-sidebar .d-row:has([data-rail-pin]) > .atom-box {
      flex-shrink:0
    }

    
    .d-sidebar button:hover [data-rail-pin] {
      background:var(--accent);
      color:var(--foreground)
    }
    .d-sidebar [data-rail-pin] {
      color:var(--muted-foreground);
      transition:color var(--motion-duration-feedback) var(--transition-easing),background var(--motion-duration-feedback) var(--transition-easing)
    }
    .d-sidebar[data-cs-sidebar-pinned="true"] [data-rail-pin] {
      color:var(--primary)
    }
    .d-sidebar[data-cs-sidebar-pinned="true"] [data-rail-pin] svg {
      transform:rotate(45deg);
      transition:transform 150ms var(--transition-easing)
    }

    
    @media (max-width:640px) {
      
      .d-sidebar button[data-rail-pin] { display:none !important }
    }
  
  
    .d-top-app-bar-shell {
      display: flex;
      flex-direction: column;
      height: 100dvh;
      min-height: 0
    }
    .d-top-app-bar {
      position: sticky;
      top: 0;
      z-index: 30;
      height: 56px;
      display: flex;
      align-items: center;
      gap: var(--space-4);
      padding: 0 var(--space-4);
      background: var(--card);
      border-bottom: 1px solid var(--border)
    }
    .d-top-app-bar-brand {
      display: flex;
      align-items: center;
      gap: var(--space-2);
      font-weight: var(--heading-weight);
      font-size: var(--brand-font-size, var(--font-size-title-medium, 1.125rem));
      color: var(--foreground);
      white-space: nowrap;
      text-decoration: none;
      flex-shrink: 0
    }
    .d-top-app-bar-brand:hover { text-decoration: none; color: var(--foreground) }
    .d-brand-word { font-family: var(--font-display, inherit); font-size: var(--font-size-title-large, 1.375rem); letter-spacing: var(--letter-spacing-title-large, 0) }
    .d-top-app-bar-nav {
      display: flex;
      align-items: center;
      gap: var(--space-1);
      flex: 1;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none
    }
    .d-top-app-bar-nav::-webkit-scrollbar { display: none }
    [data-nav-active=indicator] .d-top-app-bar-nav .atom-pressable[aria-current="true"] {
      border-radius: 0;
      box-shadow: inset 0 -2px 0 var(--primary)
    }
    .d-top-app-bar-actions {
      display: flex;
      align-items: center;
      gap: var(--space-2);
      flex-shrink: 0
    }
    .d-top-app-bar-user-wrap { position: relative; display: flex; align-items: center }
    .d-top-app-bar-user {
      display: flex;
      align-items: center;
      gap: var(--space-2);
      cursor: pointer
    }
    .d-top-app-bar-content {
      container-type: inline-size;
      padding: var(--d-page-block-inset) var(--d-page-gutter-wide);
      flex: 1;
      min-height: 0;
      display: flex;
      flex-direction: column;
      overflow-x: hidden;
      overflow-y: auto
    }
    .d-top-app-bar-content > .d-base { flex: 1 0 auto; min-height: 0 }
    .d-top-app-bar-content > .d-base.flex-1 { flex: 1 1 0 }
    .d-top-app-bar-toggle { display: none }
    .d-top-app-bar-mobile-tabs { display: none }
    
  
    @container (max-width:640px) {
      h1 { font-size: var(--h2-size) }
      h2 { font-size: var(--h3-size) }
      h3 { font-size: var(--h4-size) }
    }
    @media (max-width: 768px) {
      .d-top-app-bar-nav { display: none }
      .d-top-app-bar-brand { min-width: 0; flex-shrink: 1 }
      .d-top-app-bar-brand > span { overflow: hidden; text-overflow: ellipsis }
      .d-top-app-bar-user > span { display: none }
      .d-top-app-bar-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: 0;
        color: var(--foreground);
        cursor: pointer;
        padding: var(--space-1)
      }
      .d-top-app-bar-shell[data-cs-navbar-open="true"] .d-top-app-bar-nav {
        display: flex;
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        background: var(--card);
        border-bottom: 1px solid var(--border);
        flex-direction: column;
        padding: var(--space-2)
      }
      .d-top-app-bar-mobile-tabs {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 40;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        background: var(--color-surface-raised)
      }
      .d-top-app-bar-content {
        padding: var(--d-page-gutter);
        padding-bottom: calc(var(--d-page-gutter) + 80px + env(safe-area-inset-bottom, 0px))
      }
    }
  

    .dcmdk { position:fixed; inset:0; z-index:1000; display:block }
    .dcmdk[hidden] { display:none }
    .dcmdk-scrim { position:absolute; inset:0; background:var(--overlay, rgba(0,0,0,.5)); backdrop-filter:blur(2px) }
    .dcmdk-panel {
      position:relative; margin:12vh auto 0; width:min(640px, calc(100% - 2rem));
      max-height:64vh; display:flex; flex-direction:column; overflow:hidden;
      background:var(--background, #fff); color:var(--foreground, #111);
      border:1px solid var(--border, rgba(0,0,0,.12));
      border-radius:var(--radius-lg, 12px);
      box-shadow:0 16px 48px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.16);
      animation:dcmdk-in 140ms ease
    }
    @keyframes dcmdk-in { from{opacity:0; transform:translateY(-6px) scale(.99)} to{opacity:1; transform:none} }
    .dcmdk-inputwrap { display:flex; align-items:center; gap:.6rem; padding:.85rem 1rem; border-bottom:1px solid var(--border, rgba(0,0,0,.1)) }
    .dcmdk-inputwrap .icon { flex:0 0 auto; opacity:.55 }
    .dcmdk-input { flex:1 1 auto; border:0; outline:0; background:transparent; color:inherit; font-size:1rem; line-height:1.4; padding:0 }
    .dcmdk-close { border:0; background:transparent; color:inherit; cursor:pointer; padding:.5rem; border-radius:var(--radius, 8px) }
    .dcmdk-close:focus-visible { outline:2px solid var(--ring); outline-offset:2px }
    .dcmdk-input::placeholder { color:var(--muted-foreground, rgba(0,0,0,.45)) }
    .dcmdk-list { list-style:none; margin:0; padding:.35rem; overflow-y:auto; flex:1 1 auto }
    .dcmdk-group { margin:0 0 .15rem }
    .dcmdk-group[hidden] { display:none }
    .dcmdk-grp-h { font-size:.7rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--muted-foreground, rgba(0,0,0,.5)); padding:.5rem .6rem .3rem }
    .dcmdk-opt {
      display:flex; align-items:center; gap:.7rem; width:100%; text-align:left;
      border:0; background:transparent; color:inherit; cursor:pointer;
      padding:.55rem .6rem; border-radius:var(--radius, 8px); font-size:.925rem; line-height:1.3
    }
    .dcmdk-opt[hidden] { display:none }
    .dcmdk-opt .icon { flex:0 0 auto; opacity:.7 }
    .dcmdk-opt-l { flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .dcmdk-opt-sub { flex:0 0 auto; font-size:.78rem; color:var(--muted-foreground, rgba(0,0,0,.45)); margin-left:.4rem }
    .dcmdk-opt-go { flex:0 0 auto; opacity:0; font-size:.85rem; color:var(--muted-foreground, rgba(0,0,0,.5)) }
    .dcmdk-opt[aria-selected="true"] { background:var(--muted, var(--surface-muted, rgba(0,0,0,.06))) }
    .dcmdk-opt[aria-selected="true"] .dcmdk-opt-go { opacity:.9 }
    .dcmdk-opt:hover { background:var(--muted, var(--surface-muted, rgba(0,0,0,.05))) }
    .dcmdk-empty { padding:1.6rem 1rem; text-align:center; color:var(--muted-foreground, rgba(0,0,0,.5)); font-size:.9rem }
    .dcmdk-empty[hidden] { display:none }
    .dcmdk-foot { display:flex; gap:1rem; padding:.55rem .9rem; border-top:1px solid var(--border, rgba(0,0,0,.1)); font-size:.72rem; color:var(--muted-foreground, rgba(0,0,0,.5)) }
    .dcmdk-foot kbd { font:inherit; background:var(--muted, rgba(0,0,0,.07)); border-radius:4px; padding:.05rem .3rem; margin-right:.15rem }
    @media (max-width:640px) {
      .dcmdk-panel { margin:0; width:100%; height:100%; max-height:none; border:0; border-radius:0; box-shadow:none }
      .dcmdk-scrim { display:none }
      .dcmdk-foot { display:none }
    }
    @media (prefers-reduced-motion: reduce) { .dcmdk-panel { animation:none } }
  
    .ddb-bar {
      flex:none; min-width:0; box-sizing:border-box; display:flex; align-items:center;
      width:fit-content; max-width:min(calc(100% - 2 * var(--space-4)), calc(var(--d-page-measure, 100%) / var(--d-rem-step, 1)));
      margin:var(--space-3) max(var(--space-4), calc((100% - calc(var(--d-page-measure, 100%) / var(--d-rem-step, 1))) / 2 + var(--space-4))) var(--space-2) auto;
      padding:0 var(--space-1) 0 var(--space-1);
      border:0; border-radius:var(--radius-full, 999px);
      background:color-mix(in oklch, var(--color-surface-raised) 92%, transparent);
      -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
      box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--l-subtle, var(--color-border-subtle)) 50%, transparent), var(--lf-low, 0 1px 3px rgb(0 0 0 / .08));
      color:var(--foreground);
      font-size:var(--small-font-size)
    }
    .ddb-bar:has(details[open]) { width:auto; margin-inline:var(--space-4); padding:var(--space-2) var(--space-3); border-radius:var(--radius-lg, 16px) }
    .ddb-bar[hidden] { display:none }
    .ddb-bar details { flex:0 1 auto; min-width:0 }
    .ddb-bar:has(details[open]) { flex-wrap:wrap; align-items:flex-start }
    .ddb-bar details[open] { flex:1 1 0 }
    .ddb-bar summary { cursor:pointer; min-height:var(--target-min-size, 36px); padding-inline-end:var(--space-2); display:flex; align-items:center; gap:var(--space-2); list-style:none }
    .ddb-bar summary::-webkit-details-marker { display:none }
    .ddb-bar summary:focus-visible { outline:2px solid var(--ring); outline-offset:2px; border-radius:var(--radius-sm) }
    .ddb-tag { flex-shrink:0; padding:0 var(--space-2); border-radius:var(--radius-full); background:var(--color-accent-subtle); color:var(--color-accent-text); font-weight:600; line-height:1.7 }
    .ddb-note { color:var(--color-text-secondary); min-width:0; white-space:normal; overflow-wrap:anywhere }
    .ddb-save { flex-shrink:0; margin-inline-start:var(--space-2); color:var(--color-accent-text); font-weight:600; white-space:nowrap }
    .ddb-bar details[open] summary { margin-bottom:var(--space-2) }
    .ddb-bar details[open] { padding-bottom:var(--space-2) }
    .ddb-bar input { max-width:100%; min-width:0 }
    .ddc-open { flex:none; order:1; cursor:pointer; min-height:var(--target-min-size, 36px); min-width:var(--target-min-size, 36px); padding:0 var(--space-2); border:0; border-radius:var(--radius-sm); background:transparent; color:var(--foreground); font:inherit; font-weight:500 }
    .ddc-open:hover { background:color-mix(in oklch, var(--foreground) 8%, transparent) }
    @media (max-width:640px) {
      .ddb-bar:not(:has(details[open])) { border-radius:var(--radius-lg, 16px); padding-block:var(--space-1) }
      .ddb-bar summary { flex-wrap:wrap; row-gap:0 }
      .ddb-note { order:1; flex-basis:100%; padding-inline-start:var(--space-2); line-height:1.4; text-wrap:balance }
      .ddb-bar { display:flex; flex-wrap:wrap; align-items:center; column-gap:var(--space-3) }
      .ddb-bar details { flex:1 1 auto; min-width:0 }
      .ddb-bar details[open] { flex-basis:100% }
      .ddb-save { margin-inline-end:0 }
      .ddc-open { margin-inline-start:auto }
    }
    .ddc-dialog { margin:auto; width:min(44rem,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); padding:var(--space-5); border:1px solid var(--border); border-radius:var(--radius); background:var(--card); color:var(--foreground); box-sizing:border-box; overflow:hidden }
    .ddc-dialog::backdrop { background:rgb(0 0 0 / .55) }
    .ddc-dialog button { cursor:pointer; min-height:44px; padding:var(--space-2) var(--space-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--background); color:var(--foreground); font:inherit }
    .ddc-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3) }
    .ddc-heading h2 { margin:0; font-size:1.3rem }
    .ddc-dialog p { line-height:1.5 }
    .ddc-note { color:var(--muted-foreground); font-size:.9rem }
    .ddc-search,.ddc-share { display:grid; gap:var(--space-2); margin-block:var(--space-4) }
    .ddc-search input,.ddc-share input { width:100%; box-sizing:border-box; padding:var(--space-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--background); color:var(--foreground); font:inherit }
    .ddc-dialog > form { display:flex; flex-direction:column; gap:var(--space-3); max-height:calc(100dvh - 2rem - 2 * var(--space-5) - 2px) }
    .ddc-content { min-height:0; overflow:auto; overscroll-behavior:contain }
    .ddc-heading,.ddc-actions,.ddc-dialog [data-demo-status] { flex:none }
    .ddc-dialog [data-demo-status]:empty { display:none }
    .ddc-roles { overflow:visible }
    .ddc-roles fieldset { margin:var(--space-2) 0 var(--space-4); padding:var(--space-2) var(--space-3); border:1px solid var(--border); border-radius:var(--radius) }
    .ddc-roles legend { padding-inline:var(--space-2); font-weight:var(--bold-weight) }
    .ddc-presets { margin:var(--space-2) 0 var(--space-4); padding:var(--space-2) var(--space-3); border:1px solid var(--border); border-radius:var(--radius) }
    .ddc-presets legend { padding-inline:var(--space-2); font-weight:var(--bold-weight) }
    .ddc-preset-list { display:flex; flex-wrap:wrap; gap:var(--space-2) }
    .ddc-dialog .ddc-preset[aria-pressed="true"] { background:var(--primary); color:var(--primary-foreground); border-color:var(--primary) }
    .ddc-choice { display:flex; gap:var(--space-3); align-items:center; min-height:44px; cursor:pointer }
    .ddc-choice input { width:20px; height:20px; flex-shrink:0; accent-color:var(--primary) }
    .ddc-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--space-2) }
    .ddc-dialog .ddc-start { background:var(--primary); color:var(--primary-foreground) }
    .ddc-dialog [hidden] { display:none }
    .ddc-dialog :focus-visible { outline:2px solid var(--ring); outline-offset:2px }
  
    .dtr-root { position:fixed; inset:0; z-index:1300; display:none; pointer-events:none }
    .dtr-root[data-on="1"] { display:block }
    .dtr-scrim {
      position:absolute; inset:0;
      background:var(--overlay, rgba(8,10,14,.72))
    }
    .dtr-ring {
      position:absolute; border-radius:var(--radius, 0.75rem); pointer-events:none;
      box-shadow:0 0 0 2px var(--ring, var(--primary, #4f8cff)),
                 0 0 0 8px color-mix(in srgb, var(--ring, var(--primary, #4f8cff)) 22%, transparent);
      display:none
    }
    .dtr-ring[data-on="1"] { display:block }
    .dtr-card {
      position:absolute; pointer-events:auto; width:min(24rem, calc(100vw - 2rem)); overflow-y:auto; overscroll-behavior:contain
    }
    .dtr-root[data-routing="1"] .dtr-ring { visibility:hidden }
    .dtr-step { display:none }
    .dtr-step[data-at="1"] { display:block }
  
    
    .floating-pane{position:fixed;z-index:var(--fp-z,150);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;width:var(--fp-w,390px)}
    .floating-pane.fp-snap{transition:left .22s ease,top .22s ease,right .22s ease,bottom .22s ease,width .22s ease,height .22s ease,border-radius .22s ease}
    .floating-pane[data-fp-dock=float]{left:var(--fp-x,auto);top:var(--fp-y,auto);right:var(--fp-r,24px);bottom:var(--fp-b,24px);height:var(--fp-h,auto);max-height:var(--fp-mh,74vh)}
    .floating-pane[data-fp-dock=left],.floating-pane[data-fp-dock=right]{top:0;bottom:0;height:auto;max-height:100vh;border-radius:0;width:var(--fp-w,390px)}
    .floating-pane[data-fp-dock=left]{left:0;right:auto}
    .floating-pane[data-fp-dock=right]{right:0;left:auto}
    .floating-pane[data-fp-dock=bottom]{left:0;right:0;width:auto;max-height:none;border-radius:0;height:var(--fp-h,40vh);bottom:0;top:auto}
    .floating-pane[data-fp-dock=max]{left:0;right:0;top:0;bottom:0;width:auto;height:auto;max-height:none;border-radius:0}
        
    .floating-pane[data-fp-dock=zl]{left:0;right:auto;top:0;bottom:0;height:auto;width:50vw;max-height:100vh;border-radius:0}
    .floating-pane[data-fp-dock=zr]{right:0;left:auto;top:0;bottom:0;height:auto;width:50vw;max-height:100vh;border-radius:0}
    .floating-pane[data-fp-dock=zt]{left:0;right:0;top:0;bottom:0;width:auto;height:auto;max-height:none;border-radius:0}
    .floating-pane[data-fp-dock=zb]{left:0;right:0;bottom:0;top:auto;width:auto;height:50vh;max-height:none;border-radius:0}
    .floating-pane[data-fp-dock=ztl]{left:0;right:auto;top:0;bottom:auto;width:50vw;height:50vh;max-height:none;border-radius:0}
    .floating-pane[data-fp-dock=ztr]{right:0;left:auto;top:0;bottom:auto;width:50vw;height:50vh;max-height:none;border-radius:0}
    .floating-pane[data-fp-dock=zbl]{left:0;right:auto;bottom:0;top:auto;width:50vw;height:50vh;max-height:none;border-radius:0}
    .floating-pane[data-fp-dock=zbr]{right:0;left:auto;bottom:0;top:auto;width:50vw;height:50vh;max-height:none;border-radius:0}
        .floating-pane-handle{cursor:grab;padding:10px 12px;font-weight:600;font-size:13px;background:var(--color-surface-muted);border-bottom:1px solid var(--color-border-default);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;touch-action:none}
    .floating-pane-handle:active{cursor:grabbing}
    .floating-pane-handle:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}
    .floating-pane-grip{flex:none;display:flex;align-items:center;opacity:.55}
        .floating-pane-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
    
    .floating-pane-title>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    
    .floating-pane-action{display:flex;align-items:center;flex:none;margin-right:6px}
    .floating-pane-docks{display:flex;align-items:center;gap:2px;flex:none}
                                    
                .floating-pane[data-fp-dock=left]     
    .floating-pane{--fp-body-pad:12px;--fp-body-gap:8px}
    .floating-pane-body{flex:1;overflow:auto;padding:var(--fp-body-pad);display:flex;flex-direction:column;gap:var(--fp-body-gap)}
    
    .floating-pane-body:has(> [data-fp-flush]){padding:0;gap:0;overflow:hidden}
    
    .floating-pane-body:has(> [data-fp-flush]) > :not([data-fp-flush]){margin:var(--fp-body-gap) var(--fp-body-pad) 0;max-width:calc(100% - 2 * var(--fp-body-pad))}
    .floating-pane-body:has(> [data-fp-flush]) > :not([data-fp-flush]):last-child{margin-bottom:var(--fp-body-pad)}
    
    .fp-rz{position:absolute;z-index:5;display:none;touch-action:none}
    .fp-rz-e{top:0;right:0;width:8px;height:100%;cursor:ew-resize}
    .fp-rz-w{top:0;left:0;width:8px;height:100%;cursor:ew-resize}
    .fp-rz-s{left:0;bottom:0;height:8px;width:100%;cursor:ns-resize}
    .fp-rz-n{left:0;top:0;height:8px;width:100%;cursor:ns-resize}
    .fp-rz-se{right:0;bottom:0;cursor:nwse-resize}
    .fp-rz-ne{right:0;top:0;cursor:nesw-resize}
    .fp-rz-nw{left:0;top:0;cursor:nwse-resize}
    .fp-rz-sw{left:0;bottom:0;cursor:nesw-resize}
    .fp-rz-se,.fp-rz-ne,.fp-rz-nw,.fp-rz-sw{width:14px;height:14px;z-index:6}
    
    .floating-pane-docks{position:relative;z-index:7}
    
    .floating-pane[data-fp-resizable=true][data-fp-dock=float] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=max] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=zl] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=zr] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=zt] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=zb] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=ztl] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=ztr] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=zbl] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=zbr] .fp-rz{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=left] .fp-rz-e{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=right] .fp-rz-w{display:block}
    .floating-pane[data-fp-resizable=true][data-fp-dock=bottom] .fp-rz-n{display:block}
    
    .floating-pane[data-fp-min=true]{display:none}

    
    .fp-tray{position:fixed;z-index:170;left:var(--fp-tray-x,16px);top:var(--fp-tray-y,16px);display:flex;align-items:center;gap:8px;box-sizing:border-box;padding:6px;max-width:calc(100vw - 24px);opacity:0;transition:opacity .16s ease}
    .fp-tray.fp-tray-shown{opacity:1}
    .fp-tray:not(.fp-tray-shown){pointer-events:none}
    .fp-tray-grip{flex:none;align-self:stretch;display:flex;align-items:center;justify-content:center;width:22px;min-height:34px;opacity:.5;cursor:grab;touch-action:none;user-select:none}
    .fp-tray-grip:hover{opacity:.9;background:var(--color-border-subtle)}
    .fp-tray-grip:active{cursor:grabbing}
    .fp-tray-grip:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;opacity:1}
        
    
    
    .fp-tray-pills{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:6px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
    .fp-tray-pills::-webkit-scrollbar{display:none}
    
    .fp-tray-pills>*{flex:none}
    .fp-tray-pill{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;max-width:184px;height:34px;padding:0 12px 0 7px;border-radius:999px;background:var(--color-surface-muted);color:inherit;font-weight:600;font-size:13px;-webkit-user-select:none;user-select:none;touch-action:none;transition:background var(--motion-duration-feedback) ease}
    .fp-tray-pill:hover{background:var(--color-border-subtle)}
    .fp-tray-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
    
    .fp-tray-action{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--color-surface-muted);color:inherit;font-weight:600;font-size:13px;-webkit-user-select:none;user-select:none;flex:none}
    .fp-tray-action:hover{background:var(--color-border-subtle)}
    .fp-tray-action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
    
    @media (max-width:640px){
      
      
      .fp-tray-pill-label, .fp-tray-pill-label *:not(svg){font-size:0 !important;gap:0}
      .fp-tray-pill{padding:0 9px 0 7px}
      .fp-tray-action{font-size:0;padding:0 10px}
    }
    .fp-tray-pill-grip{flex:none;display:flex;opacity:.5;cursor:grab}
        .fp-tray-pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
    .fp-tray-pill-label>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    
    .fp-tray-pill-flip{will-change:transform;transition:transform .16s ease}
    .fp-tray-pill-placeholder{opacity:.3}
    .fp-tray-pill-ghost{position:fixed;z-index:180;pointer-events:none;opacity:.97;box-shadow:var(--shadow-md);transition:box-shadow var(--motion-duration-feedback) ease,outline-color var(--motion-duration-feedback) ease;will-change:transform}
    
    .fp-tray-pill-ghost.fp-tray-pill-expand{box-shadow:var(--shadow-md);outline:2px solid var(--color-accent);outline-offset:2px}
    @media (prefers-reduced-motion){.fp-tray{position:fixed;z-index:170;left:var(--fp-tray-x,16px);top:var(--fp-tray-y,16px);display:flex;align-items:center;gap:8px;box-sizing:border-box;padding:6px;max-width:calc(100vw - 24px);opacity:0;transition:opacity .16s ease}.fp-tray-pill{transition:none}.fp-tray-pill-flip{transition:none}}
    .fp-dock-preview{position:fixed;z-index:149;background:var(--color-accent);opacity:0;transition:opacity .12s ease;border:2px solid var(--color-accent);border-radius:10px;pointer-events:none;display:none;box-sizing:border-box}
    .fp-dock-preview.fp-on{opacity:.16}
    @media (prefers-reduced-motion){.floating-pane.fp-snap{transition:none}.fp-dock-preview{transition:none}}
  
    [data-fp-template][hidden]{display:none}

    .d-lbx {
      display:none;
      position:fixed;
      inset:0;
      z-index:300;
      align-items:center;
      justify-content:center;
      background:var(--overlay, rgba(0,0,0,.85));
      backdrop-filter:blur(4px);
      animation:d-lbx-fade 150ms ease;
      outline:none
    }
    .d-lbx[data-open] { display:flex }
    @keyframes d-lbx-fade { from { opacity:0 } to { opacity:1 } }
    
    .d-lbx-stage {
      display:flex;
      align-items:center;
      justify-content:center;
      box-sizing:border-box;
      width:100%;
      height:100%;
      padding:6vh 6vw
    }
    .d-lbx-img {
      max-width:88vw;
      max-height:84vh;
      object-fit:contain;
      border-radius:var(--radius, .5rem);
      box-shadow:var(--shadow-lg, 0 8px 40px rgba(0,0,0,.5))
    }
    
    .d-lbx-broken {
      display:none;
      flex-direction:column;
      align-items:center;
      gap:var(--space-2, .5rem);
      padding:var(--space-6, 1.5rem);
      color:var(--muted-foreground, #bbb);
      border:2px dashed var(--destructive, var(--border));
      border-radius:var(--radius, .5rem);
      background:var(--card, #222)
    }
    .d-lbx-broken-label { font-weight:600 }
    
    .d-lbx-bar {
      position:absolute;
      top:0;
      left:0;
      right:0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:var(--space-4, 1rem);
      pointer-events:none
    }
    .d-lbx-bar > * { pointer-events:auto }
    
    .d-lbx-dl { display:inline-flex; align-items:center; justify-content:center;
      text-decoration:none; color:inherit }
    .d-lbx-counter {
      padding:.25rem .75rem;
      border-radius:9999px;
      background:var(--card, #fff);
      color:var(--foreground, #111);
      border:1px solid var(--border);
      font-size:var(--caption-size, .8125rem);
      font-weight:600
    }
    .d-lbx-btn, .d-lbx-nav {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid var(--border);
      background:var(--card, #fff);
      color:var(--foreground, #111);
      cursor:pointer;
      box-shadow:var(--shadow-md, 0 2px 8px rgba(0,0,0,.3));
      transition:background var(--d-motion, 120ms ease)
    }
    .d-lbx-btn:hover, .d-lbx-nav:hover { background:var(--muted, #eee) }
    .d-lbx-btn {
      padding:var(--space-2, .5rem);
      border-radius:var(--radius, .5rem)
    }
    .d-lbx-nav {
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:2.75rem;
      height:2.75rem;
      border-radius:9999px
    }
    .d-lbx-nav[disabled] { opacity:.35; cursor:default; pointer-events:none }
    .d-lbx-prev { left:var(--space-4, 1rem) }
    .d-lbx-next { right:var(--space-4, 1rem) }
    @media (prefers-reduced-motion) { .d-lbx { animation:none } }
  
    .d-menurow {
      display:grid;
      grid-template-columns:[leading] var(--menu-leading, 1.5rem) [label] minmax(0, 1fr) [trailing] auto;
      align-items:center;
      column-gap:var(--space-2);
      width:100%;
      
      text-align:start;
    }
    .d-menurow > :not(.d-menurow-lead):not(.d-menurow-trail) {
      min-width:0;
      white-space:normal;
      overflow-wrap:anywhere;
    }
    .d-menurow-lead {
      display:inline-flex;
      align-items:center;
      justify-content:flex-start;
    }
    
    .d-menurow-trail {
      display:inline-flex;
      align-items:center;
      justify-content:flex-end;
      white-space:nowrap;
    }
  
    .d-cs-swap-light { display: contents }
    .d-cs-swap-dark { display: none }
    html[data-cs="dark"] .d-cs-swap-light { display: none }
    html[data-cs="dark"] .d-cs-swap-dark { display: contents }
  
    .dncp-scrim {
      position:fixed; inset:0; z-index:1200;
      display:flex; align-items:center; justify-content:center;
      box-sizing:border-box; padding:1rem;
      background:var(--overlay, rgba(0,0,0,.5)); backdrop-filter:blur(3px);
      animation:dncp-fade-in 150ms ease
    }
    .dncp-scrim[hidden] { display:none }
    @keyframes dncp-fade-in { from{opacity:0} to{opacity:1} }
    @media (prefers-reduced-motion: reduce) { .dncp-scrim { animation:none } }
  
    .dpcp-scrim {
      position:fixed; inset:0; z-index:1200;
      display:flex; align-items:center; justify-content:center;
      box-sizing:border-box; padding:1rem;
      background:var(--overlay, rgba(0,0,0,.5)); backdrop-filter:blur(3px);
      animation:dpcp-fade-in 150ms ease
    }
    
    .dpcp-scrim .datum-dlg-x { display:none }
    .dpcp-scrim[hidden] { display:none }
    @keyframes dpcp-fade-in { from{opacity:0} to{opacity:1} }
    @media (prefers-reduced-motion: reduce) { .dpcp-scrim { animation:none } }
  
    .drop-zone { position:relative }
    .drop-zone-overlay {
      display:none;
      position:absolute;
      inset:0;
      z-index:50;
      align-items:center;
      justify-content:center;
      border:2px dashed var(--primary);
      border-radius:var(--radius);
      background:color-mix(in oklch,var(--primary) 8%,var(--background));
      pointer-events:none
    }
    .drop-zone.drop-zone-active .drop-zone-overlay { display:flex }
    .drop-zone-overlay-inner {
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:var(--space-2);
      color:var(--primary);
      font-weight:600
    }
    .dz-manifest { display:flex; flex-wrap:wrap; gap:6px }
    .dz-manifest:not(:empty) { margin-top:8px }
    .dz-chip {
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:2px 10px;
      border:1px solid var(--border);
      border-radius:999px;
      font-size:12px;
      max-width:100%;
      overflow:hidden
    }
    .dz-chip-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
    .dz-chip-x {
      border:none;
      background:none;
      cursor:pointer;
      color:inherit;
      padding:0;
      font-size:14px;
      line-height:1
    }
  
    .ip-card {
      display:flex; flex-direction:column; gap:var(--space-4);
      border-radius:var(--ip-radius); background:var(--ip-bg);
      box-shadow:var(--ip-shadow,none); border:var(--ip-border,none);
      padding:var(--ip-pad); width:90vw; max-width:420px;
      color:var(--foreground);
    }
    .ip-head { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3) }
    .ip-title { margin:0; font-size:var(--font-size-title-medium,1.125rem); font-weight:var(--heading-weight,650) }
    .ip-close {
      display:inline-flex; align-items:center; justify-content:center;
      width:28px; height:28px; border:0; background:none; color:var(--muted-foreground);
      border-radius:var(--radius); cursor:pointer; font-size:20px; line-height:1;
    }
    .ip-close:hover { background:color-mix(in oklch,var(--foreground) 8%,transparent); color:var(--foreground) }
    .ip-close:focus-visible { outline:2px solid var(--ring); outline-offset:2px }
    .ip-drop {
      display:flex; flex-direction:column; align-items:center; gap:var(--space-3);
      padding:var(--space-5); border:2px dashed var(--border); border-radius:var(--radius);
      background:var(--muted); transition:border-color var(--motion-duration-feedback) ease,background-color var(--motion-duration-feedback) ease;
    }
    .ip-drop.ip-drop-active { border-color:var(--primary); background:color-mix(in oklch,var(--primary) 8%,var(--background)) }
    .ip-preview {
      width:96px; height:96px; object-fit:cover; background:var(--background);
      border-radius:var(--ip-preview-radius,9999px); border:1px solid var(--border);
    }
    .ip-preview[hidden] { display:none }
    .ip-hint { font-size:var(--small-font-size); color:var(--muted-foreground); text-align:center }
    .ip-progress { width:100%; height:6px; border-radius:999px; background:var(--muted); overflow:hidden }
    .ip-progress[hidden] { display:none }
    .ip-bar { height:100%; width:0%; border-radius:999px; background:var(--primary); transition:width 120ms ease }
    .ip-actions { display:flex; justify-content:flex-end; gap:var(--space-2) }
    .ip-browse {
      display:inline-flex; align-items:center; gap:var(--space-2);
      padding:var(--space-2) var(--space-4);
      border:1px solid var(--border); border-radius:var(--radius);
      background:var(--primary); color:var(--primary-foreground,#fff); cursor:pointer;
      font-size:var(--small-font-size); font-weight:600;
    }
    .ip-browse:hover { filter:brightness(1.05) }
    .ip-browse:focus-visible { outline:2px solid var(--ring); outline-offset:2px }
    .ip-native { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0 }
  
    .up-field { display:flex; flex-direction:column; gap:var(--space-2); width:100% }
    .up-row { display:flex; align-items:center; gap:var(--space-3) }
    .up-preview {
      width:64px; height:64px; object-fit:cover; flex:0 0 auto;
      border-radius:var(--radius); border:1px solid var(--border); background:var(--muted)
    }
    .up-preview[hidden] { display:none }
    .up-pick {
      display:inline-flex; align-items:center; gap:var(--space-2);
      padding:var(--space-2) var(--space-3);
      border:1px solid var(--border); border-radius:var(--radius);
      background:var(--background); color:var(--foreground); cursor:pointer;
      font-size:var(--small-font-size);
      transition:background-color var(--motion-duration-feedback) ease,border-color var(--motion-duration-feedback) ease
    }
    .up-pick:hover { border-color:var(--primary); background:color-mix(in oklch,var(--accent) 10%,transparent) }
    .up-pick:focus-visible { outline:none; border-color:var(--state-focus-ring-color,var(--ring)); box-shadow:var(--state-focus-ring) }
    .up-native { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0 }
    .up-name { font-size:var(--small-font-size); color:var(--muted-foreground); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
    .up-progress { width:100%; height:6px; border-radius:999px; background:var(--muted); overflow:hidden }
    .up-progress[hidden] { display:none }
    .up-bar { height:100%; width:0%; border-radius:999px; background:var(--primary); transition:width 120ms ease }
  
    .transfer-overlay { position:fixed; inset:0; z-index:2000; pointer-events:none }
    .transfer-drop { display:none; position:absolute; inset:var(--space-4); align-items:center; justify-content:center; text-align:center }
    .transfer-overlay[data-dragging] .transfer-drop { display:flex }
    .transfer-tray { display:none; pointer-events:auto; box-sizing:border-box }
    .transfer-row { border-top:1px solid var(--color-border-default); padding-block:var(--space-3) }
    .transfer-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
    .transfer-detail { font-variant-numeric:tabular-nums; overflow-wrap:anywhere }
    .transfer-row[data-state=Error] .transfer-detail { color:var(--color-danger) }
  :where(html,body){margin:0}.ui{box-sizing:border-box;margin:0;min-width:0;border:0 solid transparent}:where(button.ui,a.ui){background:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;padding:0}:where(ul.ui){list-style:none;padding:0;overflow:clip}.fl-column{display:flex;flex-direction:column}.fl-row{display:flex;flex-direction:row}.fl-wrap{display:flex;flex-flow:row wrap}.fl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--track,var(--x-card))),1fr))}.fl-stack{display:grid}.fl-switcher{display:flex;flex-wrap:wrap}.fl-switcher>*{flex-grow:1;flex-basis:calc((var(--track,var(--x-card)) - 100%) * 999)}.fl-sidebar{display:flex;flex-wrap:wrap}.fl-sidebar>:first-child{flex-basis:0;flex-grow:999;min-inline-size:50%}.fl-sidebar>:last-child{flex-grow:1;flex-basis:var(--x-nav)}.ui[hidden]{display:none!important}.z-records{container-type:inline-size}.z-records>[role=table]{display:grid;grid-template-columns:auto repeat(var(--cols,1),minmax(0,auto)) auto}.z-records [role=row]{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center}.z-records [role=row]>*{min-width:0;padding-inline:var(--s-s2)}.z-records [role=row]>:empty{padding:0}.z-records [data-rec-label]{display:none}@container (max-width:639.98px){.z-records>[role=table]{display:flex;flex-direction:column}.z-records [role=row]:has(>[role=columnheader]){display:none}.z-records [role=row]{grid-template-columns:auto minmax(0,1fr) auto;row-gap:var(--s-s1)}.z-records [role=row]>*{grid-column:2/4;padding-inline:0}.z-records [role=row]>:first-child{grid-column:1;grid-row:1;padding-inline-end:var(--s-s2)}.z-records [role=row]>:last-child{grid-column:3;grid-row:1}.z-records [data-rec-title]{grid-column:2;grid-row:1}.z-records [role=cell]:not([data-rec-title]){justify-content:space-between}.z-records [role=cell]:not([data-rec-title])>[data-rec-label]{display:block;flex:none}}.z-split{container-type:inline-size}.z-split>.ui{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}@container (max-width:839.98px){.z-split>.ui:has(>:nth-child(2))>:first-child{display:none}}@container (min-width:840px){.z-split>.ui{grid-template-columns:var(--x-nav) minmax(0,1fr)}}.fl-stack>*{grid-area:1/1}.pl-start{align-items:flex-start}.pl-center{align-items:center}.pl-end{align-items:flex-end}.pl-stretch{align-items:stretch}.pl-baseline{align-items:baseline}.sp-start{justify-content:flex-start}.sp-center{justify-content:center}.sp-end{justify-content:flex-end}.sp-between{justify-content:space-between}.w-fill{width:100%}.w-hug{width:fit-content;max-width:100%;flex-shrink:0}.h-fill{height:100%}.grow{flex:1 1 0}.z-data{width:100%}.z-reading{width:100%;max-width:var(--x-measure);margin-inline:auto}.z-form{width:100%;max-width:calc(var(--x-measure) * .75)}.z-viewport{min-height:100dvh}.z-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}summary.ui{list-style:none;cursor:pointer}summary.ui::-webkit-details-marker{display:none}.z-turn{flex-shrink:0;transition:transform .2s}details[open]>summary .z-turn{transform:rotate(180deg)}select.ui-in{white-space:nowrap;text-overflow:ellipsis;min-width:0}.ui:has(>.z-bleed){overflow:hidden}.z-bleed{margin-inline:calc(-1 * var(--pad-l,0px)) calc(-1 * var(--pad-r,0px))}.z-bleed:first-child{margin-top:calc(-1 * var(--pad-t,0px))}.z-bleed:last-child{margin-bottom:calc(-1 * var(--pad-b,0px))}.fl-stack>.z-bleed{margin:calc(-1 * var(--pad-t,0px)) calc(-1 * var(--pad-r,0px)) calc(-1 * var(--pad-b,0px)) calc(-1 * var(--pad-l,0px))}.z-dock{display:none}@media (max-width:599.98px){.z-dock{display:flex;position:sticky;bottom:0;z-index:3;padding-block:var(--s-s2);pointer-events:none}.z-dock :is(a,button){pointer-events:auto}main:has(.z-dock) .z-docked{display:none}}.z-centered{align-items:center;justify-content:center;text-align:center}.fit-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fit-wrap,.fit-balance{white-space:pre-line;overflow-wrap:break-word;word-break:normal;hyphens:manual}.fit-balance{text-wrap:balance}:where(.ui-in){appearance:none;-webkit-appearance:none;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;color:inherit;font:inherit;margin:0;padding:0;width:100%;min-width:0;text-overflow:ellipsis}textarea.ui-in{resize:vertical;field-sizing:content}.ui-in::placeholder{color:var(--i-muted);opacity:1}.ui-in:not(.ui-frame *):focus-visible{outline:2px solid var(--l-focus);outline-offset:2px}select.ui-in{cursor:pointer;padding-inline-end:calc(var(--x-icon) + var(--s-s2));margin-inline-end:calc(-1 * (var(--x-icon) + var(--s-s2)))}.ui-pick{display:flex;align-items:center;min-width:0}.ui-pick>select.ui-in{flex:1 1 auto}select.ui-in+.ui{pointer-events:none;position:relative}select.ui-in,select.ui-in::picker(select){appearance:base-select}select.ui-in::picker-icon{display:none}select.ui-in::picker(select){margin-block:var(--s-s1);padding:var(--s-s1);max-height:min(20rem,60dvh);background:var(--f-overlay);color:var(--i-text);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid)}select.ui-in option{padding:var(--s-s2) var(--s-s3);border-radius:var(--r-md);min-height:var(--target-min-size,0px)}select.ui-in option:is(:hover,:focus-visible){background:var(--f-sunken);outline:0}select.ui-in option:checked{background:var(--f-accentSubtle);font-weight:var(--t-strong-weight)}.ui-frame:focus-within{outline:2px solid var(--l-focus);outline-offset:1px}.ui-frame:has(.ui-in:disabled){opacity:.6;cursor:not-allowed}.ui-spin{animation:ui-spin 1s linear infinite}@keyframes ui-spin{to{transform:rotate(1turn)}}.hit[aria-busy=true]{cursor:progress;opacity:1}.hit[aria-busy=true]::after{content:"";box-sizing:border-box;flex:0 0 1em;width:1em;height:1em;border-radius:50%;border:2px solid color-mix(in oklch,currentColor 30%,transparent);border-top-color:currentColor;animation:ui-spin .6s linear infinite;pointer-events:none}@media (prefers-reduced-motion:reduce){.ui-spin,.hit[aria-busy=true]::after{animation:none}}.hit{cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s,opacity .15s}.hit:not(.ui-in){position:relative}.hit:not(.ui-in)::before{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--target-min-size,24px));height:max(100%,var(--target-min-size,24px));translate:-50% -50%}@media (pointer:coarse){.hit:not(.ui-in)::before{width:max(100%,44px);height:max(100%,44px)}}.hit:hover{background-image:linear-gradient(color-mix(in oklch,currentColor 5%,transparent),color-mix(in oklch,currentColor 5%,transparent))}.ui-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hit:focus-visible{outline:2px solid var(--l-focus);outline-offset:2px}.ui svg:not([width]){display:block;width:100%;height:100%}.ui-in:is([type=checkbox],[type=radio]):not([role=switch]){appearance:auto;-webkit-appearance:auto;width:var(--x-check);height:var(--x-check);flex:none;background:none;cursor:pointer}.ui-in[type=range]{appearance:auto;-webkit-appearance:auto;accent-color:var(--i-accent);height:var(--x-control);cursor:pointer}:where(.ui-in[role=switch]){appearance:none;-webkit-appearance:none;position:relative;width:var(--x-switchW);height:var(--x-switchH);flex:none;cursor:pointer;border-radius:var(--r-full);background:var(--l-input);transition:background .15s}.ui-in[role=switch]::before{content:"";position:absolute;top:calc((var(--x-switchH) - var(--x-knobH)) / 2);left:calc((var(--x-switchH) - var(--x-knobH)) / 2);width:var(--x-knobW);height:var(--x-knobH);border-radius:var(--knob-corner,var(--r-full));background:var(--f-raised);box-shadow:var(--lf-low);transition:translate .15s,width .15s,height .15s,top .15s}.ui-in[role=switch]:checked{background:var(--ui-bg)}.ui-in[role=switch]:checked::before{width:var(--x-knobOnW);height:var(--x-knobOnH);top:calc((var(--x-switchH) - var(--x-knobOnH)) / 2);translate:calc(var(--x-switchW) - var(--x-knobOnW) - var(--x-switchH) + var(--x-knobOnH)) 0}.ui-in:is([type=checkbox],[type=radio]):focus-visible{outline:2px solid var(--l-focus);outline-offset:2px}.ui-in:is([type=checkbox],[type=radio]):disabled,.ui-in[aria-readonly=true]{opacity:.6;cursor:not-allowed}.hit[aria-pressed]{text-align:center}.hit:disabled:not([aria-busy=true]){opacity:.6;cursor:not-allowed}.pk{position:relative}label.ui:has(>.ui-in:is([type=checkbox],[type=radio])){cursor:pointer;min-height:var(--x-checkRow)}.pk>.ui-in{position:absolute;opacity:0;pointer-events:none}.pk:has(>.ui-in:checked){background:var(--f-accentSubtle);border-color:var(--l-accent)}.pk:has(>.ui-in:focus-visible){outline:2px solid var(--l-focus);outline-offset:2px}.g-s1{gap:var(--s-s1)}.pt-s1{padding-top:var(--s-s1);--pad-t:var(--s-s1)}.pr-s1{padding-right:var(--s-s1);--pad-r:var(--s-s1)}.pb-s1{padding-bottom:var(--s-s1);--pad-b:var(--s-s1)}.pl-s1{padding-left:var(--s-s1);--pad-l:var(--s-s1)}.g-s2{gap:var(--s-s2)}.pt-s2{padding-top:var(--s-s2);--pad-t:var(--s-s2)}.pr-s2{padding-right:var(--s-s2);--pad-r:var(--s-s2)}.pb-s2{padding-bottom:var(--s-s2);--pad-b:var(--s-s2)}.pl-s2{padding-left:var(--s-s2);--pad-l:var(--s-s2)}.g-s3{gap:var(--s-s3)}.pt-s3{padding-top:var(--s-s3);--pad-t:var(--s-s3)}.pr-s3{padding-right:var(--s-s3);--pad-r:var(--s-s3)}.pb-s3{padding-bottom:var(--s-s3);--pad-b:var(--s-s3)}.pl-s3{padding-left:var(--s-s3);--pad-l:var(--s-s3)}.g-s4{gap:var(--s-s4)}.pt-s4{padding-top:var(--s-s4);--pad-t:var(--s-s4)}.pr-s4{padding-right:var(--s-s4);--pad-r:var(--s-s4)}.pb-s4{padding-bottom:var(--s-s4);--pad-b:var(--s-s4)}.pl-s4{padding-left:var(--s-s4);--pad-l:var(--s-s4)}.g-s5{gap:var(--s-s5)}.pt-s5{padding-top:var(--s-s5);--pad-t:var(--s-s5)}.pr-s5{padding-right:var(--s-s5);--pad-r:var(--s-s5)}.pb-s5{padding-bottom:var(--s-s5);--pad-b:var(--s-s5)}.pl-s5{padding-left:var(--s-s5);--pad-l:var(--s-s5)}.g-s6{gap:var(--s-s6)}.pt-s6{padding-top:var(--s-s6);--pad-t:var(--s-s6)}.pr-s6{padding-right:var(--s-s6);--pad-r:var(--s-s6)}.pb-s6{padding-bottom:var(--s-s6);--pad-b:var(--s-s6)}.pl-s6{padding-left:var(--s-s6);--pad-l:var(--s-s6)}.g-s8{gap:var(--s-s8)}.pt-s8{padding-top:var(--s-s8);--pad-t:var(--s-s8)}.pr-s8{padding-right:var(--s-s8);--pad-r:var(--s-s8)}.pb-s8{padding-bottom:var(--s-s8);--pad-b:var(--s-s8)}.pl-s8{padding-left:var(--s-s8);--pad-l:var(--s-s8)}.g-s10{gap:var(--s-s10)}.pt-s10{padding-top:var(--s-s10);--pad-t:var(--s-s10)}.pr-s10{padding-right:var(--s-s10);--pad-r:var(--s-s10)}.pb-s10{padding-bottom:var(--s-s10);--pad-b:var(--s-s10)}.pl-s10{padding-left:var(--s-s10);--pad-l:var(--s-s10)}.g-s12{gap:var(--s-s12)}.pt-s12{padding-top:var(--s-s12);--pad-t:var(--s-s12)}.pr-s12{padding-right:var(--s-s12);--pad-r:var(--s-s12)}.pb-s12{padding-bottom:var(--s-s12);--pad-b:var(--s-s12)}.pl-s12{padding-left:var(--s-s12);--pad-l:var(--s-s12)}.g-s16{gap:var(--s-s16)}.pt-s16{padding-top:var(--s-s16);--pad-t:var(--s-s16)}.pr-s16{padding-right:var(--s-s16);--pad-r:var(--s-s16)}.pb-s16{padding-bottom:var(--s-s16);--pad-b:var(--s-s16)}.pl-s16{padding-left:var(--s-s16);--pad-l:var(--s-s16)}.tr-dot{--track:var(--x-dot)}.c-dot{max-width:var(--x-dot)}.w-dot{width:var(--x-dot);flex:none}.grow.w-dot{flex:1 1 var(--x-dot)}.h-dot{min-height:var(--x-dot)}.tr-meter{--track:var(--x-meter)}.c-meter{max-width:var(--x-meter)}.w-meter{width:var(--x-meter);flex:none}.grow.w-meter{flex:1 1 var(--x-meter)}.h-meter{min-height:var(--x-meter)}.tr-iconSm{--track:var(--x-iconSm)}.c-iconSm{max-width:var(--x-iconSm)}.w-iconSm{width:var(--x-iconSm);flex:none}.grow.w-iconSm{flex:1 1 var(--x-iconSm)}.h-iconSm{height:var(--x-iconSm)}.tr-icon{--track:var(--x-icon)}.c-icon{max-width:var(--x-icon)}.w-icon{width:var(--x-icon);flex:none}.grow.w-icon{flex:1 1 var(--x-icon)}.h-icon{height:var(--x-icon)}.tr-iconLg{--track:var(--x-iconLg)}.c-iconLg{max-width:var(--x-iconLg)}.w-iconLg{width:var(--x-iconLg);flex:none}.grow.w-iconLg{flex:1 1 var(--x-iconLg)}.h-iconLg{height:var(--x-iconLg)}.tr-iconXl{--track:var(--x-iconXl)}.c-iconXl{max-width:var(--x-iconXl)}.w-iconXl{width:var(--x-iconXl);flex:none}.grow.w-iconXl{flex:1 1 var(--x-iconXl)}.h-iconXl{height:var(--x-iconXl)}.tr-controlSm{--track:var(--x-controlSm)}.c-controlSm{max-width:var(--x-controlSm)}.w-controlSm{width:var(--x-controlSm);flex:none}.grow.w-controlSm{flex:1 1 var(--x-controlSm)}.h-controlSm{min-height:var(--x-controlSm)}.tr-control{--track:var(--x-control)}.c-control{max-width:var(--x-control)}.w-control{width:var(--x-control);flex:none}.grow.w-control{flex:1 1 var(--x-control)}.h-control{min-height:var(--x-control)}.tr-mark{--track:var(--x-mark)}.c-mark{max-width:var(--x-mark)}.w-mark{width:var(--x-mark);flex:none}.grow.w-mark{flex:1 1 var(--x-mark)}.h-mark{height:var(--x-mark)}.tr-row{--track:var(--x-row)}.c-row{max-width:var(--x-row)}.w-row{width:var(--x-row);flex:none}.grow.w-row{flex:1 1 var(--x-row)}.h-row{min-height:var(--x-row)}.tr-avatar{--track:var(--x-avatar)}.c-avatar{max-width:var(--x-avatar)}.w-avatar{width:var(--x-avatar);flex:none}.grow.w-avatar{flex:1 1 var(--x-avatar)}.h-avatar{height:var(--x-avatar)}.tr-thumb{--track:var(--x-thumb)}.c-thumb{max-width:var(--x-thumb)}.w-thumb{width:var(--x-thumb);flex:none}.grow.w-thumb{flex:1 1 var(--x-thumb)}.h-thumb{min-height:var(--x-thumb)}.tr-chart{--track:var(--x-chart)}.c-chart{max-width:var(--x-chart)}.w-chart{width:var(--x-chart);flex:none}.grow.w-chart{flex:1 1 var(--x-chart)}.h-chart{min-height:var(--x-chart)}.tr-media{--track:var(--x-media)}.c-media{max-width:var(--x-media)}.w-media{width:var(--x-media);flex:none}.grow.w-media{flex:1 1 var(--x-media)}.h-media{min-height:var(--x-media)}.tr-stamp{--track:var(--x-stamp)}.c-stamp{max-width:var(--x-stamp)}.w-stamp{width:var(--x-stamp);flex:none}.grow.w-stamp{flex:1 1 var(--x-stamp)}.h-stamp{min-height:var(--x-stamp)}.tr-rail{--track:var(--x-rail)}.c-rail{max-width:var(--x-rail)}.w-rail{width:var(--x-rail);flex:none}.grow.w-rail{flex:1 1 var(--x-rail)}.h-rail{min-height:var(--x-rail)}.tr-nav{--track:var(--x-nav)}.c-nav{max-width:var(--x-nav)}.w-nav{width:var(--x-nav);flex:none}.grow.w-nav{flex:1 1 var(--x-nav)}.h-nav{min-height:var(--x-nav)}.tr-menuMin{--track:var(--x-menuMin)}.c-menuMin{max-width:var(--x-menuMin)}.w-menuMin{width:var(--x-menuMin);flex:none}.grow.w-menuMin{flex:1 1 var(--x-menuMin)}.h-menuMin{min-height:var(--x-menuMin)}.tr-menu{--track:var(--x-menu)}.c-menu{max-width:var(--x-menu)}.w-menu{width:var(--x-menu);flex:none}.grow.w-menu{flex:1 1 var(--x-menu)}.h-menu{min-height:var(--x-menu)}.tr-menuRow{--track:var(--x-menuRow)}.c-menuRow{max-width:var(--x-menuRow)}.w-menuRow{width:var(--x-menuRow);flex:none}.grow.w-menuRow{flex:1 1 var(--x-menuRow)}.h-menuRow{min-height:var(--x-menuRow)}.tr-bar{--track:var(--x-bar)}.c-bar{max-width:var(--x-bar)}.w-bar{width:var(--x-bar);flex:none}.grow.w-bar{flex:1 1 var(--x-bar)}.h-bar{min-height:var(--x-bar)}.tr-check{--track:var(--x-check)}.c-check{max-width:var(--x-check)}.w-check{width:var(--x-check);flex:none}.grow.w-check{flex:1 1 var(--x-check)}.h-check{min-height:var(--x-check)}.tr-art{--track:var(--x-art)}.c-art{max-width:var(--x-art)}.w-art{width:var(--x-art);flex:none}.grow.w-art{flex:1 1 var(--x-art)}.h-art{height:var(--x-art)}.tr-checkRow{--track:var(--x-checkRow)}.c-checkRow{max-width:var(--x-checkRow)}.w-checkRow{width:var(--x-checkRow);flex:none}.grow.w-checkRow{flex:1 1 var(--x-checkRow)}.h-checkRow{min-height:var(--x-checkRow)}.tr-measure{--track:var(--x-measure)}.c-measure{max-width:var(--x-measure)}.w-measure{width:var(--x-measure);flex:none}.grow.w-measure{flex:1 1 var(--x-measure)}.h-measure{min-height:var(--x-measure)}.tr-description{--track:var(--x-description)}.c-description{max-width:var(--x-description)}.w-description{width:var(--x-description);flex:none}.grow.w-description{flex:1 1 var(--x-description)}.h-description{min-height:var(--x-description)}.tr-card{--track:var(--x-card)}.c-card{max-width:var(--x-card)}.w-card{width:var(--x-card);flex:none}.grow.w-card{flex:1 1 var(--x-card)}.h-card{min-height:var(--x-card)}.tr-dialog{--track:var(--x-dialog)}.c-dialog{max-width:var(--x-dialog)}.w-dialog{width:var(--x-dialog);flex:none}.grow.w-dialog{flex:1 1 var(--x-dialog)}.h-dialog{min-height:var(--x-dialog)}.tr-switchW{--track:var(--x-switchW)}.c-switchW{max-width:var(--x-switchW)}.w-switchW{width:var(--x-switchW);flex:none}.grow.w-switchW{flex:1 1 var(--x-switchW)}.h-switchW{min-height:var(--x-switchW)}.tr-switchH{--track:var(--x-switchH)}.c-switchH{max-width:var(--x-switchH)}.w-switchH{width:var(--x-switchH);flex:none}.grow.w-switchH{flex:1 1 var(--x-switchH)}.h-switchH{min-height:var(--x-switchH)}.tr-knobW{--track:var(--x-knobW)}.c-knobW{max-width:var(--x-knobW)}.w-knobW{width:var(--x-knobW);flex:none}.grow.w-knobW{flex:1 1 var(--x-knobW)}.h-knobW{min-height:var(--x-knobW)}.tr-knobH{--track:var(--x-knobH)}.c-knobH{max-width:var(--x-knobH)}.w-knobH{width:var(--x-knobH);flex:none}.grow.w-knobH{flex:1 1 var(--x-knobH)}.h-knobH{min-height:var(--x-knobH)}.tr-knobOnW{--track:var(--x-knobOnW)}.c-knobOnW{max-width:var(--x-knobOnW)}.w-knobOnW{width:var(--x-knobOnW);flex:none}.grow.w-knobOnW{flex:1 1 var(--x-knobOnW)}.h-knobOnW{min-height:var(--x-knobOnW)}.tr-knobOnH{--track:var(--x-knobOnH)}.c-knobOnH{max-width:var(--x-knobOnH)}.w-knobOnH{width:var(--x-knobOnH);flex:none}.grow.w-knobOnH{flex:1 1 var(--x-knobOnH)}.h-knobOnH{min-height:var(--x-knobOnH)}.t-caption{font-family:var(--t-caption-face);font-size:var(--t-caption-size);font-weight:var(--t-caption-weight);line-height:var(--t-caption-leading);letter-spacing:var(--t-caption-tracking);text-transform:var(--t-caption-case);rotate:var(--t-caption-turn)}.t-overline{font-family:var(--t-overline-face);font-size:var(--t-overline-size);font-weight:var(--t-overline-weight);line-height:var(--t-overline-leading);letter-spacing:var(--t-overline-tracking);text-transform:var(--t-overline-case);rotate:var(--t-overline-turn)}.t-label{font-family:var(--t-label-face);font-size:var(--t-label-size);font-weight:var(--t-label-weight);line-height:var(--t-label-leading);letter-spacing:var(--t-label-tracking);text-transform:var(--t-label-case);rotate:var(--t-label-turn)}.t-action{font-family:var(--t-action-face);font-size:var(--t-action-size);font-weight:var(--t-action-weight);line-height:var(--t-action-leading);letter-spacing:var(--t-action-tracking);text-transform:var(--t-action-case);rotate:var(--t-action-turn)}.t-body{font-family:var(--t-body-face);font-size:var(--t-body-size);font-weight:var(--t-body-weight);line-height:var(--t-body-leading);letter-spacing:var(--t-body-tracking);text-transform:var(--t-body-case);rotate:var(--t-body-turn)}.t-lead{font-family:var(--t-lead-face);font-size:var(--t-lead-size);font-weight:var(--t-lead-weight);line-height:var(--t-lead-leading);letter-spacing:var(--t-lead-tracking);text-transform:var(--t-lead-case);rotate:var(--t-lead-turn)}.t-strong{font-family:var(--t-strong-face);font-size:var(--t-strong-size);font-weight:var(--t-strong-weight);line-height:var(--t-strong-leading);letter-spacing:var(--t-strong-tracking);text-transform:var(--t-strong-case);rotate:var(--t-strong-turn)}.t-dialog{font-family:var(--t-dialog-face);font-size:var(--t-dialog-size);font-weight:var(--t-dialog-weight);line-height:var(--t-dialog-leading);letter-spacing:var(--t-dialog-tracking);text-transform:var(--t-dialog-case);rotate:var(--t-dialog-turn)}.t-message{font-family:var(--t-message-face);font-size:var(--t-message-size);font-weight:var(--t-message-weight);line-height:var(--t-message-leading);letter-spacing:var(--t-message-tracking);text-transform:var(--t-message-case);rotate:var(--t-message-turn)}.t-bar{font-family:var(--t-bar-face);font-size:var(--t-bar-size);font-weight:var(--t-bar-weight);line-height:var(--t-bar-leading);letter-spacing:var(--t-bar-tracking);text-transform:var(--t-bar-case);rotate:var(--t-bar-turn)}.t-title{font-family:var(--t-title-face);font-size:var(--t-title-size);font-weight:var(--t-title-weight);line-height:var(--t-title-leading);letter-spacing:var(--t-title-tracking);text-transform:var(--t-title-case);rotate:var(--t-title-turn)}.t-metric{font-family:var(--t-metric-face);font-size:var(--t-metric-size);font-weight:var(--t-metric-weight);line-height:var(--t-metric-leading);letter-spacing:var(--t-metric-tracking);text-transform:var(--t-metric-case);rotate:var(--t-metric-turn)}.t-heading{font-family:var(--t-heading-face);font-size:var(--t-heading-size);font-weight:var(--t-heading-weight);line-height:var(--t-heading-leading);letter-spacing:var(--t-heading-tracking);text-transform:var(--t-heading-case);rotate:var(--t-heading-turn)}.t-figure{font-family:var(--t-figure-face);font-size:var(--t-figure-size);font-weight:var(--t-figure-weight);line-height:var(--t-figure-leading);letter-spacing:var(--t-figure-tracking);text-transform:var(--t-figure-case);rotate:var(--t-figure-turn)}.t-display{font-family:var(--t-display-face);font-size:var(--t-display-size);font-weight:var(--t-display-weight);line-height:var(--t-display-leading);letter-spacing:var(--t-display-tracking);text-transform:var(--t-display-case);rotate:var(--t-display-turn)}.t-script{font-family:var(--t-script-face);font-size:var(--t-script-size);font-weight:var(--t-script-weight);line-height:var(--t-script-leading);letter-spacing:var(--t-script-tracking);text-transform:var(--t-script-case);rotate:var(--t-script-turn)}.t-mono{font-family:var(--t-mono-face);font-size:var(--t-mono-size);font-weight:var(--t-mono-weight);line-height:var(--t-mono-leading);letter-spacing:var(--t-mono-tracking);text-transform:var(--t-mono-case);rotate:var(--t-mono-turn)}.v-inherit{color:var(--ink)}.v-quiet{color:var(--ink-quiet)}.v-faint{color:var(--ink-faint)}.v-toned{color:var(--ink-toned)}.v-link{color:var(--i-link)}.tn-accent.v-toned{color:var(--i-accent)}.tn-positive.v-toned{color:var(--i-success)}.tn-warning.v-toned{color:var(--i-warning)}.tn-critical.v-toned{color:var(--i-danger)}.tn-inverse.v-toned{color:var(--i-inverse)}h2.fit-wrap{text-wrap:balance}.ui-img{display:block;object-fit:cover;max-width:100%}.ui-deco{pointer-events:none;user-select:none}.fl-stack>.a-topStart{justify-self:start;align-self:start}.fl-stack>.a-topEnd{justify-self:end;align-self:start}.fl-stack>.a-bottomStart{justify-self:start;align-self:end}.fl-stack>.a-bottomEnd{justify-self:end;align-self:end}.fl-stack>.a-center{place-self:center}.ui-icon svg{fill:var(--icon-fill,none)}.amt{width:calc(var(--amt) * 100%);flex:none}.ui-plot{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s-s3)}.ui-plot-y{display:flex;flex-direction:column;justify-content:space-between;height:calc(var(--x-chart) + 1.35em);margin-block:-.675em}.ui-plot-area{position:relative;height:var(--x-chart)}.ui-plot-area svg{display:block;width:100%;height:100%;overflow:visible}.ui-plot-grid{stroke:var(--l-subtle);stroke-width:1;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.ui-plot-fill{fill:color-mix(in oklch,var(--i-accent) 12%,transparent)}.ui-plot-line{fill:none;stroke:var(--i-accent);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ui-plot-dots{fill:none;stroke:var(--i-accent);stroke-width:7;stroke-linecap:round;vector-effect:non-scaling-stroke}.ui-plot-end{fill:none;stroke:var(--i-accent);stroke-width:12;stroke-linecap:round;vector-effect:non-scaling-stroke}.ui-plot-mark{position:absolute;right:0;top:var(--y);translate:0 calc(-100% - 14px);padding:var(--s-s1) var(--s-s2);pointer-events:none}.ui-plot-x{grid-column:2;display:flex;justify-content:space-between;margin-top:var(--s-s2)}.z-shell{position:relative;isolation:isolate;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-content:start;padding-bottom:calc(var(--x-rail) + env(safe-area-inset-bottom,0px))}.z-shell>.ui-deco{position:absolute;top:0;right:0;z-index:-1}.z-shell>header,.z-shell>main{min-width:0}.z-shell>main{container-type:inline-size}.z-shell>nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-bottom:env(safe-area-inset-bottom,0px) solid transparent}:where(.z-shell>nav){padding:var(--s-s2) var(--s-s1) var(--s-s3)}.z-shell>nav>a{position:relative;justify-content:center;padding-block:var(--s-s1);text-align:center}.z-shell>nav>a[aria-current=page]>span{font-weight:700}.z-shell>nav>a[aria-current=page]::after{content:"";position:absolute;left:18%;right:18%;bottom:calc(-1 * var(--s-s2));height:3px;border-radius:3px;background:currentColor}@media (min-width:600px){.z-shell{grid-template-columns:5.5rem minmax(0,1fr);padding-bottom:0}.z-shell>header,.z-shell>main{grid-column:2;width:100%}.z-shell>nav{position:sticky;top:0;grid-row:1/3;grid-column:1;height:100dvh;display:flex;flex-direction:column;gap:var(--s-s1);padding:var(--s-s5) var(--s-s1);border-bottom:0}.z-shell>nav>a{flex-direction:column;padding:var(--s-s2) var(--s-s1);border-radius:var(--r-md)}.z-shell>nav>a[aria-current=page]{background:var(--f-accentSubtle)}.z-shell>nav>a[aria-current=page]::after{display:none}}@media (min-width:840px){.z-shell{grid-template-columns:var(--x-nav) minmax(0,1fr)}.z-shell>header,.z-shell>main{max-width:calc(var(--x-measure) * 1.5);justify-self:center}.z-shell>nav{padding:var(--s-s6) var(--s-s3)}.z-shell>nav>a{flex-direction:row;justify-content:flex-start;gap:var(--s-s3);padding:var(--s-s2) var(--s-s3);text-align:start}.z-shell>nav>a>span{font-size:var(--t-label-size)}}:root{--lw:1px;--l-ink:color-mix(in srgb,currentColor 55%,transparent);--ff-body:"Inter",ui-sans-serif,system-ui,sans-serif;--ff-display:"Source Serif 4",ui-sans-serif,system-ui,sans-serif;--ff-script:"Caveat",ui-sans-serif,system-ui,sans-serif;--f-canvas:light-dark(oklch(0.982 0.003 84.559), oklch(0.1 0.012 75));--f-surface:light-dark(oklch(0.99 0.005 75), oklch(0.1 0.012 75));--f-raised:light-dark(oklch(0.992 0.001 17.178), oklch(0.14 0.012 75));--f-sunken:light-dark(oklch(0.96 0.005 75), oklch(0.06 0.012 75));--f-muted:light-dark(oklch(0.96 0.019 75), oklch(0.18 0.022 75));--f-overlay:light-dark(oklch(1 0.005 75), oklch(0.17 0.019 75));--f-accent:light-dark(oklch(0.371 0.063 159.711), oklch(0.85 0.063 159.711));--f-accentSubtle:light-dark(oklch(0.984 0.012 145.485), oklch(0.189 0.013 135.197));--f-danger:light-dark(oklch(0.6 0.18 25), oklch(0.688 0.14 25));--f-dangerSubtle:light-dark(oklch(0.977 0.012 37.422), oklch(0.208 0.022 33.454));--f-success:light-dark(oklch(0.55 0.18 145), oklch(0.739 0.14 145));--f-successSubtle:light-dark(oklch(0.975 0.017 140.023), oklch(0.224 0.023 134.41));--f-warning:light-dark(oklch(0.681 0.18 70), oklch(0.8 0.14 70));--f-warningSubtle:light-dark(oklch(0.986 0.013 82.402), oklch(0.182 0.022 62.915));--f-inverse:light-dark(oklch(0.18 0.012 75), oklch(0.92 0.012 75));--f-scrim:oklch(0 0 0 / 0.5);--i-text:light-dark(oklch(0.183 0.013 270.631), oklch(0.98 0.012 75));--i-secondary:light-dark(oklch(0.39 0.046 275.938), oklch(0.793 0.012 75));--i-muted:light-dark(oklch(0.55 0.012 75), oklch(0.707 0.012 75));--i-accent:light-dark(oklch(0.371 0.063 159.711), oklch(0.85 0.063 159.711));--i-link:oklch(0.526 0.199 268.038);--i-onAccent:light-dark(oklch(0.99 0.005 159.711), oklch(0.14 0.005 159.711));--i-onDanger:light-dark(oklch(0.99 0.005 25), oklch(1 0 25));--i-onSuccess:light-dark(oklch(0.99 0.005 145), oklch(0 0 145));--i-onWarning:light-dark(oklch(1 0 70), oklch(0.14 0.005 70));--i-danger:light-dark(oklch(0.574 0.18 25), oklch(0.833 0.14 25));--i-success:light-dark(oklch(0.537 0.18 145), oklch(0.778 0.14 145));--i-warning:light-dark(oklch(0.18 0.07 70), oklch(0.92 0.07 70));--i-rating:oklch(0.816 0.155 81.478);--i-inverse:light-dark(oklch(0.98 0.012 75), oklch(0.18 0.012 75));--l-subtle:light-dark(oklch(0.93 0.012 75), oklch(0.22 0.012 75));--l-strong:light-dark(oklch(0.88 0.012 75), oklch(0.27 0.012 75));--l-input:light-dark(oklch(0.82 0.012 75), oklch(0.32 0.012 75));--l-accent:light-dark(oklch(0.78 0.038 159.711), oklch(0.55 0.038 159.711));--l-danger:light-dark(oklch(0.6 0.18 25), oklch(0.7 0.14 25));--l-focus:light-dark(oklch(0.55 0.063 159.711), oklch(0.7 0.063 159.711));--s-s0:clamp(0rem, calc(0rem + 0 * (100vw - 37.5rem) / 42.5), 0rem);--s-s1:clamp(0.1875rem, calc(0.1875rem + 0.0375 * (100vw - 37.5rem) / 42.5), 0.225rem);--s-s2:clamp(0.375rem, calc(0.375rem + 0.075 * (100vw - 37.5rem) / 42.5), 0.45rem);--s-s3:clamp(0.5625rem, calc(0.5625rem + 0.1125 * (100vw - 37.5rem) / 42.5), 0.675rem);--s-s4:clamp(0.75rem, calc(0.75rem + 0.15 * (100vw - 37.5rem) / 42.5), 0.9rem);--s-s5:clamp(0.9375rem, calc(0.9375rem + 0.1875 * (100vw - 37.5rem) / 42.5), 1.125rem);--s-s6:clamp(1.125rem, calc(1.125rem + 0.225 * (100vw - 37.5rem) / 42.5), 1.35rem);--s-s8:clamp(1.5rem, calc(1.5rem + 0.3 * (100vw - 37.5rem) / 42.5), 1.8rem);--s-s10:clamp(1.875rem, calc(1.875rem + 0.375 * (100vw - 37.5rem) / 42.5), 2.25rem);--s-s12:clamp(2.25rem, calc(2.25rem + 0.45 * (100vw - 37.5rem) / 42.5), 2.7rem);--s-s16:clamp(3rem, calc(3rem + 0.6 * (100vw - 37.5rem) / 42.5), 3.6rem);--r-none:0px;--r-xs:2px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--x-dot:6px;--x-meter:6px;--x-iconSm:9px;--x-icon:13px;--x-iconLg:22px;--x-iconXl:26px;--x-controlSm:22px;--x-control:32px;--x-mark:42px;--x-row:44px;--x-avatar:38px;--x-thumb:56px;--x-chart:62px;--x-media:72px;--x-stamp:175px;--x-rail:78px;--x-nav:260px;--x-menuMin:280px;--x-menu:280px;--x-menuRow:32px;--x-bar:42px;--x-check:13px;--x-art:42px;--x-checkRow:22px;--x-measure:640px;--x-description:250px;--x-card:340px;--x-dialog:340px;--x-switchW:44px;--x-switchH:24px;--x-knobW:18px;--x-knobH:18px;--x-knobOnW:18px;--x-knobOnH:18px;--t-caption-size:clamp(0.575rem, calc(0.575rem + 0.115 * (100vw - 37.5rem) / 42.5), 0.69rem);--t-caption-weight:400;--t-caption-leading:1.35;--t-caption-tracking:0em;--t-caption-face:var(--ff-body);--t-caption-case:none;--t-caption-turn:0deg;--t-overline-size:clamp(0.5375rem, calc(0.5375rem + 0.1075 * (100vw - 37.5rem) / 42.5), 0.645rem);--t-overline-weight:500;--t-overline-leading:1.3;--t-overline-tracking:0.14em;--t-overline-face:var(--ff-body);--t-overline-case:uppercase;--t-overline-turn:0deg;--t-label-size:clamp(0.6rem, calc(0.6rem + 0.12 * (100vw - 37.5rem) / 42.5), 0.72rem);--t-label-weight:500;--t-label-leading:1.35;--t-label-tracking:0em;--t-label-face:var(--ff-body);--t-label-case:none;--t-label-turn:0deg;--t-action-size:clamp(0.6rem, calc(0.6rem + 0.12 * (100vw - 37.5rem) / 42.5), 0.72rem);--t-action-weight:500;--t-action-leading:1.35;--t-action-tracking:0em;--t-action-face:var(--ff-body);--t-action-case:none;--t-action-turn:0deg;--t-body-size:clamp(0.7688rem, calc(0.7688rem + 0.1537 * (100vw - 37.5rem) / 42.5), 0.9225rem);--t-body-weight:400;--t-body-leading:1.4;--t-body-tracking:0em;--t-body-face:var(--ff-body);--t-body-case:none;--t-body-turn:0deg;--t-lead-size:clamp(1.0312rem, calc(1.0312rem + 0.2063 * (100vw - 37.5rem) / 42.5), 1.2375rem);--t-lead-weight:400;--t-lead-leading:1.3;--t-lead-tracking:0em;--t-lead-face:var(--ff-body);--t-lead-case:none;--t-lead-turn:0deg;--t-strong-size:clamp(0.6813rem, calc(0.6813rem + 0.1362 * (100vw - 37.5rem) / 42.5), 0.8175rem);--t-strong-weight:600;--t-strong-leading:1.35;--t-strong-tracking:0em;--t-strong-face:var(--ff-body);--t-strong-case:none;--t-strong-turn:0deg;--t-dialog-size:clamp(0.6813rem, calc(0.6813rem + 0.1362 * (100vw - 37.5rem) / 42.5), 0.8175rem);--t-dialog-weight:600;--t-dialog-leading:1.35;--t-dialog-tracking:0em;--t-dialog-face:var(--ff-body);--t-dialog-case:none;--t-dialog-turn:0deg;--t-message-size:clamp(0.7688rem, calc(0.7688rem + 0.1537 * (100vw - 37.5rem) / 42.5), 0.9225rem);--t-message-weight:400;--t-message-leading:1.4;--t-message-tracking:0em;--t-message-face:var(--ff-body);--t-message-case:none;--t-message-turn:0deg;--t-bar-size:clamp(0.6813rem, calc(0.6813rem + 0.1362 * (100vw - 37.5rem) / 42.5), 0.8175rem);--t-bar-weight:600;--t-bar-leading:1.35;--t-bar-tracking:0em;--t-bar-face:var(--ff-body);--t-bar-case:none;--t-bar-turn:0deg;--t-title-size:clamp(0.775rem, calc(0.775rem + 0.155 * (100vw - 37.5rem) / 42.5), 0.93rem);--t-title-weight:600;--t-title-leading:1.3;--t-title-tracking:0em;--t-title-face:var(--ff-body);--t-title-case:none;--t-title-turn:0deg;--t-metric-size:clamp(1.0188rem, calc(1.0188rem + 0.2037 * (100vw - 37.5rem) / 42.5), 1.2225rem);--t-metric-weight:700;--t-metric-leading:1.15;--t-metric-tracking:-0.01em;--t-metric-face:var(--ff-body);--t-metric-case:none;--t-metric-turn:0deg;--t-heading-size:clamp(0.8438rem, calc(0.8438rem + 0.1687 * (100vw - 37.5rem) / 42.5), 1.0125rem);--t-heading-weight:650;--t-heading-leading:1.2;--t-heading-tracking:-0.01em;--t-heading-face:var(--ff-display);--t-heading-case:none;--t-heading-turn:0deg;--t-figure-size:clamp(2.125rem, calc(2.125rem + 0.425 * (100vw - 37.5rem) / 42.5), 2.55rem);--t-figure-weight:700;--t-figure-leading:1.1;--t-figure-tracking:-0.02em;--t-figure-face:var(--ff-body);--t-figure-case:none;--t-figure-turn:0deg;--t-display-size:clamp(1.75rem, calc(1.75rem + 0.35 * (100vw - 37.5rem) / 42.5), 2.1rem);--t-display-weight:700;--t-display-leading:1.08;--t-display-tracking:-0.02em;--t-display-face:var(--ff-display);--t-display-case:none;--t-display-turn:0deg;--t-script-size:clamp(1.5625rem, calc(1.5625rem + 0.3125 * (100vw - 37.5rem) / 42.5), 1.875rem);--t-script-weight:400;--t-script-leading:1.05;--t-script-tracking:0em;--t-script-face:var(--ff-script);--t-script-case:none;--t-script-turn:-6deg;--t-mono-size:clamp(0.8125rem, calc(0.8125rem + 0.1625 * (100vw - 37.5rem) / 42.5), 0.975rem);--t-mono-weight:400;--t-mono-leading:1.5;--t-mono-tracking:0em;--t-mono-face:var(--ff-body);--t-mono-case:none;--t-mono-turn:0deg;--lf-low:0 1px 2px rgb(0 0 0/0.06),0 1px 3px rgb(0 0 0/0.08);--lf-mid:0 4px 12px rgb(0 0 0/0.08),0 2px 4px rgb(0 0 0/0.06);--lf-high:0 16px 40px rgb(0 0 0/0.14),0 4px 12px rgb(0 0 0/0.08);--lf-sunken:inset 0 1px 2px rgb(0 0 0/0.08);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none}.k-page-neutral-plain{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-page-neutral-plain){}.k-page-neutral-soft{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-page-neutral-soft){}.k-page-neutral-strong{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-page-neutral-strong){}.k-page-accent-plain{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-page-accent-plain){}.k-page-accent-soft{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-page-accent-soft){}.k-page-accent-strong{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-page-accent-strong){}.k-page-positive-plain{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-page-positive-plain){}.k-page-positive-soft{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-page-positive-soft){}.k-page-positive-strong{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-page-positive-strong){}.k-page-warning-plain{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-page-warning-plain){}.k-page-warning-soft{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-page-warning-soft){}.k-page-warning-strong{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-page-warning-strong){}.k-page-critical-plain{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-page-critical-plain){}.k-page-critical-soft{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-page-critical-soft){}.k-page-critical-strong{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-page-critical-strong){}.k-page-inverse-plain{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-page-inverse-plain){}.k-page-inverse-soft{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-page-inverse-soft){}.k-page-inverse-strong{--ui-bg:var(--f-canvas);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-page-inverse-strong){}.k-content-neutral-plain{--icon-fill:none;color:var(--ink);}:where(.k-content-neutral-plain){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-neutral-soft{--icon-fill:none;color:var(--ink);}:where(.k-content-neutral-soft){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-neutral-strong{--icon-fill:none;color:var(--ink);}:where(.k-content-neutral-strong){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-content-accent-plain){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-accent-soft{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-content-accent-soft){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-accent-strong{--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-content-accent-strong){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-content-positive-plain){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-positive-soft{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-content-positive-soft){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-positive-strong{--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-content-positive-strong){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-content-warning-plain){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-warning-soft{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-content-warning-soft){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-warning-strong{--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-content-warning-strong){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-content-critical-plain){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-critical-soft{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-content-critical-soft){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-critical-strong{--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-content-critical-strong){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-content-inverse-plain){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-inverse-soft{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-content-inverse-soft){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-content-inverse-strong{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-content-inverse-strong){gap:var(--s-s3);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:0px;--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-card-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-neutral-plain){gap:var(--s-s2);padding-right:var(--s-s1);padding-left:var(--s-s1);--pad-t:0px;--pad-r:var(--s-s1);--pad-b:0px;--pad-l:var(--s-s1);}.k-card-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-neutral-soft){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-neutral-strong){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-accent-plain){gap:var(--s-s2);padding-right:var(--s-s1);padding-left:var(--s-s1);--pad-t:0px;--pad-r:var(--s-s1);--pad-b:0px;--pad-l:var(--s-s1);}.k-card-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-accent-soft){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-accent-strong){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-positive-plain){gap:var(--s-s2);padding-right:var(--s-s1);padding-left:var(--s-s1);--pad-t:0px;--pad-r:var(--s-s1);--pad-b:0px;--pad-l:var(--s-s1);}.k-card-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-positive-soft){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-positive-strong){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-warning-plain){gap:var(--s-s2);padding-right:var(--s-s1);padding-left:var(--s-s1);--pad-t:0px;--pad-r:var(--s-s1);--pad-b:0px;--pad-l:var(--s-s1);}.k-card-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-warning-soft){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-warning-strong){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-critical-plain){gap:var(--s-s2);padding-right:var(--s-s1);padding-left:var(--s-s1);--pad-t:0px;--pad-r:var(--s-s1);--pad-b:0px;--pad-l:var(--s-s1);}.k-card-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-critical-soft){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-critical-strong){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-inverse-plain){gap:var(--s-s2);padding-right:var(--s-s1);padding-left:var(--s-s1);--pad-t:0px;--pad-r:var(--s-s1);--pad-b:0px;--pad-l:var(--s-s1);}.k-card-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-inverse-soft){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-card-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-card-inverse-strong){gap:var(--s-s2);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-inset-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-neutral-plain){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-neutral-soft){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-neutral-strong){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-accent-plain){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-accent-soft){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-accent-strong){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-positive-plain){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-positive-soft){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-positive-strong){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-warning-plain){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-warning-soft){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-warning-strong){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-critical-plain){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-critical-soft){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-critical-strong){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-inverse-plain){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-inverse-soft){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-inset-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-inset-inverse-strong){padding-top:var(--s-s2);padding-right:var(--s-s2);padding-bottom:var(--s-s2);padding-left:var(--s-s2);--pad-t:var(--s-s2);--pad-r:var(--s-s2);--pad-b:var(--s-s2);--pad-l:var(--s-s2);}.k-tile-neutral-plain{--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-neutral-plain){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-neutral-soft){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-neutral-strong){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-accent-plain){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-accent-soft){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-accent-strong){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-positive-plain){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-positive-soft){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-positive-strong){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-warning-plain){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-warning-soft){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-warning-strong){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-critical-plain){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-critical-soft){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-critical-strong){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-inverse-plain){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-inverse-soft){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tile-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);}:where(.k-tile-inverse-strong){gap:var(--s-s0);padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-row-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-neutral-plain){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-neutral-soft){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-neutral-strong){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-accent-plain){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-accent-soft){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-accent-strong){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-positive-plain){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-positive-soft){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-positive-strong){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-warning-plain){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-warning-soft){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-warning-strong){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-critical-plain){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-critical-soft){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-critical-strong){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-inverse-plain){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-inverse-soft){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-row-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-row-inverse-strong){gap:var(--s-s5);padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-item-neutral-plain{--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-neutral-plain){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-neutral-soft){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-neutral-strong){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-accent-plain){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-accent-soft){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-accent-strong){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-positive-plain){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-positive-soft){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-positive-strong){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-warning-plain){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-warning-soft){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-warning-strong){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-critical-plain){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-critical-soft){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-critical-strong){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-inverse-plain){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-inverse-soft){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-item-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}:where(.k-item-inverse-strong){padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-chip-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-neutral-plain){}.k-chip-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-neutral-soft){}.k-chip-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-neutral-strong){}.k-chip-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-accent-plain){}.k-chip-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-accent-soft){}.k-chip-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-accent-strong){}.k-chip-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-positive-plain){}.k-chip-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-positive-soft){}.k-chip-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-positive-strong){}.k-chip-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-warning-plain){}.k-chip-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-warning-soft){}.k-chip-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-warning-strong){}.k-chip-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-critical-plain){}.k-chip-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-critical-soft){}.k-chip-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-critical-strong){}.k-chip-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-inverse-plain){}.k-chip-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-inverse-soft){}.k-chip-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-chip-inverse-strong){}.k-badge-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-neutral-plain){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-neutral-soft){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-neutral-strong){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-accent-plain){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-accent-soft){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-accent-strong){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-positive-plain){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-positive-soft){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-positive-strong){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-warning-plain){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-warning-soft){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-warning-strong){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-critical-plain){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-critical-soft){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-critical-strong){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-inverse-plain){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-inverse-soft){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-badge-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-badge-inverse-strong){padding-right:var(--s-s2);padding-left:var(--s-s2);--pad-t:0px;--pad-r:var(--s-s2);--pad-b:0px;--pad-l:var(--s-s2);}.k-pill-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-neutral-plain){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-neutral-soft){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-neutral-strong){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-accent-plain){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-accent-soft){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-accent-strong){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-positive-plain){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-positive-soft){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-positive-strong){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-warning-plain){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-warning-soft){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-warning-strong){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-critical-plain){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-critical-soft){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-critical-strong){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-inverse-plain){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-inverse-soft){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-pill-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-pill-inverse-strong){padding-top:var(--s-s1);padding-right:var(--s-s3);padding-bottom:var(--s-s1);padding-left:var(--s-s3);--pad-t:var(--s-s1);--pad-r:var(--s-s3);--pad-b:var(--s-s1);--pad-l:var(--s-s3);}.k-banner-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-neutral-plain){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-neutral-soft){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-neutral-strong){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-accent-plain){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-accent-soft){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-accent-strong){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-positive-plain){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-positive-soft){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-positive-strong){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-warning-plain){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-warning-soft){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-warning-strong){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-critical-plain){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-critical-soft){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-critical-strong){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-inverse-plain){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-inverse-soft){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-banner-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);}:where(.k-banner-inverse-strong){padding-top:var(--s-s5);padding-right:var(--s-s5);padding-bottom:var(--s-s5);padding-left:var(--s-s5);--pad-t:var(--s-s5);--pad-r:var(--s-s5);--pad-b:var(--s-s5);--pad-l:var(--s-s5);}.k-feature-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-neutral-plain){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-neutral-soft){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-neutral-strong){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-accent-plain){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-accent-soft){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-accent-strong){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-positive-plain){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-positive-soft){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-positive-strong){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-warning-plain){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-warning-soft){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-warning-strong){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-critical-plain){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-critical-soft){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-critical-strong){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-inverse-plain){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-inverse-soft){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-feature-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}:where(.k-feature-inverse-strong){padding-top:var(--s-s4);padding-right:var(--s-s4);padding-bottom:var(--s-s4);padding-left:var(--s-s4);--pad-t:var(--s-s4);--pad-r:var(--s-s4);--pad-b:var(--s-s4);--pad-l:var(--s-s4);}.k-button-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-neutral-plain){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-button-neutral-soft){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-neutral-strong){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-accent-plain){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-button-accent-soft){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-accent-strong){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-positive-plain){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-button-positive-soft){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-positive-strong){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-warning-plain){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-button-warning-soft){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-warning-strong){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-critical-plain){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-button-critical-soft){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-critical-strong){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-inverse-plain){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-button-inverse-soft){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-button-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-button-inverse-strong){padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-segment-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-neutral-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-neutral-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-neutral-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-accent-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-accent-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-accent-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-positive-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-positive-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-positive-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-warning-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-warning-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-warning-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-critical-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-critical-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-critical-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-inverse-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-inverse-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-segment-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-segment-inverse-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-tab-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-neutral-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-neutral-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-neutral-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-accent-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-accent-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-accent-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-positive-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-positive-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-positive-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-warning-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-warning-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-warning-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-critical-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-critical-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-critical-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-inverse-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-inverse-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tab-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-sm);}:where(.k-tab-inverse-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-tabbar-neutral-plain{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-neutral-plain){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-neutral-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-neutral-soft){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-neutral-strong){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-accent-plain{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-accent-plain){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-accent-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-accent-soft){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-accent-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-accent-strong){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-positive-plain{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-positive-plain){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-positive-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-positive-soft){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-positive-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-positive-strong){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-warning-plain{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-warning-plain){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-warning-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-warning-soft){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-warning-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-warning-strong){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-critical-plain{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-critical-plain){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-critical-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-critical-soft){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-critical-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-critical-strong){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-inverse-plain{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-inverse-plain){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-inverse-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-inverse-soft){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-tabbar-inverse-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);box-shadow:var(--lf-mid);}:where(.k-tabbar-inverse-strong){padding-top:var(--s-s2);padding-right:var(--s-s1);padding-bottom:var(--s-s8);padding-left:var(--s-s1);--pad-t:var(--s-s2);--pad-r:var(--s-s1);--pad-b:var(--s-s8);--pad-l:var(--s-s1);}.k-field-neutral-plain{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-neutral-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-neutral-soft{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-neutral-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-neutral-strong{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-neutral-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-accent-plain{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-accent-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-accent-soft{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-accent-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-accent-strong{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-accent-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-positive-plain{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-positive-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-positive-soft{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-positive-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-positive-strong{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-positive-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-warning-plain{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-warning-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-warning-soft{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-warning-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-warning-strong{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-warning-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-critical-plain{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-critical-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-critical-soft{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-critical-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-critical-strong{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-critical-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-inverse-plain{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-inverse-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-inverse-soft{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-inverse-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-field-inverse-strong{--ui-bg:var(--f-surface);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-input);border-radius:var(--r-md);}:where(.k-field-inverse-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-toggle-neutral-plain{--icon-fill:none;color:var(--ink);}:where(.k-toggle-neutral-plain){}.k-toggle-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-toggle-neutral-soft){}.k-toggle-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-toggle-neutral-strong){}.k-toggle-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-toggle-accent-plain){}.k-toggle-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-toggle-accent-soft){}.k-toggle-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-toggle-accent-strong){}.k-toggle-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-toggle-positive-plain){}.k-toggle-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-toggle-positive-soft){}.k-toggle-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-toggle-positive-strong){}.k-toggle-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-toggle-warning-plain){}.k-toggle-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-toggle-warning-soft){}.k-toggle-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-toggle-warning-strong){}.k-toggle-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-toggle-critical-plain){}.k-toggle-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-toggle-critical-soft){}.k-toggle-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-toggle-critical-strong){}.k-toggle-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-toggle-inverse-plain){}.k-toggle-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-toggle-inverse-soft){}.k-toggle-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-toggle-inverse-strong){}.k-avatar-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-neutral-plain){}.k-avatar-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-neutral-soft){}.k-avatar-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-neutral-strong){}.k-avatar-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-accent-plain){}.k-avatar-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-accent-soft){}.k-avatar-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-accent-strong){}.k-avatar-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-positive-plain){}.k-avatar-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-positive-soft){}.k-avatar-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-positive-strong){}.k-avatar-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-warning-plain){}.k-avatar-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-warning-soft){}.k-avatar-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-warning-strong){}.k-avatar-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-critical-plain){}.k-avatar-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-critical-soft){}.k-avatar-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-critical-strong){}.k-avatar-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-inverse-plain){}.k-avatar-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-inverse-soft){}.k-avatar-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-avatar-inverse-strong){}.k-media-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-neutral-plain){}.k-media-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-neutral-soft){}.k-media-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-neutral-strong){}.k-media-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-accent-plain){}.k-media-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-accent-soft){}.k-media-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-accent-strong){}.k-media-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-positive-plain){}.k-media-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-positive-soft){}.k-media-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-positive-strong){}.k-media-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-warning-plain){}.k-media-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-warning-soft){}.k-media-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-warning-strong){}.k-media-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-critical-plain){}.k-media-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-critical-soft){}.k-media-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-critical-strong){}.k-media-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-inverse-plain){}.k-media-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-inverse-soft){}.k-media-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-media-inverse-strong){}.k-meter-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-neutral-plain){}.k-meter-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-neutral-soft){}.k-meter-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-neutral-strong){}.k-meter-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-accent-plain){}.k-meter-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-accent-soft){}.k-meter-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-accent-strong){}.k-meter-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-positive-plain){}.k-meter-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-positive-soft){}.k-meter-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-positive-strong){}.k-meter-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-warning-plain){}.k-meter-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-warning-soft){}.k-meter-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-warning-strong){}.k-meter-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-critical-plain){}.k-meter-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-critical-soft){}.k-meter-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-critical-strong){}.k-meter-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-inverse-plain){}.k-meter-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-inverse-soft){}.k-meter-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-meter-inverse-strong){}.k-rating-neutral-plain{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-neutral-plain){}.k-rating-neutral-soft{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-neutral-soft){}.k-rating-neutral-strong{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-neutral-strong){}.k-rating-accent-plain{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-accent-plain){}.k-rating-accent-soft{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-accent-soft){}.k-rating-accent-strong{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-accent-strong){}.k-rating-positive-plain{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-positive-plain){}.k-rating-positive-soft{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-positive-soft){}.k-rating-positive-strong{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-positive-strong){}.k-rating-warning-plain{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-warning-plain){}.k-rating-warning-soft{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-warning-soft){}.k-rating-warning-strong{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-warning-strong){}.k-rating-critical-plain{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-critical-plain){}.k-rating-critical-soft{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-critical-soft){}.k-rating-critical-strong{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-critical-strong){}.k-rating-inverse-plain{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-inverse-plain){}.k-rating-inverse-soft{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-inverse-soft){}.k-rating-inverse-strong{--ink-toned:var(--i-rating);--icon-fill:currentColor;color:var(--ink);}:where(.k-rating-inverse-strong){}.k-list-neutral-plain{--icon-fill:none;color:var(--ink);}.k-list-neutral-plain>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-neutral-plain>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-neutral-plain){}.k-list-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-neutral-soft>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-neutral-soft>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-neutral-soft){}.k-list-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-neutral-strong>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-neutral-strong>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-neutral-strong){}.k-list-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}.k-list-accent-plain>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-accent-plain>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-accent-plain){}.k-list-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-accent-soft>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-accent-soft>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-accent-soft){}.k-list-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-accent-strong>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-accent-strong>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-accent-strong){}.k-list-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}.k-list-positive-plain>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-positive-plain>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-positive-plain){}.k-list-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-positive-soft>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-positive-soft>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-positive-soft){}.k-list-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-positive-strong>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-positive-strong>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-positive-strong){}.k-list-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}.k-list-warning-plain>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-warning-plain>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-warning-plain){}.k-list-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-warning-soft>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-warning-soft>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-warning-soft){}.k-list-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-warning-strong>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-warning-strong>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-warning-strong){}.k-list-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}.k-list-critical-plain>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-critical-plain>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-critical-plain){}.k-list-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-critical-soft>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-critical-soft>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-critical-soft){}.k-list-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-critical-strong>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-critical-strong>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-critical-strong){}.k-list-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}.k-list-inverse-plain>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-inverse-plain>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-inverse-plain){}.k-list-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-inverse-soft>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-inverse-soft>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-inverse-soft){}.k-list-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-md);}.k-list-inverse-strong>*+*{border-top:var(--lw) solid var(--l-subtle)}.fl-row.k-list-inverse-strong>*+*{border-top:0;border-left:var(--lw) solid var(--l-subtle)}:where(.k-list-inverse-strong){}.k-bar-neutral-plain{--icon-fill:none;color:var(--ink);}:where(.k-bar-neutral-plain){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-neutral-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-bar-neutral-soft){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-bar-neutral-strong){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-bar-accent-plain){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-accent-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-bar-accent-soft){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-accent-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-bar-accent-strong){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-bar-positive-plain){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-positive-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-bar-positive-soft){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-positive-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-bar-positive-strong){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-bar-warning-plain){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-warning-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-bar-warning-soft){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-warning-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-bar-warning-strong){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-bar-critical-plain){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-critical-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-bar-critical-soft){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-critical-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-bar-critical-strong){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-bar-inverse-plain){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-inverse-soft{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-bar-inverse-soft){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-bar-inverse-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-bar-inverse-strong){gap:var(--s-s2);padding-top:var(--s-s2);padding-right:var(--s-s4);padding-bottom:var(--s-s2);padding-left:var(--s-s4);--pad-t:var(--s-s2);--pad-r:var(--s-s4);--pad-b:var(--s-s2);--pad-l:var(--s-s4);}.k-sidebar-neutral-plain{--icon-fill:none;color:var(--ink);}:where(.k-sidebar-neutral-plain){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-neutral-soft){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-neutral-strong{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-neutral-strong){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-accent-plain){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-accent-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-accent-soft){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-accent-strong{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-accent-strong){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-positive-plain){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-positive-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-positive-soft){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-positive-strong{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-positive-strong){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-warning-plain){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-warning-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-warning-soft){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-warning-strong{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-warning-strong){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-critical-plain){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-critical-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-critical-soft){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-critical-strong{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-critical-strong){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-inverse-plain){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-inverse-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-inverse-soft){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-sidebar-inverse-strong{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-sidebar-inverse-strong){gap:var(--s-s1);padding-top:var(--s-s3);padding-right:var(--s-s3);padding-bottom:var(--s-s3);padding-left:var(--s-s3);--pad-t:var(--s-s3);--pad-r:var(--s-s3);--pad-b:var(--s-s3);--pad-l:var(--s-s3);}.k-tool-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-neutral-plain){}.k-tool-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-neutral-soft){}.k-tool-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-neutral-strong){}.k-tool-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-accent-plain){}.k-tool-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-accent-soft){}.k-tool-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-accent-strong){}.k-tool-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-positive-plain){}.k-tool-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-positive-soft){}.k-tool-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-positive-strong){}.k-tool-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-warning-plain){}.k-tool-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-warning-soft){}.k-tool-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-warning-strong){}.k-tool-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-critical-plain){}.k-tool-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-critical-soft){}.k-tool-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-critical-strong){}.k-tool-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-inverse-plain){}.k-tool-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-inverse-soft){}.k-tool-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-full);}:where(.k-tool-inverse-strong){}.k-menu-neutral-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-neutral-plain{min-width:var(--x-menuMin)}:where(.k-menu-neutral-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-neutral-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-neutral-soft{min-width:var(--x-menuMin)}:where(.k-menu-neutral-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-neutral-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-neutral-strong{min-width:var(--x-menuMin)}:where(.k-menu-neutral-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-accent-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-accent-plain{min-width:var(--x-menuMin)}:where(.k-menu-accent-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-accent-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-accent-soft{min-width:var(--x-menuMin)}:where(.k-menu-accent-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-accent-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-accent-strong{min-width:var(--x-menuMin)}:where(.k-menu-accent-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-positive-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-positive-plain{min-width:var(--x-menuMin)}:where(.k-menu-positive-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-positive-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-positive-soft{min-width:var(--x-menuMin)}:where(.k-menu-positive-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-positive-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-positive-strong{min-width:var(--x-menuMin)}:where(.k-menu-positive-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-warning-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-warning-plain{min-width:var(--x-menuMin)}:where(.k-menu-warning-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-warning-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-warning-soft{min-width:var(--x-menuMin)}:where(.k-menu-warning-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-warning-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-warning-strong{min-width:var(--x-menuMin)}:where(.k-menu-warning-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-critical-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-critical-plain{min-width:var(--x-menuMin)}:where(.k-menu-critical-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-critical-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-critical-soft{min-width:var(--x-menuMin)}:where(.k-menu-critical-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-critical-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-critical-strong{min-width:var(--x-menuMin)}:where(.k-menu-critical-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-inverse-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-inverse-plain{min-width:var(--x-menuMin)}:where(.k-menu-inverse-plain){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-inverse-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-inverse-soft{min-width:var(--x-menuMin)}:where(.k-menu-inverse-soft){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-menu-inverse-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border:var(--lw) solid var(--l-subtle);border-radius:var(--r-lg);box-shadow:var(--lf-mid);}.k-menu-inverse-strong{min-width:var(--x-menuMin)}:where(.k-menu-inverse-strong){padding-top:var(--s-s1);padding-right:var(--s-s1);padding-bottom:var(--s-s1);padding-left:var(--s-s1);--pad-t:var(--s-s1);--pad-r:var(--s-s1);--pad-b:var(--s-s1);--pad-l:var(--s-s1);}.k-dialog-neutral-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-neutral-plain){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-neutral-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-neutral-soft){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-neutral-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-neutral-strong){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-accent-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-accent-plain){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-accent-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-accent-soft){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-accent-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-accent-strong){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-positive-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-positive-plain){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-positive-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-positive-soft){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-positive-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-positive-strong){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-warning-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-warning-plain){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-warning-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-warning-soft){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-warning-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-warning-strong){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-critical-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-critical-plain){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-critical-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-critical-soft){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-critical-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-critical-strong){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-inverse-plain{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-inverse-plain){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-inverse-soft{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-inverse-soft){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-dialog-inverse-strong{--ui-bg:var(--f-overlay);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--lf-high);}:where(.k-dialog-inverse-strong){gap:var(--s-s4);max-height:calc(100dvh - 2 * var(--s-s8));display:flex;flex-direction:column;padding-top:var(--s-s6);padding-right:var(--s-s6);padding-bottom:var(--s-s6);padding-left:var(--s-s6);--pad-t:var(--s-s6);--pad-r:var(--s-s6);--pad-b:var(--s-s6);--pad-l:var(--s-s6);}.k-scrim-neutral-plain{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-scrim-neutral-plain){}.k-scrim-neutral-soft{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-scrim-neutral-soft){}.k-scrim-neutral-strong{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-scrim-neutral-strong){}.k-scrim-accent-plain{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-scrim-accent-plain){}.k-scrim-accent-soft{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-scrim-accent-soft){}.k-scrim-accent-strong{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-scrim-accent-strong){}.k-scrim-positive-plain{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-scrim-positive-plain){}.k-scrim-positive-soft{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-scrim-positive-soft){}.k-scrim-positive-strong{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-scrim-positive-strong){}.k-scrim-warning-plain{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-scrim-warning-plain){}.k-scrim-warning-soft{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-scrim-warning-soft){}.k-scrim-warning-strong{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-scrim-warning-strong){}.k-scrim-critical-plain{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-scrim-critical-plain){}.k-scrim-critical-soft{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-scrim-critical-soft){}.k-scrim-critical-strong{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-scrim-critical-strong){}.k-scrim-inverse-plain{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-scrim-inverse-plain){}.k-scrim-inverse-soft{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-scrim-inverse-soft){}.k-scrim-inverse-strong{--ui-bg:var(--f-scrim);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-scrim-inverse-strong){}.k-fieldset-neutral-plain{--icon-fill:none;color:var(--ink);}:where(.k-fieldset-neutral-plain){gap:var(--s-s1);}.k-fieldset-neutral-soft{--icon-fill:none;color:var(--ink);}:where(.k-fieldset-neutral-soft){gap:var(--s-s1);}.k-fieldset-neutral-strong{--icon-fill:none;color:var(--ink);}:where(.k-fieldset-neutral-strong){gap:var(--s-s1);}.k-fieldset-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-accent-plain){gap:var(--s-s1);}.k-fieldset-accent-soft{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-accent-soft){gap:var(--s-s1);}.k-fieldset-accent-strong{--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-accent-strong){gap:var(--s-s1);}.k-fieldset-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-positive-plain){gap:var(--s-s1);}.k-fieldset-positive-soft{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-positive-soft){gap:var(--s-s1);}.k-fieldset-positive-strong{--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-positive-strong){gap:var(--s-s1);}.k-fieldset-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-warning-plain){gap:var(--s-s1);}.k-fieldset-warning-soft{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-warning-soft){gap:var(--s-s1);}.k-fieldset-warning-strong{--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-warning-strong){gap:var(--s-s1);}.k-fieldset-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-critical-plain){gap:var(--s-s1);}.k-fieldset-critical-soft{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-critical-soft){gap:var(--s-s1);}.k-fieldset-critical-strong{--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-critical-strong){gap:var(--s-s1);}.k-fieldset-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-inverse-plain){gap:var(--s-s1);}.k-fieldset-inverse-soft{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-inverse-soft){gap:var(--s-s1);}.k-fieldset-inverse-strong{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-fieldset-inverse-strong){gap:var(--s-s1);}.k-empty-neutral-plain{--icon-fill:none;color:var(--ink);}:where(.k-empty-neutral-plain){}.k-empty-neutral-soft{--icon-fill:none;color:var(--ink);}:where(.k-empty-neutral-soft){}.k-empty-neutral-strong{--icon-fill:none;color:var(--ink);}:where(.k-empty-neutral-strong){}.k-empty-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-empty-accent-plain){}.k-empty-accent-soft{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-empty-accent-soft){}.k-empty-accent-strong{--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-empty-accent-strong){}.k-empty-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-empty-positive-plain){}.k-empty-positive-soft{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-empty-positive-soft){}.k-empty-positive-strong{--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-empty-positive-strong){}.k-empty-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-empty-warning-plain){}.k-empty-warning-soft{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-empty-warning-soft){}.k-empty-warning-strong{--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-empty-warning-strong){}.k-empty-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-empty-critical-plain){}.k-empty-critical-soft{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-empty-critical-soft){}.k-empty-critical-strong{--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-empty-critical-strong){}.k-empty-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-empty-inverse-plain){}.k-empty-inverse-soft{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-empty-inverse-soft){}.k-empty-inverse-strong{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-empty-inverse-strong){}.k-option-neutral-plain{--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-neutral-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-neutral-soft{--ui-bg:var(--f-sunken);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-neutral-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-neutral-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-accent-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-accent-soft{--ui-bg:var(--f-accentSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-accent-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-accent-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-positive-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-positive-soft{--ui-bg:var(--f-successSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-positive-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-positive-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-warning-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-warning-soft{--ui-bg:var(--f-warningSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-warning-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-warning-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-critical-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-critical-soft{--ui-bg:var(--f-dangerSubtle);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-critical-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-critical-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-inverse-plain){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-inverse-soft{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-inverse-soft){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-option-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);border-radius:var(--r-md);}:where(.k-option-inverse-strong){padding-top:var(--s-s2);padding-right:var(--s-s3);padding-bottom:var(--s-s2);padding-left:var(--s-s3);--pad-t:var(--s-s2);--pad-r:var(--s-s3);--pad-b:var(--s-s2);--pad-l:var(--s-s3);}.k-check-neutral-plain{--icon-fill:none;color:var(--ink);}:where(.k-check-neutral-plain){}.k-check-neutral-soft{--icon-fill:none;color:var(--ink);}.ui-in.k-check-neutral-soft:is([type=checkbox],[type=radio]){accent-color:var(--f-raised)}:where(.k-check-neutral-soft){}.k-check-neutral-strong{--ui-bg:var(--f-raised);background:var(--ui-bg);--ink:var(--i-text);--ink-quiet:var(--i-secondary);--ink-faint:var(--i-muted);--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-check-neutral-strong){}.k-check-accent-plain{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}:where(.k-check-accent-plain){}.k-check-accent-soft{--ink-toned:var(--i-accent);--icon-fill:none;color:var(--ink);}.ui-in.k-check-accent-soft:is([type=checkbox],[type=radio]){accent-color:var(--f-accent)}:where(.k-check-accent-soft){}.k-check-accent-strong{--ui-bg:var(--f-accent);background:var(--ui-bg);--ink:var(--i-onAccent);--ink-quiet:var(--i-onAccent);--ink-faint:var(--i-onAccent);--ink-toned:var(--i-onAccent);--icon-fill:none;color:var(--ink);}:where(.k-check-accent-strong){}.k-check-positive-plain{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}:where(.k-check-positive-plain){}.k-check-positive-soft{--ink-toned:var(--i-success);--icon-fill:none;color:var(--ink);}.ui-in.k-check-positive-soft:is([type=checkbox],[type=radio]){accent-color:var(--f-success)}:where(.k-check-positive-soft){}.k-check-positive-strong{--ui-bg:var(--f-success);background:var(--ui-bg);--ink:var(--i-onSuccess);--ink-quiet:var(--i-onSuccess);--ink-faint:var(--i-onSuccess);--ink-toned:var(--i-onSuccess);--icon-fill:none;color:var(--ink);}:where(.k-check-positive-strong){}.k-check-warning-plain{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}:where(.k-check-warning-plain){}.k-check-warning-soft{--ink-toned:var(--i-warning);--icon-fill:none;color:var(--ink);}.ui-in.k-check-warning-soft:is([type=checkbox],[type=radio]){accent-color:var(--f-warning)}:where(.k-check-warning-soft){}.k-check-warning-strong{--ui-bg:var(--f-warning);background:var(--ui-bg);--ink:var(--i-onWarning);--ink-quiet:var(--i-onWarning);--ink-faint:var(--i-onWarning);--ink-toned:var(--i-onWarning);--icon-fill:none;color:var(--ink);}:where(.k-check-warning-strong){}.k-check-critical-plain{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}:where(.k-check-critical-plain){}.k-check-critical-soft{--ink-toned:var(--i-danger);--icon-fill:none;color:var(--ink);}.ui-in.k-check-critical-soft:is([type=checkbox],[type=radio]){accent-color:var(--f-danger)}:where(.k-check-critical-soft){}.k-check-critical-strong{--ui-bg:var(--f-danger);background:var(--ui-bg);--ink:var(--i-onDanger);--ink-quiet:var(--i-onDanger);--ink-faint:var(--i-onDanger);--ink-toned:var(--i-onDanger);--icon-fill:none;color:var(--ink);}:where(.k-check-critical-strong){}.k-check-inverse-plain{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-check-inverse-plain){}.k-check-inverse-soft{--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}.ui-in.k-check-inverse-soft:is([type=checkbox],[type=radio]){accent-color:var(--f-inverse)}:where(.k-check-inverse-soft){}.k-check-inverse-strong{--ui-bg:var(--f-inverse);background:var(--ui-bg);--ink:var(--i-inverse);--ink-quiet:var(--i-inverse);--ink-faint:var(--i-inverse);--ink-toned:var(--i-inverse);--icon-fill:none;color:var(--ink);}:where(.k-check-inverse-strong){} }
@layer structure { body style,body script,[hidden]:not([hidden=until-found]) { display:none !important }
    
    .d-modal [class*='atom-'] { box-sizing:border-box }
    :where(h1,h2,h3,h4,h5,h6) { margin:0 }

    
    .d-sidebar .atom-box:has(.d-media) { padding-inline:0 }
    
    body.datum-dlg-dragging { cursor:move !important }
    body.datum-dlg-dragging * { cursor:move !important;-webkit-user-select:none !important;user-select:none !important }
    
    
    body { min-height:100dvh;display:flex;flex-direction:column;overflow-wrap:break-word;hyphens:manual }

    
    button { overflow-wrap:normal }
    [role="button"], [role="tab"], [role="menuitem"], [role="option"] {
      overflow-wrap:normal
    }

    
    .d-col { --d-gap:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--d-gap, 0) }
    
    .d-col.ai-start > * { max-width:100% }
    .d-col.ai-center > * { max-width:100% }
    .d-col.ai-end > * { max-width:100% }
    .d-row { --d-gap:0;display:flex;flex-direction:row;align-items:stretch;gap:var(--d-gap, 0) }
    .d-wrap { --d-gap:0;display:flex;flex-wrap:wrap;gap:var(--d-gap, 0);min-width:0;max-width:100% }
    
    .d-grid { --d-gap:0;display:grid;gap:var(--d-gap, 0);grid-template-columns:repeat(var(--d-cols, 1), 1fr) }
    .d-grid[data-rows] { grid-template-rows:repeat(var(--d-rows, 1), 1fr) }
    
    .d-grid-tpl { display:grid;gap:var(--d-tpl-gap, 0);padding:var(--d-tpl-pad, 0);grid-template-columns:var(--d-tpl);min-width:max-content }
    
    .d-auto-grid { display:grid;gap:var(--d-ag-gap, 0);padding:var(--d-ag-pad, 0);grid-template-columns:repeat(auto-fill, minmax(min(var(--d-ag-min, 280px), 100%), var(--d-ag-max, 1fr))) } @media (max-width:640px) { .d-auto-grid { grid-template-columns:repeat(auto-fill, minmax(min(var(--d-ag-min, 280px), 100%), 1fr)) } }

    
    .d-fixed { position:fixed;z-index:var(--d-fixed-z, 50) }
    

    .d-fixed[data-anchor=top]    { top:calc(var(--d-safe-t, 0px) + var(--d-fixed-gap, 0px));left:var(--d-fixed-gap, 0);right:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=bottom] { bottom:calc(var(--d-safe-b, env(safe-area-inset-bottom, 0px)) + var(--d-fixed-gap, 0px));left:var(--d-fixed-gap, 0);right:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=left]   { left:var(--d-fixed-gap, 0);top:var(--d-fixed-gap, 0);bottom:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=right]  { right:var(--d-fixed-gap, 0);top:var(--d-fixed-gap, 0);bottom:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=tl]     { top:calc(var(--d-safe-t, 0px) + var(--d-fixed-gap, 0px));left:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=tr]     { top:calc(var(--d-safe-t, 0px) + var(--d-fixed-gap, 0px));right:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=bl]     { bottom:calc(var(--d-safe-b, 0px) + var(--d-fixed-gap, 0px));left:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=br]     { bottom:var(--d-fixed-gap, 0);right:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=tc]     { top:var(--d-fixed-gap, 0);left:50%;transform:translateX(-50%) }
    .d-fixed[data-anchor=bc]     { bottom:var(--d-fixed-gap, 0);left:50%;transform:translateX(-50%) }
    .d-fixed[data-anchor=cl]     { left:var(--d-fixed-gap, 0);top:50%;transform:translateY(-50%) }
    .d-fixed[data-anchor=cr]     { right:var(--d-fixed-gap, 0);top:50%;transform:translateY(-50%) }
    .d-fixed[data-anchor=c]      { top:50%;left:50%;transform:translate(-50%, -50%) }

    
    
    #datum-overlays { position:fixed;inset:var(--d-safe-t,0px) var(--d-safe-r,0px) var(--d-safe-b,0px) var(--d-safe-l,0px);pointer-events:none;z-index:var(--z-toast, 70) }
    .d-toast-viewport { position:absolute;display:flex;flex-direction:column;gap:.5rem;max-width:min(92vw, 380px);pointer-events:none }
    .d-toast-viewport[data-anchor=tr] { top:1rem;right:1rem }
    
    .d-toast-viewport[data-anchor=br] { bottom:calc(1rem + env(safe-area-inset-bottom, 0px) + var(--datum-toast-bottom-inset, 0px));right:1rem }
    .d-toast {
      pointer-events:auto;display:flex;gap:.5rem;align-items:flex-start;
      padding:var(--notification-role-inset, .75rem 1rem);
      border:var(--notification-role-border, var(--overlay-role-border, 1px solid var(--border)));
      border-radius:var(--notification-role-radius, var(--radius));
      box-shadow:var(--notification-role-shadow, var(--overlay-role-shadow));
      
      background-color:var(--color-surface-overlay);
      background-image:linear-gradient(var(--_toast-bg),var(--_toast-bg));
      color:var(--_toast-fg);
      transform:translateX(110%);opacity:0;
      transition:transform .24s var(--ease-emphasized, ease), opacity .24s
    }
    .d-toast.d-show { transform:none;opacity:1 }
    
    .d-toast-info    { --_toast-bg:var(--color-info-subtle);    --_toast-fg:var(--color-on-info-subtle);    --_toast-accent:var(--color-info) }
    .d-toast-success { --_toast-bg:var(--color-success-subtle); --_toast-fg:var(--color-on-success-subtle); --_toast-accent:var(--color-success) }
    .d-toast-warning { --_toast-bg:var(--color-warning-subtle); --_toast-fg:var(--color-on-warning-subtle); --_toast-accent:var(--color-warning) }
    .d-toast-error   { --_toast-bg:var(--color-danger-subtle);  --_toast-fg:var(--color-on-danger-subtle);  --_toast-accent:var(--color-danger) }
    .d-toast-icon { flex:0 0 auto;color:var(--_toast-accent);margin-top:.06rem }
    .d-toast-body { flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem;font-size:.875rem;line-height:1.35 }
    .d-toast-title { font-weight:600 }
    .d-toast-msg { overflow-wrap:anywhere }
    .d-toast-close { flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.1rem;margin:-.1rem -.15rem -.1rem 0;background:none;border:0;color:inherit;opacity:.65;cursor:pointer;border-radius:var(--radius, .25rem) }
    .d-toast-close:hover { opacity:1 }
    .d-toast-close:focus-visible { outline:2px solid var(--_toast-accent);outline-offset:1px;opacity:1 }
    @media (prefers-reduced-motion: reduce) { .d-toast { transition:opacity .12s } .d-toast:not(.d-show) { transform:none } }

    
    
    :root { --sidebar-width:var(--d-sidebar-expanded-w) }
    
    .d-app-shell {
      margin:var(--d-safe-t,0px) var(--d-safe-r,0px) var(--d-safe-b,0px) var(--d-safe-l,0px);
      
      height:calc(100dvh - var(--d-safe-t,0px) - var(--d-safe-b,0px));
      overflow:hidden;
      display:flex;
      flex-direction:row;
      
      isolation:isolate
    }
    
    
    .d-safe { padding:var(--d-safe-t,0px) var(--d-safe-r,0px) var(--d-safe-b,0px) var(--d-safe-l,0px) }
    .d-safe > * { --d-safe-t:0px;--d-safe-r:0px;--d-safe-b:0px;--d-safe-l:0px }
    
    .d-app-shell[data-imp-active="1"] { height:calc(100dvh - 32px);margin-top:32px }
    .d-app-shell[data-imp-active="1"] .nav-rail { top:32px }
    .d-app-shell[data-imp-active="1"] .main-content { height:calc(100dvh - 32px) }
    
    .d-app-shell > .d-fixed[data-anchor=bottom] { display:none }
    
@media (max-width:640px) {
      .d-app-shell > .d-fixed[data-anchor=bottom] {
        display:block;
        
        background:var(--d-bottom-bar-fill, var(--color-surface-raised))
      }
      
      
      .d-app-shell > .d-fixed[data-anchor=bottom] {
        transition: transform 220ms var(--transition-easing, ease), visibility 0s 0s
      }
      .d-app-shell[data-cs-sidebar-open=true] > .d-fixed[data-anchor=bottom] {
        transform: translateY(calc(100% + env(safe-area-inset-bottom, 0px) + 8px));
        visibility: hidden;
        pointer-events: none;
        transition: transform 220ms var(--transition-easing, ease), visibility 0s 220ms
      }
    }
    
    
    
    .d-app-shell:has(.main-content [data-shell-chrome-collapse]):not([data-cs-sidebar-reveal=true]) .d-sidebar { display:none }
    .d-app-shell:has(.main-content [data-shell-chrome-collapse]):not([data-cs-sidebar-reveal=true]) .main-content { margin-left:0 }
    .d-app-shell:has(.main-content [data-shell-chrome-collapse]):not([data-cs-sidebar-reveal=true]) > .d-fixed[data-anchor=bottom] { display:none }
    
    body:has(> .d-app-shell) { padding:0 !important }

    

    
    .d-ca { container-type:inline-size;display:block;min-width:0 }
    .d-cas { display:block;min-width:0 }
    .d-cas > .d-ca-slot { display:none }
    .d-cas > .d-ca-slot[data-ca=base] { display:contents }
    @container (min-width:641px) { .d-cas[data-cabp~=sm] > .d-ca-slot[data-ca=base] { display:none } .d-cas[data-cabp~=sm] > .d-ca-slot[data-ca=sm] { display:contents } }
    @container (min-width:769px) { .d-cas[data-cabp~=md] > .d-ca-slot[data-ca=base] { display:none } .d-cas[data-cabp~=md] > .d-ca-slot[data-ca=sm] { display:none } .d-cas[data-cabp~=md] > .d-ca-slot[data-ca=md] { display:contents } }
    @container (min-width:1025px) { .d-cas[data-cabp~=lg] > .d-ca-slot[data-ca=base] { display:none } .d-cas[data-cabp~=lg] > .d-ca-slot[data-ca=sm] { display:none } .d-cas[data-cabp~=lg] > .d-ca-slot[data-ca=md] { display:none } .d-cas[data-cabp~=lg] > .d-ca-slot[data-ca=lg] { display:contents } }
    @container (min-width:1281px) { .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=base] { display:none } .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=sm] { display:none } .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=md] { display:none } .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=lg] { display:none } .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=xl] { display:contents } }


    
    .d-magic-sent { font-size:.875rem; color:var(--color-text-secondary) }
    .d-rc { flex-wrap:wrap }
    .d-rc > * { min-width:min(100%, calc((var(--d-rc, 0px) - 100%) * 999)) }
    .d-wrap-min > * { flex:1 1 min(var(--d-wrap-min, 0px), 100%) }
    .d-rc > .d-lp { order:0 }
    @container (max-width:640px) { .d-rc[data-rc=sm] > .d-lp { order:calc(0 - var(--d-lp-order, 0)) } }
    @container (max-width:768px) { .d-rc[data-rc=md] > .d-lp { order:calc(0 - var(--d-lp-order, 0)) } }
    @container (max-width:1024px) { .d-rc[data-rc=lg] > .d-lp { order:calc(0 - var(--d-lp-order, 0)) } }
    @container (max-width:1280px) { .d-rc[data-rc=xl] > .d-lp { order:calc(0 - var(--d-lp-order, 0)) } }


    
    .d-r-p { --r-p: var(--r-p-base);padding: var(--r-p) }
    @container (min-width:641px) { .d-r-p { --r-p: var(--r-p-sm, var(--r-p-base)) } }
    @container (min-width:769px) { .d-r-p { --r-p: var(--r-p-md, var(--r-p-sm, var(--r-p-base))) } }
    @container (min-width:1025px) { .d-r-p { --r-p: var(--r-p-lg, var(--r-p-md, var(--r-p-sm, var(--r-p-base)))) } }
    @container (min-width:1281px) { .d-r-p { --r-p: var(--r-p-xl, var(--r-p-lg, var(--r-p-md, var(--r-p-sm, var(--r-p-base))))) } }
    .d-rv-p { --rv-p: var(--rv-p-base);padding: var(--rv-p) }
    @media (min-width:641px) { .d-rv-p { --rv-p: var(--rv-p-sm, var(--rv-p-base)) } }
    @media (min-width:769px) { .d-rv-p { --rv-p: var(--rv-p-md, var(--rv-p-sm, var(--rv-p-base))) } }
    @media (min-width:1025px) { .d-rv-p { --rv-p: var(--rv-p-lg, var(--rv-p-md, var(--rv-p-sm, var(--rv-p-base)))) } }
    @media (min-width:1281px) { .d-rv-p { --rv-p: var(--rv-p-xl, var(--rv-p-lg, var(--rv-p-md, var(--rv-p-sm, var(--rv-p-base))))) } }
    .d-r-pi { --r-pi: var(--r-pi-base);padding-inline: var(--r-pi) }
    @container (min-width:641px) { .d-r-pi { --r-pi: var(--r-pi-sm, var(--r-pi-base)) } }
    @container (min-width:769px) { .d-r-pi { --r-pi: var(--r-pi-md, var(--r-pi-sm, var(--r-pi-base))) } }
    @container (min-width:1025px) { .d-r-pi { --r-pi: var(--r-pi-lg, var(--r-pi-md, var(--r-pi-sm, var(--r-pi-base)))) } }
    @container (min-width:1281px) { .d-r-pi { --r-pi: var(--r-pi-xl, var(--r-pi-lg, var(--r-pi-md, var(--r-pi-sm, var(--r-pi-base))))) } }
    .d-rv-pi { --rv-pi: var(--rv-pi-base);padding-inline: var(--rv-pi) }
    @media (min-width:641px) { .d-rv-pi { --rv-pi: var(--rv-pi-sm, var(--rv-pi-base)) } }
    @media (min-width:769px) { .d-rv-pi { --rv-pi: var(--rv-pi-md, var(--rv-pi-sm, var(--rv-pi-base))) } }
    @media (min-width:1025px) { .d-rv-pi { --rv-pi: var(--rv-pi-lg, var(--rv-pi-md, var(--rv-pi-sm, var(--rv-pi-base)))) } }
    @media (min-width:1281px) { .d-rv-pi { --rv-pi: var(--rv-pi-xl, var(--rv-pi-lg, var(--rv-pi-md, var(--rv-pi-sm, var(--rv-pi-base))))) } }
    .d-r-g { --r-g: var(--r-g-base);gap: var(--r-g) }
    @container (min-width:641px) { .d-r-g { --r-g: var(--r-g-sm, var(--r-g-base)) } }
    @container (min-width:769px) { .d-r-g { --r-g: var(--r-g-md, var(--r-g-sm, var(--r-g-base))) } }
    @container (min-width:1025px) { .d-r-g { --r-g: var(--r-g-lg, var(--r-g-md, var(--r-g-sm, var(--r-g-base)))) } }
    @container (min-width:1281px) { .d-r-g { --r-g: var(--r-g-xl, var(--r-g-lg, var(--r-g-md, var(--r-g-sm, var(--r-g-base))))) } }
    .d-rv-g { --rv-g: var(--rv-g-base);gap: var(--rv-g) }
    @media (min-width:641px) { .d-rv-g { --rv-g: var(--rv-g-sm, var(--rv-g-base)) } }
    @media (min-width:769px) { .d-rv-g { --rv-g: var(--rv-g-md, var(--rv-g-sm, var(--rv-g-base))) } }
    @media (min-width:1025px) { .d-rv-g { --rv-g: var(--rv-g-lg, var(--rv-g-md, var(--rv-g-sm, var(--rv-g-base)))) } }
    @media (min-width:1281px) { .d-rv-g { --rv-g: var(--rv-g-xl, var(--rv-g-lg, var(--rv-g-md, var(--rv-g-sm, var(--rv-g-base))))) } }
    .d-r-fs { --r-fs: var(--r-fs-base);font-size: var(--r-fs) }
    @container (min-width:641px) { .d-r-fs { --r-fs: var(--r-fs-sm, var(--r-fs-base)) } }
    @container (min-width:769px) { .d-r-fs { --r-fs: var(--r-fs-md, var(--r-fs-sm, var(--r-fs-base))) } }
    @container (min-width:1025px) { .d-r-fs { --r-fs: var(--r-fs-lg, var(--r-fs-md, var(--r-fs-sm, var(--r-fs-base)))) } }
    @container (min-width:1281px) { .d-r-fs { --r-fs: var(--r-fs-xl, var(--r-fs-lg, var(--r-fs-md, var(--r-fs-sm, var(--r-fs-base))))) } }
    .d-rv-fs { --rv-fs: var(--rv-fs-base);font-size: var(--rv-fs) }
    @media (min-width:641px) { .d-rv-fs { --rv-fs: var(--rv-fs-sm, var(--rv-fs-base)) } }
    @media (min-width:769px) { .d-rv-fs { --rv-fs: var(--rv-fs-md, var(--rv-fs-sm, var(--rv-fs-base))) } }
    @media (min-width:1025px) { .d-rv-fs { --rv-fs: var(--rv-fs-lg, var(--rv-fs-md, var(--rv-fs-sm, var(--rv-fs-base)))) } }
    @media (min-width:1281px) { .d-rv-fs { --rv-fs: var(--rv-fs-xl, var(--rv-fs-lg, var(--rv-fs-md, var(--rv-fs-sm, var(--rv-fs-base))))) } }

    
    .main-content.d-rv-pi { padding-inline:0 }
    
    .flex-1 { flex:1;min-height:0 }
    .main-content .d-col > span { max-width:min(72ch,100%) }
    .d-col.ai-center > :is(h1,h2,h3,p,span) { text-align:center }
    .main-content .d-col > :is(.field-float,.field-float-outlined,.field-listbox,.field-static) { max-width:min(40rem,640px,100%) }
    @media (max-width:640px) {
      .main-content > .d-base.flex-1 { flex:1 0 auto;min-height:auto }
      .main-content .d-col > .flex-1,
      .main-content .d-col > .d-expanded > .scv-shell.overflow-y-auto { flex:0 0 auto;min-height:auto;overflow-y:visible }
    }

    
    
    [id^='dv-bar-'] > .d-row { flex-wrap:wrap;row-gap:.5rem }
    [id^='dv-bar-'] > .d-row > .d-row:last-child { margin-inline-start:auto }
    [id^='dv-bar-'] > .d-row > .d-row { flex-wrap:nowrap;row-gap:.5rem }
    
    [id^='dv-bar-'] > .d-row > .d-expanded:not(:has(> .dv-filter-strip)) { min-width:0 }
    
    
    [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * { min-width:0;flex:0 1 auto }
    
    [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * > * { max-width:100%;min-width:0 }
    [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * > * > .d-row { min-width:0;max-width:100% }
    [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * > * > .d-row > span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
    
    
    .d-ovf { display:contents }
    @media (min-width:641px) { .d-ovf[data-ovf-scope=v][data-ovf-bp=sm] > [data-d-pop-body], .d-ovf[data-ovf-scope=v][data-ovf-bp=sm] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=v][data-ovf-bp=sm] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=v][data-ovf-bp=sm] > [data-d-pop-trigger] { display:none } }
    @container (min-width:641px) { .d-ovf[data-ovf-scope=c][data-ovf-bp=sm] > [data-d-pop-body], .d-ovf[data-ovf-scope=c][data-ovf-bp=sm] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=c][data-ovf-bp=sm] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=c][data-ovf-bp=sm] > [data-d-pop-trigger] { display:none } }
    @media (min-width:769px) { .d-ovf[data-ovf-scope=v][data-ovf-bp=md] > [data-d-pop-body], .d-ovf[data-ovf-scope=v][data-ovf-bp=md] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=v][data-ovf-bp=md] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=v][data-ovf-bp=md] > [data-d-pop-trigger] { display:none } }
    @container (min-width:769px) { .d-ovf[data-ovf-scope=c][data-ovf-bp=md] > [data-d-pop-body], .d-ovf[data-ovf-scope=c][data-ovf-bp=md] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=c][data-ovf-bp=md] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=c][data-ovf-bp=md] > [data-d-pop-trigger] { display:none } }
    @media (min-width:1025px) { .d-ovf[data-ovf-scope=v][data-ovf-bp=lg] > [data-d-pop-body], .d-ovf[data-ovf-scope=v][data-ovf-bp=lg] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=v][data-ovf-bp=lg] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=v][data-ovf-bp=lg] > [data-d-pop-trigger] { display:none } }
    @container (min-width:1025px) { .d-ovf[data-ovf-scope=c][data-ovf-bp=lg] > [data-d-pop-body], .d-ovf[data-ovf-scope=c][data-ovf-bp=lg] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=c][data-ovf-bp=lg] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=c][data-ovf-bp=lg] > [data-d-pop-trigger] { display:none } }
    @media (min-width:1281px) { .d-ovf[data-ovf-scope=v][data-ovf-bp=xl] > [data-d-pop-body], .d-ovf[data-ovf-scope=v][data-ovf-bp=xl] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=v][data-ovf-bp=xl] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=v][data-ovf-bp=xl] > [data-d-pop-trigger] { display:none } }
    @container (min-width:1281px) { .d-ovf[data-ovf-scope=c][data-ovf-bp=xl] > [data-d-pop-body], .d-ovf[data-ovf-scope=c][data-ovf-bp=xl] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=c][data-ovf-bp=xl] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=c][data-ovf-bp=xl] > [data-d-pop-trigger] { display:none } }
    .d-ovf.d-ovf-collapsed > [data-d-pop-body] { display:none }
    .d-ovf.d-ovf-collapsed > [data-d-pop-trigger] { display:inline-flex }
    .d-ovf.d-ovf-expanded > [data-d-pop-body], .d-ovf.d-ovf-expanded > [data-d-pop-body] > .atom-box { display:contents }
    .d-ovf.d-ovf-expanded > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem }
    .d-ovf.d-ovf-expanded > [data-d-pop-trigger] { display:none }

    
    @media (max-width:640px) {
      
      [id^='dv-bar-'] > .d-row { flex-wrap:wrap }
      [id^='dv-bar-'] > .d-row > .d-row { flex-wrap:wrap }
      
      
      
      [id^='dv-bar-'] > .d-row > [id^='dv-search-'] { flex-basis:100%;width:100%;max-width:none !important }
      
      
      [id^='dv-bar-'] > .d-row > .d-expanded > .dv-filter-strip > .d-row > * { flex:0 0 auto;scroll-snap-align:start }
      
      
      [id^='dv-bar-'] > .d-row > .d-row { flex:0 0 auto;justify-content:flex-start }
      [id^='dv-bar-'] > .d-row > .d-row button, [id^='dv-bar-'] > .d-row > .d-row a { padding-inline:.375rem }
      
      [id^='dv-bar-'] > .d-row > .d-expanded { flex:1 1 100%;min-width:0 }
      [id^='dv-bar-'] > .d-row > .d-expanded > .dv-filter-strip { min-width:0 }
      
      [id^='dv-bar-'] > .d-row > .d-expanded > .dv-filter-strip > .d-row {
        flex-wrap:nowrap;
        overflow-x:auto;overflow-y:hidden;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        scroll-snap-type:x proximity;
        padding-block:2px;
        
        margin-inline:calc(-1 * var(--rv-pi, 0px));
        padding-inline:var(--rv-pi, 0px);
        scroll-padding-inline:var(--rv-pi, 0px);
        -webkit-mask-image:linear-gradient(to right, transparent, #000 var(--rv-pi, 12px), #000 calc(100% - var(--rv-pi, 12px)), transparent);
        mask-image:linear-gradient(to right, transparent, #000 var(--rv-pi, 12px), #000 calc(100% - var(--rv-pi, 12px)), transparent)
      }
      [id^='dv-bar-'] > .d-row > .d-expanded > .dv-filter-strip > .d-row::-webkit-scrollbar { display:none }
      [id^='dv-bar-'] > .d-row > .d-expanded { overflow:visible }
      [id^='dv-bar-'] > .d-row { overflow:visible }
      .atom-box[data-clip='1'] > .d-col:has(> form > [id^='dv-bar-']) { overflow:visible }
      
      [id^='dv-bar-'] { padding-inline:0 }
      [id^='dv-chips-'] { padding-inline:0 }
      
      [id^='dv-bar-'] > .d-row > .d-row .d-ovf > [data-d-pop-trigger] > button > .d-row > span { display:none }
      
      [id^='dv-bar-'], [id^='dv-chips-'] { --control-height:36px }
      [id^='dv-bar-'] { padding-block:.375rem }
      [id^='dv-chips-'] { padding-block:.25rem }
      [id^='dv-bar-'] > .d-row { row-gap:.375rem }
      [id^='dv-bar-'] button, [id^='dv-bar-'] a { padding-block:.25rem }
      
      [id^='dv-pager-'] { --control-height:36px;padding-block:.25rem }
      [id^='dv-pager-'] button, [id^='dv-pager-'] a { padding-block:.25rem }
    }

    
    [id^='dv-chips-'] > .d-wrap > * { min-width:0;max-width:100% }
    [id^='dv-chips-'] > .d-wrap > a > .atom-box { max-width:100%;box-sizing:border-box }
    [id^='dv-chips-'] > .d-wrap > a > .atom-box > .d-row { min-width:0;max-width:100%;flex-shrink:1 }
    [id^='dv-chips-'] .d-row > span { min-width:0;overflow-wrap:anywhere;white-space:normal }
    [id^='dv-chips-'] svg.icon { flex-shrink:0 }

    :is(#page-header, #record-header) > .d-row { flex-wrap:wrap;row-gap:var(--space-2) }
    :is(#page-header, #record-header) > .d-row > *:first-child { min-width:12rem }

    
    [id^='ph-dock-'] { display:none }

    
    @media (max-width:640px) {
      :is(#page-header, #record-header) > .d-row > .d-row { flex-basis:100%;min-width:0;justify-content:flex-start }
      
      
      main:has([id^='ph-dock-']) [id^='ph-primary-'] { display:none }
      
      [id^='ph-dock-'] { display:block;padding-block:var(--space-2);position:sticky;bottom:0;z-index:3;pointer-events:none }
      [id^='ph-dock-'] :is(button, a, [role=button]) { pointer-events:auto }
      
      :is(#page-header, #record-header) > .d-row > .d-row { flex-wrap:wrap;row-gap:var(--space-2) }
    }

    .jc-start { justify-content:flex-start }
    .jc-end { justify-content:flex-end }
    .jc-center { justify-content:center }
    .jc-between { justify-content:space-between }
    .jc-around { justify-content:space-around }
    .jc-evenly { justify-content:space-evenly }

    .ai-start { align-items:flex-start }
    .ai-end { align-items:flex-end }
    .ai-center { align-items:center }
    .ai-stretch { align-items:stretch }
    .ai-baseline { align-items:baseline }

    .overflow-auto { overflow:auto }
    .overflow-y-auto { overflow-y:auto }
    .overflow-x-auto { overflow-x:auto }

    
    .atom-box { box-sizing:border-box }
    .atom-box[data-centered="1"] { display:inline-flex;align-items:center;justify-content:center }
    .atom-box[data-clip="1"] { overflow:hidden }
    [data-sticky="top"]    { position:sticky;top:0;z-index:3 }
    [data-sticky="left"]   { position:sticky;left:0;z-index:2 }
    [data-sticky="corner"] { position:sticky;top:0;left:0;z-index:4 }
 }
@layer base {
@keyframes datum-spin {
}
@keyframes datum-skeleton {
}
@keyframes datum-pulse {
}
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important; } }
:root[data-d-instant] *,:root[data-d-instant] *::before,:root[data-d-instant] *::after { transition:none !important; }
@media (forced-colors: active) { a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role='button']:focus-visible,[role='link']:focus-visible,[role='menuitem']:focus-visible,[role='menuitemcheckbox']:focus-visible,[role='option']:focus-visible,[role='tab']:focus-visible { outline:2px solid Highlight;outline-offset:1px } }
@media (prefers-contrast: more) and (forced-colors: none) { a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role='button']:focus-visible,[role='link']:focus-visible,[role='menuitem']:focus-visible,[role='menuitemcheckbox']:focus-visible,[role='option']:focus-visible,[role='tab']:focus-visible { outline:2px solid var(--foreground);outline-offset:1px } }
@layer overrides { body { background-color: light-dark(oklch(0.99 0.005 75), oklch(0.1 0.012 75)); color: light-dark(oklch(0.15 0.012 75), oklch(0.98 0.012 75)); } }
@layer scheme { :root { color-scheme: light only; }
html[data-cs="light"] { color-scheme: light only; }
}
@layer overrides { :root { --state-disabled-opacity: 0.50;
--state-disabled-cursor: not-allowed;
--state-invalid-border-color: light-dark(oklch(0.6 0.18 25), oklch(0.7 0.14 25));
--state-invalid-ring: 0 0 0 0.125rem color-mix(in oklch, light-dark(oklch(0.6 0.18 25), oklch(0.7 0.14 25)) 22%, transparent);
--state-readonly-opacity: 1.00;
--state-readonly-bg: light-dark(oklch(0.96 0.019 75), oklch(0.18 0.022 75));
--state-busy-opacity: 0.70;
--state-busy-cursor: progress;
--state-busy-spinner: light-dark(oklch(0.371 0.063 159.711), oklch(0.85 0.063 159.711));
--state-focus-ring-color: light-dark(oklch(0.55 0.063 159.711), oklch(0.7 0.063 159.711));
--state-focus-ring-width: 0.125rem;
--state-focus-ring-offset: 0.125rem;
--state-focus-ring: 0 0 0 0.125rem light-dark(oklch(0.55 0.063 159.711), oklch(0.7 0.063 159.711));

  --d-nav-gap: 0.125rem;
  --d-nav-inset: 0.625rem;
  --d-nav-row-min: 2.5rem;
  --d-nav-row-inset: 0.5rem 0rem;
  --d-nav-indent: var(--space-4);
  --d-nav-icon-size: 1.5rem;
  --d-nav-icon-inset: 0.375rem;
  --d-nav-group-hover-shadow: inset 2px 0 0 var(--state-focus-ring-color, var(--ring));
  --d-sidebar-expanded-w: 17rem;
  --d-page-gutter: var(--space-4);
  --d-page-gutter-wide: var(--space-6);
  --d-page-block-inset: var(--space-6);
  --d-page-overlay-gap: 1rem;
  --dv-cell-inset: var(--space-3) var(--space-4);
  --dv-cell-inset-x: calc(var(--space-4) + var(--space-4));
  --dv-theme-row-min: 2.75rem;
  --d-board-width: 18.75rem;
  --d-board-max-width: 85vw;
  --d-board-gap: var(--space-2);
  --d-board-inset: var(--space-2);
  --d-board-radius: var(--radius);
  --d-board-fill: color-mix(in oklch, var(--foreground) 3%, var(--background));
  --d-board-drop-fill: color-mix(in oklch, var(--primary) 8%, var(--background));
  --d-board-drop-stroke: color-mix(in oklch, var(--primary) 40%, transparent);
  --icon-stroke: 2;
 } }
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/_assets/59544b5c22288c88.woff2') format('woff2');}@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('/_assets/428ce5f23b06965d.woff2') format('woff2');}@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url('/_assets/7b127cfb6837bf55.woff2') format('woff2');}@layer overrides { :root {
--target-min-size:2rem;
--target-gap:0.5rem;
--target-icon-size:1.25rem;
--target-inset-x:0.625rem;
--target-inset-y:0.375rem;
}
@media (pointer: coarse) {
:root {
--target-min-size:2.75rem;
--target-gap:0.5rem;
--target-icon-size:1.5rem;
--target-inset-x:0.75rem;
--target-inset-y:0.625rem;
--control-height:2.75rem;
--form-control-height:2.75rem;
--field-height:2.75rem;
--control-inset-x:0.75rem;
--checkbox-size:1.5rem;
--radio-size:1.5rem;
--slider-handle-size:2.75rem;
}
}
:root[data-density="gloves"] {
--target-min-size:2.75rem;
--target-gap:0.5rem;
--target-icon-size:1.5rem;
--target-inset-x:0.75rem;
--target-inset-y:0.625rem;
--control-height:2.75rem;
--form-control-height:2.75rem;
--field-height:2.75rem;
--control-inset-x:0.75rem;
--checkbox-size:1.5rem;
--radio-size:1.5rem;
--slider-handle-size:2.75rem;
}
 }