@layer ag.compat, ag.reset, ag.tokens, ag.material, ag.components, ag.a11y;
/* @generated by scripts/tokens/build.mjs. Source: tokens/(recursive) *.tokens.json. Do not edit. */

@layer ag.tokens {
  :root {
    color-scheme: light dark;
    --_ag-app-shell-gap: 16px;
    --_ag-app-shell-inspector-width: 20rem;
    --_ag-app-shell-rail-width: 4rem;
    --_ag-app-shell-sidebar-width: 16rem;
    --_ag-app-shell-tabbar-height: 3.5rem;
    --_ag-app-shell-topbar-height: 3.25rem;
    --ag-comp-control-height-lg-compact: 44px;
    --ag-comp-control-height-lg-default: 44px;
    --ag-comp-control-height-lg-spacious: 48px;
    --ag-comp-control-height-md-compact: 32px;
    --ag-comp-control-height-md-default: 36px;
    --ag-comp-control-height-md-spacious: 40px;
    --ag-comp-control-height-sm-compact: 24px;
    --ag-comp-control-height-sm-default: 28px;
    --ag-comp-control-height-sm-spacious: 32px;
    --_ag-switch-thumb-inset: 2px;
    --ag-switch-track-h-lg: 30px;
    --ag-switch-track-h-md: 22px;
    --ag-switch-track-h-sm: 18px;
    --ag-switch-track-w-lg: 52px;
    --ag-switch-track-w-md: 40px;
    --ag-switch-track-w-sm: 32px;
    --ag-shadow-regular:
      0px 4px 16px 0px oklch(0 0 0 / 0.14), 0px 2px 6px 0px oklch(0 0 0 / 0.12);
    --ag-shadow-thick:
      0px 8px 32px 0px oklch(0 0 0 / 0.2), 0px 6px 24px 0px oklch(0 0 0 / 0.16);
    --ag-shadow-thin:
      0px 1px 4px 0px oklch(0 0 0 / 0.1), 0px 1px 1px 0px oklch(0 0 0 / 0.08);
    --ag-surface-fill: light-dark(oklch(0.99 0.004 250), oklch(0.18 0.012 250));
    --ag-on-surface: light-dark(oklch(0.26 0.016 250), oklch(0.99 0.004 250));
    --ag-on-surface-muted: light-dark(
      oklch(0.34 0.019 250),
      oklch(0.87 0.016 250)
    );
    --ag-surface-radius: 20px;
    --ag-surface-rim: light-dark(oklch(1 0 0), oklch(1 0 0));
    --ag-surface-shadow: oklch(0 0 0 / 0.18);
    --ag-color-accent: light-dark(oklch(0.64 0.16 235), oklch(0.71 0.15 235));
    --ag-color-border: light-dark(oklch(0.54 0.022 250), oklch(0.81 0.019 250));
    --ag-color-canvas: light-dark(oklch(0.99 0.004 250), oklch(0.18 0.012 250));
    --ag-color-danger: light-dark(oklch(0.43 0.17 27), oklch(0.88 0.09 27));
    --ag-color-focus-inner: light-dark(
      oklch(0.35 0.13 235),
      oklch(0.77 0.13 235)
    );
    --ag-color-focus-outer: light-dark(oklch(1 0 0), oklch(0 0 0));
    --ag-color-info: light-dark(oklch(0.62 0.15 215), oklch(0.7 0.14 215));
    --ag-color-on-accent: light-dark(oklch(1 0 0), oklch(1 0 0));
    --ag-color-on-surface: light-dark(
      oklch(0.26 0.016 250),
      oklch(0.99 0.004 250)
    );
    --ag-color-on-surface-muted: light-dark(
      oklch(0.34 0.019 250),
      oklch(0.87 0.016 250)
    );
    --ag-color-specular: light-dark(oklch(1 0 0), oklch(1 0 0));
    --ag-color-success: light-dark(oklch(0.6 0.15 150), oklch(0.68 0.15 150));
    --ag-color-warning: light-dark(oklch(0.74 0.16 90), oklch(0.74 0.16 90));
    --_ag-density: 1;
    --ag-density: var(--_ag-density);
    --_ag-env-brightness: 1;
    --ag-glass-opacity: 0;
    --ag-light-angle: 300deg;
    --ag-specular: 0.5;
    --ag-scrim-clear: 0.35;
    --ag-scrim-media: oklch(0 0 0 / 0.72);
    --_ag-scrim-modal: 0.4;
    --ag-focus-inner: light-dark(oklch(0.35 0.13 235), oklch(0.77 0.13 235));
    --ag-focus-outer: light-dark(oklch(1 0 0), oklch(0 0 0));
    --ag-font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;
    --ag-font-sans:
      -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --ag-scroll-padding-bottom: 0px;
    --ag-scroll-padding-top: 0px;
    --ag-duration-ambient: 40000ms;
    --ag-duration-instant: 90ms;
    --ag-duration-instant-exit: 60ms;
    --ag-duration-large: 450ms;
    --ag-duration-large-exit: 320ms;
    --ag-duration-medium: 320ms;
    --ag-duration-medium-exit: 220ms;
    --ag-duration-micro: 120ms;
    --ag-duration-micro-exit: 80ms;
    --ag-duration-small: 200ms;
    --ag-duration-small-exit: 140ms;
    --ag-ease-accelerate: cubic-bezier(0.3, 0, 1, 1);
    --ag-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
    --ag-ease-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
    --ag-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --ag-spring-fluid: linear(
      0,
      0.0059 1.2308%,
      0.0247 2.6154%,
      0.054 4%,
      0.0958 5.5385%,
      0.1396 6.9231%,
      0.193 8.4615%,
      0.423 14.6154%,
      0.5266 17.5385%,
      0.6252 20.6154%,
      0.7108 23.6923%,
      0.7796 26.6154%,
      0.8393 29.6923%,
      0.8891 32.9231%,
      0.9289 36.3077%,
      0.9593 39.8462%,
      0.9826 43.8462%,
      0.998 48.1538%,
      1.0069 53.0769%,
      1.0104 62.4615%,
      1 100%
    );
    --ag-spring-fluid-duration: 650ms;
    --ag-spring-smooth: linear(
      0,
      0.0054 1.2766%,
      0.0237 2.766%,
      0.052 4.2553%,
      0.0935 5.9574%,
      0.1815 8.9362%,
      0.3909 15.3191%,
      0.4903 18.5106%,
      0.5862 21.9149%,
      0.665 25.1064%,
      0.7326 28.2979%,
      0.7928 31.7021%,
      0.842 35.1064%,
      0.8835 38.7234%,
      0.9205 42.9787%,
      0.9484 47.4468%,
      0.9699 52.5532%,
      0.9848 58.2979%,
      0.9938 64.6809%,
      0.9987 72.3404%,
      1 100%
    );
    --ag-spring-smooth-duration: 470ms;
    --ag-spring-snappy: linear(
      0,
      0.0042 1%,
      0.0209 2.3333%,
      0.0476 3.6667%,
      0.0817 5%,
      0.1638 7.6667%,
      0.3693 13.6667%,
      0.466 16.6667%,
      0.5625 20%,
      0.6381 23%,
      0.7097 26.3333%,
      0.769 29.6667%,
      0.8175 33%,
      0.8602 36.6667%,
      0.8988 41%,
      0.9311 46%,
      0.9547 51.3333%,
      0.9721 57.3333%,
      0.9845 64.3333%,
      0.9927 72.6667%,
      1 100%
    );
    --ag-spring-snappy-duration: 300ms;
    --ag-radius-full: 9999px;
    --ag-radius-lg: 20px;
    --ag-radius-md: 14px;
    --ag-radius-sm: 10px;
    --ag-radius-xl: 28px;
    --ag-radius-xs: 6px;
    --_ag-shadow-chrome-regular:
      0px 0px 6px 0px oklch(0 0 0 / 0.12), 0px 2px 3px 0px oklch(0 0 0 / 0.096);
    --_ag-shadow-chrome-thick:
      0px 0px 10px 0px oklch(0 0 0 / 0.14), 0px 3px 5px 0px oklch(0 0 0 / 0.112);
    --_ag-shadow-chrome-thin:
      0px 0px 4px 0px oklch(0 0 0 / 0.1), 0px 1px 2px 0px oklch(0 0 0 / 0.08);
    --_ag-shadow-content-regular:
      0px 0px 2px 0px oklch(0 0 0 / 0.07), 0px 1px 1px 0px oklch(0 0 0 / 0.056);
    --_ag-shadow-content-thick:
      0px 0px 4px 0px oklch(0 0 0 / 0.08), 0px 1px 2px 0px oklch(0 0 0 / 0.064);
    --_ag-shadow-content-thin:
      0px 0px 1px 0px oklch(0 0 0 / 0.05), 0px 1px 1px 0px oklch(0 0 0 / 0.04);
    --_ag-shadow-overlay-regular:
      0px 0px 12px 0px oklch(0 0 0 / 0.18), 0px 3px 6px 0px oklch(0 0 0 / 0.144);
    --_ag-shadow-overlay-thick:
      0px 0px 16px 0px oklch(0 0 0 / 0.2), 0px 4px 8px 0px oklch(0 0 0 / 0.16);
    --_ag-shadow-overlay-thin:
      0px 0px 8px 0px oklch(0 0 0 / 0.16), 0px 2px 4px 0px oklch(0 0 0 / 0.128);
    --_ag-shadow-transient-regular:
      0px 0px 16px 0px oklch(0 0 0 / 0.24), 0px 4px 8px 0px oklch(0 0 0 / 0.192);
    --_ag-shadow-transient-thick:
      0px 0px 20px 0px oklch(0 0 0 / 0.26),
      0px 5px 10px 0px oklch(0 0 0 / 0.208);
    --_ag-shadow-transient-thin:
      0px 0px 12px 0px oklch(0 0 0 / 0.22), 0px 3px 6px 0px oklch(0 0 0 / 0.176);
    --ag-inset: 8px;
    --ag-radius-inner: max(0px, calc(var(--ag-radius-outer) - var(--ag-inset)));
    --ag-radius-outer: 20px;
    --ag-space-0: calc(0px * var(--ag-density));
    --ag-space-1: calc(4px * var(--ag-density));
    --ag-space-10: calc(40px * var(--ag-density));
    --ag-space-12: calc(48px * var(--ag-density));
    --ag-space-16: calc(64px * var(--ag-density));
    --ag-space-2: calc(8px * var(--ag-density));
    --ag-space-3: calc(12px * var(--ag-density));
    --ag-space-4: calc(16px * var(--ag-density));
    --ag-space-5: calc(20px * var(--ag-density));
    --ag-space-6: calc(24px * var(--ag-density));
    --ag-space-8: calc(32px * var(--ag-density));
    --ag-state-disabled-alpha: 0.45;
    --_ag-state-disabled-surface-alpha: 0.45;
    --_ag-state-dragging-lift: 4px;
    --_ag-state-dragging-specular: 0.2;
    --_ag-state-drop-target-fill: 0.06;
    --_ag-state-drop-target-rim: 2px;
    --ag-focus-width: 2px;
    --_ag-state-hover-floor: 0.02;
    --ag-state-hover-specular: 0.15;
    --_ag-state-loading-alpha: 0.7;
    --_ag-state-press-floor: 0.04;
    --ag-state-press-glow: 0.25;
    --_ag-state-selected-rim-width: 2px;
    --_ag-state-selected-tint: 0.16;
    --ag-target-coarse: 44px;
    --ag-target-min: 24px;
    --ag-type-body-leading: 1.45;
    --ag-type-body-size: clamp(15px, 0.9rem + 0.2vw, 17px);
    --_ag-type-body-tracking: 0em;
    --ag-type-body-weight: 500;
    --ag-type-callout-leading: 1.45;
    --ag-type-callout-size: clamp(
      14px,
      calc(14px + (2) * ((100vw - 320px) / 1120)),
      16px
    );
    --_ag-type-callout-tracking: 0em;
    --ag-type-callout-weight: 500;
    --ag-type-caption-leading: 1.3;
    --ag-type-caption-size: clamp(
      12px,
      calc(12px + (1) * ((100vw - 320px) / 1120)),
      13px
    );
    --_ag-type-caption-tracking: 0.01em;
    --ag-type-caption-weight: 500;
    --ag-type-display-leading: 1.1;
    --ag-type-display-size: clamp(
      32px,
      calc(32px + (12) * ((100vw - 320px) / 1120)),
      44px
    );
    --_ag-type-display-tracking: -0.02em;
    --ag-type-display-weight: 650;
    --ag-type-label-leading: 1.35;
    --ag-type-label-size: clamp(
      13px,
      calc(13px + (1) * ((100vw - 320px) / 1120)),
      14px
    );
    --_ag-type-label-tracking: 0.01em;
    --ag-type-label-weight: 600;
    --ag-type-mono-leading: 1.45;
    --ag-type-mono-size: clamp(
      14px,
      calc(14px + (1) * ((100vw - 320px) / 1120)),
      15px
    );
    --_ag-type-mono-tracking: 0em;
    --ag-type-mono-weight: 500;
    --ag-type-title-1-leading: 1.15;
    --ag-type-title-1-size: clamp(
      26px,
      calc(26px + (6) * ((100vw - 320px) / 1120)),
      32px
    );
    --_ag-type-title-1-tracking: -0.015em;
    --ag-type-title-1-weight: 620;
    --ag-type-title-2-leading: 1.2;
    --ag-type-title-2-size: clamp(
      22px,
      calc(22px + (4) * ((100vw - 320px) / 1120)),
      26px
    );
    --_ag-type-title-2-tracking: -0.01em;
    --ag-type-title-2-weight: 615;
    --ag-type-title-3-leading: 1.25;
    --ag-type-title-3-size: clamp(
      19px,
      calc(19px + (2) * ((100vw - 320px) / 1120)),
      21px
    );
    --_ag-type-title-3-tracking: -0.005em;
    --ag-type-title-3-weight: 610;
    --ag-z-chrome: 100;
    --ag-z-content: 0;
    --ag-z-overlay: 1000;
    --ag-z-toast: 1200;
    --ag-z-transient: 1100;
  }

  [data-ag-theme="aura"] {
    --ag-color-canvas: light-dark(oklch(0.99 0.004 250), oklch(0.18 0.012 250));
    --ag-color-accent: light-dark(oklch(0.64 0.16 235), oklch(0.71 0.15 235));
    --ag-color-on-accent: light-dark(
      oklch(0.18 0.012 250),
      oklch(0.18 0.012 250)
    );
    --ag-color-border: light-dark(oklch(0.54 0.022 250), oklch(0.81 0.019 250));
    --ag-radius-xs: 6px;
    --ag-radius-sm: 10px;
    --ag-radius-md: 14px;
    --ag-radius-lg: 20px;
    --ag-radius-xl: 28px;
  }

  [data-ag-theme="graphite"] {
    --ag-color-canvas: light-dark(oklch(0.97 0.003 240), oklch(0.22 0.008 240));
    --ag-color-accent: light-dark(oklch(0.55 0.02 240), oklch(0.62 0.0187 240));
    --ag-color-on-accent: light-dark(oklch(1 0 0), oklch(0.18 0.012 240));
    --ag-color-border: light-dark(oklch(0.54 0.022 240), oklch(0.81 0.019 240));
    --ag-radius-xs: 4.5px;
    --ag-radius-sm: 7.5px;
    --ag-radius-md: 10.5px;
    --ag-radius-lg: 15px;
    --ag-radius-xl: 21px;
  }

  [data-ag-theme="daylight"] {
    --ag-color-canvas: light-dark(oklch(0.995 0.002 95), oklch(0.25 0.01 95));
    --ag-color-accent: light-dark(oklch(0.62 0.17 150), oklch(0.69 0.1594 150));
    --ag-color-on-accent: light-dark(
      oklch(0.18 0.012 95),
      oklch(0.18 0.012 95)
    );
    --ag-color-border: light-dark(oklch(0.54 0.022 95), oklch(0.81 0.019 95));
    --ag-radius-xs: 6px;
    --ag-radius-sm: 10px;
    --ag-radius-md: 14px;
    --ag-radius-lg: 20px;
    --ag-radius-xl: 28px;
  }

  [data-ag-theme="midnight"] {
    --ag-color-canvas: light-dark(oklch(0.96 0.01 270), oklch(0.16 0.02 270));
    --ag-color-accent: light-dark(oklch(0.6 0.18 290), oklch(0.67 0.1687 290));
    --ag-color-on-accent: light-dark(oklch(0 0 0), oklch(0.18 0.012 270));
    --ag-color-border: light-dark(oklch(0.54 0.022 270), oklch(0.81 0.019 270));
    --ag-radius-xs: 7.5px;
    --ag-radius-sm: 12.5px;
    --ag-radius-md: 17.5px;
    --ag-radius-lg: 25px;
    --ag-radius-xl: 35px;
  }

  [data-ag-scheme="dark"] {
    color-scheme: dark;
    --ag-shadow-regular:
      0px 4px 16px 0px oklch(0 0 0 / 0.32), 0px 2px 6px 0px oklch(0 0 0 / 0.28);
    --ag-shadow-thick:
      0px 8px 32px 0px oklch(0 0 0 / 0.4), 0px 6px 24px 0px oklch(0 0 0 / 0.36);
    --ag-shadow-thin:
      0px 1px 4px 0px oklch(0 0 0 / 0.24), 0px 1px 1px 0px oklch(0 0 0 / 0.2);
    --_ag-shadow-chrome-regular:
      0px 0px 6px 0px oklch(0 0 0 / 0.192), 0px 2px 3px 0px oklch(0 0 0 / 0.154);
    --_ag-shadow-chrome-thick:
      0px 0px 10px 0px oklch(0 0 0 / 0.224),
      0px 3px 5px 0px oklch(0 0 0 / 0.179);
    --_ag-shadow-chrome-thin:
      0px 0px 4px 0px oklch(0 0 0 / 0.16), 0px 1px 2px 0px oklch(0 0 0 / 0.128);
    --_ag-shadow-content-regular:
      0px 0px 2px 0px oklch(0 0 0 / 0.112), 0px 1px 1px 0px oklch(0 0 0 / 0.09);
    --_ag-shadow-content-thick:
      0px 0px 4px 0px oklch(0 0 0 / 0.128), 0px 1px 2px 0px oklch(0 0 0 / 0.102);
    --_ag-shadow-content-thin:
      0px 0px 1px 0px oklch(0 0 0 / 0.08), 0px 1px 1px 0px oklch(0 0 0 / 0.064);
    --_ag-shadow-overlay-regular:
      0px 0px 12px 0px oklch(0 0 0 / 0.288), 0px 3px 6px 0px oklch(0 0 0 / 0.23);
    --_ag-shadow-overlay-thick:
      0px 0px 16px 0px oklch(0 0 0 / 0.32), 0px 4px 8px 0px oklch(0 0 0 / 0.256);
    --_ag-shadow-overlay-thin:
      0px 0px 8px 0px oklch(0 0 0 / 0.256), 0px 2px 4px 0px oklch(0 0 0 / 0.205);
    --_ag-shadow-transient-regular:
      0px 0px 16px 0px oklch(0 0 0 / 0.384),
      0px 4px 8px 0px oklch(0 0 0 / 0.307);
    --_ag-shadow-transient-thick:
      0px 0px 20px 0px oklch(0 0 0 / 0.416),
      0px 5px 10px 0px oklch(0 0 0 / 0.333);
    --_ag-shadow-transient-thin:
      0px 0px 12px 0px oklch(0 0 0 / 0.352),
      0px 3px 6px 0px oklch(0 0 0 / 0.282);
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-ag-scheme]) {
      color-scheme: dark;
      --ag-shadow-regular:
        0px 4px 16px 0px oklch(0 0 0 / 0.32),
        0px 2px 6px 0px oklch(0 0 0 / 0.28);
      --ag-shadow-thick:
        0px 8px 32px 0px oklch(0 0 0 / 0.4),
        0px 6px 24px 0px oklch(0 0 0 / 0.36);
      --ag-shadow-thin:
        0px 1px 4px 0px oklch(0 0 0 / 0.24), 0px 1px 1px 0px oklch(0 0 0 / 0.2);
      --_ag-shadow-chrome-regular:
        0px 0px 6px 0px oklch(0 0 0 / 0.192),
        0px 2px 3px 0px oklch(0 0 0 / 0.154);
      --_ag-shadow-chrome-thick:
        0px 0px 10px 0px oklch(0 0 0 / 0.224),
        0px 3px 5px 0px oklch(0 0 0 / 0.179);
      --_ag-shadow-chrome-thin:
        0px 0px 4px 0px oklch(0 0 0 / 0.16),
        0px 1px 2px 0px oklch(0 0 0 / 0.128);
      --_ag-shadow-content-regular:
        0px 0px 2px 0px oklch(0 0 0 / 0.112),
        0px 1px 1px 0px oklch(0 0 0 / 0.09);
      --_ag-shadow-content-thick:
        0px 0px 4px 0px oklch(0 0 0 / 0.128),
        0px 1px 2px 0px oklch(0 0 0 / 0.102);
      --_ag-shadow-content-thin:
        0px 0px 1px 0px oklch(0 0 0 / 0.08),
        0px 1px 1px 0px oklch(0 0 0 / 0.064);
      --_ag-shadow-overlay-regular:
        0px 0px 12px 0px oklch(0 0 0 / 0.288),
        0px 3px 6px 0px oklch(0 0 0 / 0.23);
      --_ag-shadow-overlay-thick:
        0px 0px 16px 0px oklch(0 0 0 / 0.32),
        0px 4px 8px 0px oklch(0 0 0 / 0.256);
      --_ag-shadow-overlay-thin:
        0px 0px 8px 0px oklch(0 0 0 / 0.256),
        0px 2px 4px 0px oklch(0 0 0 / 0.205);
      --_ag-shadow-transient-regular:
        0px 0px 16px 0px oklch(0 0 0 / 0.384),
        0px 4px 8px 0px oklch(0 0 0 / 0.307);
      --_ag-shadow-transient-thick:
        0px 0px 20px 0px oklch(0 0 0 / 0.416),
        0px 5px 10px 0px oklch(0 0 0 / 0.333);
      --_ag-shadow-transient-thin:
        0px 0px 12px 0px oklch(0 0 0 / 0.352),
        0px 3px 6px 0px oklch(0 0 0 / 0.282);
    }
  }

  [data-ag-contrast="more"] {
    --ag-state-disabled-alpha: 0.5;
    --_ag-state-disabled-surface-alpha: 0.5;
    --_ag-state-dragging-lift: 4px;
    --_ag-state-dragging-specular: 0;
    --_ag-state-drop-target-fill: 0.08;
    --_ag-state-drop-target-rim: 3px;
    --ag-focus-width: 3px;
    --_ag-state-hover-floor: 0.03;
    --ag-state-hover-specular: 0;
    --_ag-state-loading-alpha: 0.75;
    --_ag-state-press-floor: 0.06;
    --ag-state-press-glow: 0;
    --_ag-state-selected-rim-width: 2px;
    --_ag-state-selected-tint: 0.2;
  }

  @media (prefers-contrast: more) {
    :root:not([data-ag-contrast]) {
      --ag-state-disabled-alpha: 0.5;
      --_ag-state-disabled-surface-alpha: 0.5;
      --_ag-state-dragging-lift: 4px;
      --_ag-state-dragging-specular: 0;
      --_ag-state-drop-target-fill: 0.08;
      --_ag-state-drop-target-rim: 3px;
      --ag-focus-width: 3px;
      --_ag-state-hover-floor: 0.03;
      --ag-state-hover-specular: 0;
      --_ag-state-loading-alpha: 0.75;
      --_ag-state-press-floor: 0.06;
      --ag-state-press-glow: 0;
      --_ag-state-selected-rim-width: 2px;
      --_ag-state-selected-tint: 0.2;
    }
  }

  [data-ag-transparency="tinted"] {
    --ag-state-disabled-alpha: 0.45;
    --_ag-state-disabled-surface-alpha: 0.45;
    --_ag-state-dragging-lift: 4px;
    --_ag-state-dragging-specular: 0.2;
    --_ag-state-drop-target-fill: 0.06;
    --_ag-state-drop-target-rim: 2px;
    --ag-focus-width: 2px;
    --_ag-state-hover-floor: 0.02;
    --ag-state-hover-specular: 0.15;
    --_ag-state-loading-alpha: 0.7;
    --_ag-state-press-floor: 0.04;
    --ag-state-press-glow: 0.25;
    --_ag-state-selected-rim-width: 2px;
    --_ag-state-selected-tint: 0.16;
  }

  @media (prefers-reduced-transparency: reduce) {
    :root:not([data-ag-transparency]) {
      --ag-state-disabled-alpha: 0.45;
      --_ag-state-disabled-surface-alpha: 0.45;
      --_ag-state-dragging-lift: 4px;
      --_ag-state-dragging-specular: 0.2;
      --_ag-state-drop-target-fill: 0.06;
      --_ag-state-drop-target-rim: 2px;
      --ag-focus-width: 2px;
      --_ag-state-hover-floor: 0.02;
      --ag-state-hover-specular: 0.15;
      --_ag-state-loading-alpha: 0.7;
      --_ag-state-press-floor: 0.04;
      --ag-state-press-glow: 0.25;
      --_ag-state-selected-rim-width: 2px;
      --_ag-state-selected-tint: 0.16;
    }
  }

  [data-ag-transparency="solid"] {
    --ag-state-disabled-alpha: 0.5;
    --_ag-state-disabled-surface-alpha: 0.5;
    --_ag-state-dragging-lift: 4px;
    --_ag-state-dragging-specular: 0.2;
    --_ag-state-drop-target-fill: 0.12;
    --_ag-state-drop-target-rim: 2px;
    --ag-focus-width: 2px;
    --_ag-state-hover-floor: 0.06;
    --ag-state-hover-specular: 0.15;
    --_ag-state-loading-alpha: 0.8;
    --_ag-state-press-floor: 0.08;
    --ag-state-press-glow: 0.25;
    --_ag-state-selected-rim-width: 2px;
    --_ag-state-selected-tint: 0.28;
  }

  [data-ag-density="regular"] {
    --_ag-density: 1;
    --ag-density: 1;
    --ag-space-0: calc(0px * var(--ag-density));
    --ag-space-1: calc(4px * var(--ag-density));
    --ag-space-10: calc(40px * var(--ag-density));
    --ag-space-12: calc(48px * var(--ag-density));
    --ag-space-16: calc(64px * var(--ag-density));
    --ag-space-2: calc(8px * var(--ag-density));
    --ag-space-3: calc(12px * var(--ag-density));
    --ag-space-4: calc(16px * var(--ag-density));
    --ag-space-5: calc(20px * var(--ag-density));
    --ag-space-6: calc(24px * var(--ag-density));
    --ag-space-8: calc(32px * var(--ag-density));
  }

  [data-ag-density="compact"] {
    --_ag-app-shell-gap: 8px;
    --_ag-app-shell-topbar-height: 2.75rem;
    --_ag-density: 0.875;
    --ag-density: 0.875;
    --ag-space-0: calc(0px * var(--ag-density));
    --ag-space-1: calc(4px * var(--ag-density));
    --ag-space-10: calc(40px * var(--ag-density));
    --ag-space-12: calc(48px * var(--ag-density));
    --ag-space-16: calc(64px * var(--ag-density));
    --ag-space-2: calc(8px * var(--ag-density));
    --ag-space-3: calc(12px * var(--ag-density));
    --ag-space-4: calc(16px * var(--ag-density));
    --ag-space-5: calc(20px * var(--ag-density));
    --ag-space-6: calc(24px * var(--ag-density));
    --ag-space-8: calc(32px * var(--ag-density));
  }

  [data-ag-density="spacious"] {
    --_ag-app-shell-gap: 24px;
    --_ag-density: 1.125;
    --ag-density: 1.125;
    --ag-space-0: calc(0px * var(--ag-density));
    --ag-space-1: calc(4px * var(--ag-density));
    --ag-space-10: calc(40px * var(--ag-density));
    --ag-space-12: calc(48px * var(--ag-density));
    --ag-space-16: calc(64px * var(--ag-density));
    --ag-space-2: calc(8px * var(--ag-density));
    --ag-space-3: calc(12px * var(--ag-density));
    --ag-space-4: calc(16px * var(--ag-density));
    --ag-space-5: calc(20px * var(--ag-density));
    --ag-space-6: calc(24px * var(--ag-density));
    --ag-space-8: calc(32px * var(--ag-density));
    --_ag-app-shell-topbar-height: 3.25rem;
  }

  :root[data-ag-shadcn-source] {
    --ag-color-canvas: var(
      --background,
      light-dark(oklch(0.99 0.004 250), oklch(0.18 0.012 250))
    );
    --ag-color-on-surface: var(
      --foreground,
      light-dark(oklch(0.26 0.016 250), oklch(0.99 0.004 250))
    );
    --ag-color-accent: var(
      --primary,
      light-dark(oklch(0.64 0.16 235), oklch(0.71 0.15 235))
    );
    --ag-color-on-accent: var(
      --primary-foreground,
      light-dark(oklch(1 0 0), oklch(1 0 0))
    );
    --ag-color-on-surface-muted: var(
      --muted,
      light-dark(oklch(0.34 0.019 250), oklch(0.87 0.016 250))
    );
    --ag-color-border: var(
      --border,
      light-dark(oklch(0.54 0.022 250), oklch(0.81 0.019 250))
    );
    --ag-color-focus-inner: var(
      --ring,
      light-dark(oklch(0.35 0.13 235), oklch(0.77 0.13 235))
    );
    --ag-radius-md: var(--radius, 14px);
  }

  :where(:root:not([data-ag-shadcn-source])) {
    --background: var(--ag-color-canvas);
    --foreground: var(--ag-color-on-surface);
    --primary: var(--ag-color-accent);
    --primary-foreground: var(--ag-color-on-accent);
    --muted: var(--ag-color-on-surface-muted);
    --border: var(--ag-color-border);
    --ring: var(--ag-color-focus-inner);
    --radius: var(--ag-radius-md);
  }

  /* REQ-MAT-26 structural mapping (generated; scripts/tokens/formats/css-layered.mjs) */

  [data-ag-group][data-ag-spacing="0"] {
    --_ag-group-spacing: var(--ag-space-0);
  }

  [data-ag-group][data-ag-spacing="1"] {
    --_ag-group-spacing: var(--ag-space-1);
  }

  [data-ag-group][data-ag-spacing="2"] {
    --_ag-group-spacing: var(--ag-space-2);
  }

  [data-ag-group][data-ag-spacing="3"] {
    --_ag-group-spacing: var(--ag-space-3);
  }

  [data-ag-group][data-ag-spacing="4"] {
    --_ag-group-spacing: var(--ag-space-4);
  }

  [data-ag-group][data-ag-spacing="5"] {
    --_ag-group-spacing: var(--ag-space-5);
  }

  [data-ag-group][data-ag-spacing="6"] {
    --_ag-group-spacing: var(--ag-space-6);
  }

  [data-ag-group][data-ag-spacing="8"] {
    --_ag-group-spacing: var(--ag-space-8);
  }

  [data-ag-group][data-ag-spacing="10"] {
    --_ag-group-spacing: var(--ag-space-10);
  }

  [data-ag-group][data-ag-spacing="12"] {
    --_ag-group-spacing: var(--ag-space-12);
  }

  [data-ag-group][data-ag-spacing="16"] {
    --_ag-group-spacing: var(--ag-space-16);
  }

  [data-ag-part="concentric-frame"][data-ag-radius="full"] {
    --ag-radius-outer: var(--ag-radius-full);
  }

  [data-ag-part="concentric-frame"][data-ag-radius="lg"] {
    --ag-radius-outer: var(--ag-radius-lg);
  }

  [data-ag-part="concentric-frame"][data-ag-radius="md"] {
    --ag-radius-outer: var(--ag-radius-md);
  }

  [data-ag-part="concentric-frame"][data-ag-radius="sm"] {
    --ag-radius-outer: var(--ag-radius-sm);
  }

  [data-ag-part="concentric-frame"][data-ag-radius="xl"] {
    --ag-radius-outer: var(--ag-radius-xl);
  }

  [data-ag-part="concentric-frame"][data-ag-radius="xs"] {
    --ag-radius-outer: var(--ag-radius-xs);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="0"] {
    --ag-inset: var(--ag-space-0);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="1"] {
    --ag-inset: var(--ag-space-1);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="2"] {
    --ag-inset: var(--ag-space-2);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="3"] {
    --ag-inset: var(--ag-space-3);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="4"] {
    --ag-inset: var(--ag-space-4);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="5"] {
    --ag-inset: var(--ag-space-5);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="6"] {
    --ag-inset: var(--ag-space-6);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="8"] {
    --ag-inset: var(--ag-space-8);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="10"] {
    --ag-inset: var(--ag-space-10);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="12"] {
    --ag-inset: var(--ag-space-12);
  }

  [data-ag-part="concentric-frame"][data-ag-inset="16"] {
    --ag-inset: var(--ag-space-16);
  }

  [data-ag-radius="full"]:not([data-ag-part="concentric-frame"]) {
    --_ag-fallback-radius: var(--ag-radius-full);
  }

  [data-ag-radius="lg"]:not([data-ag-part="concentric-frame"]) {
    --_ag-fallback-radius: var(--ag-radius-lg);
  }

  [data-ag-radius="md"]:not([data-ag-part="concentric-frame"]) {
    --_ag-fallback-radius: var(--ag-radius-md);
  }

  [data-ag-radius="sm"]:not([data-ag-part="concentric-frame"]) {
    --_ag-fallback-radius: var(--ag-radius-sm);
  }

  [data-ag-radius="xl"]:not([data-ag-part="concentric-frame"]) {
    --_ag-fallback-radius: var(--ag-radius-xl);
  }

  [data-ag-radius="xs"]:not([data-ag-part="concentric-frame"]) {
    --_ag-fallback-radius: var(--ag-radius-xs);
  }

  [data-ag-shape="concentric"]:not([data-ag-radius]) {
    --_ag-fallback-radius: var(--ag-radius-md);
  }
  @supports not (color: light-dark(#000, #fff)) {
    :root {
      --ag-surface-fill: oklch(0.99 0.004 250);
      --ag-on-surface: oklch(0.26 0.016 250);
      --ag-on-surface-muted: oklch(0.34 0.019 250);
      --ag-surface-rim: oklch(1 0 0);
      --ag-color-accent: oklch(0.64 0.16 235);
      --ag-color-border: oklch(0.54 0.022 250);
      --ag-color-canvas: oklch(0.99 0.004 250);
      --ag-color-danger: oklch(0.43 0.17 27);
      --ag-color-focus-inner: oklch(0.35 0.13 235);
      --ag-color-focus-outer: oklch(1 0 0);
      --ag-color-info: oklch(0.62 0.15 215);
      --ag-color-on-accent: oklch(1 0 0);
      --ag-color-on-surface: oklch(0.26 0.016 250);
      --ag-color-on-surface-muted: oklch(0.34 0.019 250);
      --ag-color-specular: oklch(1 0 0);
      --ag-color-success: oklch(0.6 0.15 150);
      --ag-color-warning: oklch(0.74 0.16 90);
      --ag-focus-inner: oklch(0.35 0.13 235);
      --ag-focus-outer: oklch(1 0 0);
    }
    [data-ag-scheme="dark"] {
      color-scheme: dark;
      --ag-surface-fill: oklch(0.18 0.012 250);
      --ag-on-surface: oklch(0.99 0.004 250);
      --ag-on-surface-muted: oklch(0.87 0.016 250);
      --ag-surface-rim: oklch(1 0 0);
      --ag-color-accent: oklch(0.71 0.15 235);
      --ag-color-border: oklch(0.81 0.019 250);
      --ag-color-canvas: oklch(0.18 0.012 250);
      --ag-color-danger: oklch(0.88 0.09 27);
      --ag-color-focus-inner: oklch(0.77 0.13 235);
      --ag-color-focus-outer: oklch(0 0 0);
      --ag-color-info: oklch(0.7 0.14 215);
      --ag-color-on-accent: oklch(1 0 0);
      --ag-color-on-surface: oklch(0.99 0.004 250);
      --ag-color-on-surface-muted: oklch(0.87 0.016 250);
      --ag-color-specular: oklch(1 0 0);
      --ag-color-success: oklch(0.68 0.15 150);
      --ag-color-warning: oklch(0.74 0.16 90);
      --ag-focus-inner: oklch(0.77 0.13 235);
      --ag-focus-outer: oklch(0 0 0);
    }
    @media (prefers-color-scheme: dark) {
      :root:not([data-ag-scheme]) {
        color-scheme: dark;
        --ag-surface-fill: oklch(0.18 0.012 250);
        --ag-on-surface: oklch(0.99 0.004 250);
        --ag-on-surface-muted: oklch(0.87 0.016 250);
        --ag-surface-rim: oklch(1 0 0);
        --ag-color-accent: oklch(0.71 0.15 235);
        --ag-color-border: oklch(0.81 0.019 250);
        --ag-color-canvas: oklch(0.18 0.012 250);
        --ag-color-danger: oklch(0.88 0.09 27);
        --ag-color-focus-inner: oklch(0.77 0.13 235);
        --ag-color-focus-outer: oklch(0 0 0);
        --ag-color-info: oklch(0.7 0.14 215);
        --ag-color-on-accent: oklch(1 0 0);
        --ag-color-on-surface: oklch(0.99 0.004 250);
        --ag-color-on-surface-muted: oklch(0.87 0.016 250);
        --ag-color-specular: oklch(1 0 0);
        --ag-color-success: oklch(0.68 0.15 150);
        --ag-color-warning: oklch(0.74 0.16 90);
        --ag-focus-inner: oklch(0.77 0.13 235);
        --ag-focus-outer: oklch(0 0 0);
      }
    }
    [data-ag-theme="aura"] {
      --ag-color-canvas: oklch(0.99 0.004 250);
      --ag-color-accent: oklch(0.64 0.16 235);
      --ag-color-on-accent: oklch(0.18 0.012 250);
      --ag-color-border: oklch(0.54 0.022 250);
    }
    [data-ag-theme="aura"][data-ag-scheme="dark"] {
      --ag-color-canvas: oklch(0.18 0.012 250);
      --ag-color-accent: oklch(0.71 0.15 235);
      --ag-color-on-accent: oklch(0.18 0.012 250);
      --ag-color-border: oklch(0.81 0.019 250);
    }
    @media (prefers-color-scheme: dark) {
      [data-ag-theme="aura"]:not([data-ag-scheme]) {
        --ag-color-canvas: oklch(0.18 0.012 250);
        --ag-color-accent: oklch(0.71 0.15 235);
        --ag-color-on-accent: oklch(0.18 0.012 250);
        --ag-color-border: oklch(0.81 0.019 250);
      }
    }
    [data-ag-theme="graphite"] {
      --ag-color-canvas: oklch(0.97 0.003 240);
      --ag-color-accent: oklch(0.55 0.02 240);
      --ag-color-on-accent: oklch(1 0 0);
      --ag-color-border: oklch(0.54 0.022 240);
    }
    [data-ag-theme="graphite"][data-ag-scheme="dark"] {
      --ag-color-canvas: oklch(0.22 0.008 240);
      --ag-color-accent: oklch(0.62 0.0187 240);
      --ag-color-on-accent: oklch(0.18 0.012 240);
      --ag-color-border: oklch(0.81 0.019 240);
    }
    @media (prefers-color-scheme: dark) {
      [data-ag-theme="graphite"]:not([data-ag-scheme]) {
        --ag-color-canvas: oklch(0.22 0.008 240);
        --ag-color-accent: oklch(0.62 0.0187 240);
        --ag-color-on-accent: oklch(0.18 0.012 240);
        --ag-color-border: oklch(0.81 0.019 240);
      }
    }
    [data-ag-theme="daylight"] {
      --ag-color-canvas: oklch(0.995 0.002 95);
      --ag-color-accent: oklch(0.62 0.17 150);
      --ag-color-on-accent: oklch(0.18 0.012 95);
      --ag-color-border: oklch(0.54 0.022 95);
    }
    [data-ag-theme="daylight"][data-ag-scheme="dark"] {
      --ag-color-canvas: oklch(0.25 0.01 95);
      --ag-color-accent: oklch(0.69 0.1594 150);
      --ag-color-on-accent: oklch(0.18 0.012 95);
      --ag-color-border: oklch(0.81 0.019 95);
    }
    @media (prefers-color-scheme: dark) {
      [data-ag-theme="daylight"]:not([data-ag-scheme]) {
        --ag-color-canvas: oklch(0.25 0.01 95);
        --ag-color-accent: oklch(0.69 0.1594 150);
        --ag-color-on-accent: oklch(0.18 0.012 95);
        --ag-color-border: oklch(0.81 0.019 95);
      }
    }
    [data-ag-theme="midnight"] {
      --ag-color-canvas: oklch(0.96 0.01 270);
      --ag-color-accent: oklch(0.6 0.18 290);
      --ag-color-on-accent: oklch(0 0 0);
      --ag-color-border: oklch(0.54 0.022 270);
    }
    [data-ag-theme="midnight"][data-ag-scheme="dark"] {
      --ag-color-canvas: oklch(0.16 0.02 270);
      --ag-color-accent: oklch(0.67 0.1687 290);
      --ag-color-on-accent: oklch(0.18 0.012 270);
      --ag-color-border: oklch(0.81 0.019 270);
    }
    @media (prefers-color-scheme: dark) {
      [data-ag-theme="midnight"]:not([data-ag-scheme]) {
        --ag-color-canvas: oklch(0.16 0.02 270);
        --ag-color-accent: oklch(0.67 0.1687 290);
        --ag-color-on-accent: oklch(0.18 0.012 270);
        --ag-color-border: oklch(0.81 0.019 270);
      }
    }
  }

  @supports not (color: oklch(0 0 0)) {
    :root {
      --ag-shadow-regular:
        0px 4px 16px 0px rgb(0 0 0 / 0.14), 0px 2px 6px 0px rgb(0 0 0 / 0.12);
      --ag-shadow-thick:
        0px 8px 32px 0px rgb(0 0 0 / 0.2), 0px 6px 24px 0px rgb(0 0 0 / 0.16);
      --ag-shadow-thin:
        0px 1px 4px 0px rgb(0 0 0 / 0.1), 0px 1px 1px 0px rgb(0 0 0 / 0.08);
      --ag-surface-fill: #fafcfe;
      --ag-on-surface: #1e252c;
      --ag-on-surface-muted: #313942;
      --ag-surface-rim: #ffffff;
      --ag-surface-shadow: rgb(0 0 0 / 0.18);
      --ag-color-accent: #0097d2;
      --ag-color-border: #65707b;
      --ag-color-canvas: #fafcfe;
      --ag-color-danger: #970911;
      --ag-color-focus-inner: #00405b;
      --ag-color-focus-outer: #ffffff;
      --ag-color-info: #0096af;
      --ag-color-on-accent: #ffffff;
      --ag-color-on-surface: #1e252c;
      --ag-color-on-surface-muted: #313942;
      --ag-color-specular: #ffffff;
      --ag-color-success: #25984d;
      --ag-color-warning: #d0a500;
      --ag-scrim-media: rgb(0 0 0 / 0.72);
      --ag-focus-inner: #00405b;
      --ag-focus-outer: #ffffff;
      --_ag-shadow-chrome-regular:
        0px 0px 6px 0px rgb(0 0 0 / 0.12), 0px 2px 3px 0px rgb(0 0 0 / 0.096);
      --_ag-shadow-chrome-thick:
        0px 0px 10px 0px rgb(0 0 0 / 0.14), 0px 3px 5px 0px rgb(0 0 0 / 0.112);
      --_ag-shadow-chrome-thin:
        0px 0px 4px 0px rgb(0 0 0 / 0.1), 0px 1px 2px 0px rgb(0 0 0 / 0.08);
      --_ag-shadow-content-regular:
        0px 0px 2px 0px rgb(0 0 0 / 0.07), 0px 1px 1px 0px rgb(0 0 0 / 0.056);
      --_ag-shadow-content-thick:
        0px 0px 4px 0px rgb(0 0 0 / 0.08), 0px 1px 2px 0px rgb(0 0 0 / 0.064);
      --_ag-shadow-content-thin:
        0px 0px 1px 0px rgb(0 0 0 / 0.05), 0px 1px 1px 0px rgb(0 0 0 / 0.04);
      --_ag-shadow-overlay-regular:
        0px 0px 12px 0px rgb(0 0 0 / 0.18), 0px 3px 6px 0px rgb(0 0 0 / 0.144);
      --_ag-shadow-overlay-thick:
        0px 0px 16px 0px rgb(0 0 0 / 0.2), 0px 4px 8px 0px rgb(0 0 0 / 0.16);
      --_ag-shadow-overlay-thin:
        0px 0px 8px 0px rgb(0 0 0 / 0.16), 0px 2px 4px 0px rgb(0 0 0 / 0.128);
      --_ag-shadow-transient-regular:
        0px 0px 16px 0px rgb(0 0 0 / 0.24), 0px 4px 8px 0px rgb(0 0 0 / 0.192);
      --_ag-shadow-transient-thick:
        0px 0px 20px 0px rgb(0 0 0 / 0.26), 0px 5px 10px 0px rgb(0 0 0 / 0.208);
      --_ag-shadow-transient-thin:
        0px 0px 12px 0px rgb(0 0 0 / 0.22), 0px 3px 6px 0px rgb(0 0 0 / 0.176);
    }

    [data-ag-theme="aura"] {
      --ag-color-canvas: #fafcfe;
      --ag-color-accent: #0097d2;
      --ag-color-on-accent: #0e1217;
      --ag-color-border: #65707b;
    }

    [data-ag-theme="aura"][data-ag-scheme="dark"] {
      --ag-color-canvas: #0e1217;
      --ag-color-accent: #04aef1;
      --ag-color-on-accent: #0e1217;
      --ag-color-border: #b8c2cd;
    }

    @media (prefers-color-scheme: dark) {
      [data-ag-theme="aura"]:not([data-ag-scheme]) {
        --ag-color-canvas: #0e1217;
        --ag-color-accent: #04aef1;
        --ag-color-on-accent: #0e1217;
        --ag-color-border: #b8c2cd;
      }
    }

    [data-ag-theme="graphite"] {
      --ag-color-canvas: #f3f5f7;
      --ag-color-accent: #67737c;
      --ag-color-on-accent: #ffffff;
      --ag-color-border: #64717a;
    }

    [data-ag-theme="graphite"][data-ag-scheme="dark"] {
      --ag-color-canvas: #171b1e;
      --ag-color-accent: #7c8891;
      --ag-color-on-accent: #0d1216;
      --ag-color-border: #b6c3cc;
    }

    @media (prefers-color-scheme: dark) {
      [data-ag-theme="graphite"]:not([data-ag-scheme]) {
        --ag-color-canvas: #171b1e;
        --ag-color-accent: #7c8891;
        --ag-color-on-accent: #0d1216;
        --ag-color-border: #b6c3cc;
      }
    }

    [data-ag-theme="daylight"] {
      --ag-color-canvas: #fefdfc;
      --ag-color-accent: #03a14a;
      --ag-color-on-accent: #13120c;
      --ag-color-border: #726f61;
    }

    [data-ag-theme="daylight"][data-ag-scheme="dark"] {
      --ag-color-canvas: #23221c;
      --ag-color-accent: #3fb663;
      --ag-color-on-accent: #13120c;
      --ag-color-border: #c4c1b4;
    }

    @media (prefers-color-scheme: dark) {
      [data-ag-theme="daylight"]:not([data-ag-scheme]) {
        --ag-color-canvas: #23221c;
        --ag-color-accent: #3fb663;
        --ag-color-on-accent: #13120c;
        --ag-color-border: #c4c1b4;
      }
    }

    [data-ag-theme="midnight"] {
      --ag-color-canvas: #eff2f9;
      --ag-color-accent: #8267e2;
      --ag-color-on-accent: #000000;
      --ag-color-border: #696e7c;
    }

    [data-ag-theme="midnight"][data-ag-scheme="dark"] {
      --ag-color-canvas: #0a0d16;
      --ag-color-accent: #967ff4;
      --ag-color-on-accent: #0f1117;
      --ag-color-border: #bcc1ce;
    }

    @media (prefers-color-scheme: dark) {
      [data-ag-theme="midnight"]:not([data-ag-scheme]) {
        --ag-color-canvas: #0a0d16;
        --ag-color-accent: #967ff4;
        --ag-color-on-accent: #0f1117;
        --ag-color-border: #bcc1ce;
      }
    }

    [data-ag-scheme="dark"] {
      --ag-surface-fill: #0e1217;
      --ag-on-surface: #fafcfe;
      --ag-on-surface-muted: #cdd5df;
      --ag-surface-rim: #ffffff;
      --ag-color-accent: #04aef1;
      --ag-color-border: #b8c2cd;
      --ag-color-canvas: #0e1217;
      --ag-color-danger: #ffc8c1;
      --ag-color-focus-inner: #52c1fb;
      --ag-color-focus-outer: #000000;
      --ag-color-info: #00b1ce;
      --ag-color-on-accent: #ffffff;
      --ag-color-on-surface: #fafcfe;
      --ag-color-on-surface-muted: #cdd5df;
      --ag-color-specular: #ffffff;
      --ag-color-success: #45b164;
      --ag-color-warning: #d0a500;
      --ag-focus-inner: #52c1fb;
      --ag-focus-outer: #000000;
      --ag-shadow-regular:
        0px 4px 16px 0px rgb(0 0 0 / 0.32), 0px 2px 6px 0px rgb(0 0 0 / 0.28);
      --ag-shadow-thick:
        0px 8px 32px 0px rgb(0 0 0 / 0.4), 0px 6px 24px 0px rgb(0 0 0 / 0.36);
      --ag-shadow-thin:
        0px 1px 4px 0px rgb(0 0 0 / 0.24), 0px 1px 1px 0px rgb(0 0 0 / 0.2);
      --_ag-shadow-chrome-regular:
        0px 0px 6px 0px rgb(0 0 0 / 0.192), 0px 2px 3px 0px rgb(0 0 0 / 0.154);
      --_ag-shadow-chrome-thick:
        0px 0px 10px 0px rgb(0 0 0 / 0.224), 0px 3px 5px 0px rgb(0 0 0 / 0.179);
      --_ag-shadow-chrome-thin:
        0px 0px 4px 0px rgb(0 0 0 / 0.16), 0px 1px 2px 0px rgb(0 0 0 / 0.128);
      --_ag-shadow-content-regular:
        0px 0px 2px 0px rgb(0 0 0 / 0.112), 0px 1px 1px 0px rgb(0 0 0 / 0.09);
      --_ag-shadow-content-thick:
        0px 0px 4px 0px rgb(0 0 0 / 0.128), 0px 1px 2px 0px rgb(0 0 0 / 0.102);
      --_ag-shadow-content-thin:
        0px 0px 1px 0px rgb(0 0 0 / 0.08), 0px 1px 1px 0px rgb(0 0 0 / 0.064);
      --_ag-shadow-overlay-regular:
        0px 0px 12px 0px rgb(0 0 0 / 0.288), 0px 3px 6px 0px rgb(0 0 0 / 0.23);
      --_ag-shadow-overlay-thick:
        0px 0px 16px 0px rgb(0 0 0 / 0.32), 0px 4px 8px 0px rgb(0 0 0 / 0.256);
      --_ag-shadow-overlay-thin:
        0px 0px 8px 0px rgb(0 0 0 / 0.256), 0px 2px 4px 0px rgb(0 0 0 / 0.205);
      --_ag-shadow-transient-regular:
        0px 0px 16px 0px rgb(0 0 0 / 0.384), 0px 4px 8px 0px rgb(0 0 0 / 0.307);
      --_ag-shadow-transient-thick:
        0px 0px 20px 0px rgb(0 0 0 / 0.416), 0px 5px 10px 0px rgb(0 0 0 / 0.333);
      --_ag-shadow-transient-thin:
        0px 0px 12px 0px rgb(0 0 0 / 0.352), 0px 3px 6px 0px rgb(0 0 0 / 0.282);
    }

    @media (prefers-color-scheme: dark) {
      :root:not([data-ag-scheme]) {
        --ag-surface-fill: #0e1217;
        --ag-on-surface: #fafcfe;
        --ag-on-surface-muted: #cdd5df;
        --ag-surface-rim: #ffffff;
        --ag-color-accent: #04aef1;
        --ag-color-border: #b8c2cd;
        --ag-color-canvas: #0e1217;
        --ag-color-danger: #ffc8c1;
        --ag-color-focus-inner: #52c1fb;
        --ag-color-focus-outer: #000000;
        --ag-color-info: #00b1ce;
        --ag-color-on-accent: #ffffff;
        --ag-color-on-surface: #fafcfe;
        --ag-color-on-surface-muted: #cdd5df;
        --ag-color-specular: #ffffff;
        --ag-color-success: #45b164;
        --ag-color-warning: #d0a500;
        --ag-focus-inner: #52c1fb;
        --ag-focus-outer: #000000;
        --ag-shadow-regular:
          0px 4px 16px 0px rgb(0 0 0 / 0.32), 0px 2px 6px 0px rgb(0 0 0 / 0.28);
        --ag-shadow-thick:
          0px 8px 32px 0px rgb(0 0 0 / 0.4), 0px 6px 24px 0px rgb(0 0 0 / 0.36);
        --ag-shadow-thin:
          0px 1px 4px 0px rgb(0 0 0 / 0.24), 0px 1px 1px 0px rgb(0 0 0 / 0.2);
        --_ag-shadow-chrome-regular:
          0px 0px 6px 0px rgb(0 0 0 / 0.192), 0px 2px 3px 0px rgb(0 0 0 / 0.154);
        --_ag-shadow-chrome-thick:
          0px 0px 10px 0px rgb(0 0 0 / 0.224),
          0px 3px 5px 0px rgb(0 0 0 / 0.179);
        --_ag-shadow-chrome-thin:
          0px 0px 4px 0px rgb(0 0 0 / 0.16), 0px 1px 2px 0px rgb(0 0 0 / 0.128);
        --_ag-shadow-content-regular:
          0px 0px 2px 0px rgb(0 0 0 / 0.112), 0px 1px 1px 0px rgb(0 0 0 / 0.09);
        --_ag-shadow-content-thick:
          0px 0px 4px 0px rgb(0 0 0 / 0.128), 0px 1px 2px 0px rgb(0 0 0 / 0.102);
        --_ag-shadow-content-thin:
          0px 0px 1px 0px rgb(0 0 0 / 0.08), 0px 1px 1px 0px rgb(0 0 0 / 0.064);
        --_ag-shadow-overlay-regular:
          0px 0px 12px 0px rgb(0 0 0 / 0.288), 0px 3px 6px 0px rgb(0 0 0 / 0.23);
        --_ag-shadow-overlay-thick:
          0px 0px 16px 0px rgb(0 0 0 / 0.32), 0px 4px 8px 0px rgb(0 0 0 / 0.256);
        --_ag-shadow-overlay-thin:
          0px 0px 8px 0px rgb(0 0 0 / 0.256), 0px 2px 4px 0px rgb(0 0 0 / 0.205);
        --_ag-shadow-transient-regular:
          0px 0px 16px 0px rgb(0 0 0 / 0.384),
          0px 4px 8px 0px rgb(0 0 0 / 0.307);
        --_ag-shadow-transient-thick:
          0px 0px 20px 0px rgb(0 0 0 / 0.416),
          0px 5px 10px 0px rgb(0 0 0 / 0.333);
        --_ag-shadow-transient-thin:
          0px 0px 12px 0px rgb(0 0 0 / 0.352),
          0px 3px 6px 0px rgb(0 0 0 / 0.282);
      }
    }

    :root[data-ag-shadcn-source] {
      --ag-color-canvas: var(--background, #fafcfe);
      --ag-color-on-surface: var(--foreground, #1e252c);
      --ag-color-accent: var(--primary, #0097d2);
      --ag-color-on-accent: var(--primary-foreground, #ffffff);
      --ag-color-on-surface-muted: var(--muted, #313942);
      --ag-color-border: var(--border, #65707b);
      --ag-color-focus-inner: var(--ring, #00405b);
    }

    :root[data-ag-shadcn-source][data-ag-scheme="dark"] {
      --ag-color-canvas: var(--background, #0e1217);
      --ag-color-on-surface: var(--foreground, #fafcfe);
      --ag-color-accent: var(--primary, #04aef1);
      --ag-color-on-accent: var(--primary-foreground, #ffffff);
      --ag-color-on-surface-muted: var(--muted, #cdd5df);
      --ag-color-border: var(--border, #b8c2cd);
      --ag-color-focus-inner: var(--ring, #52c1fb);
    }

    @media (prefers-color-scheme: dark) {
      :root[data-ag-shadcn-source]:not([data-ag-scheme]) {
        --ag-color-canvas: var(--background, #0e1217);
        --ag-color-on-surface: var(--foreground, #fafcfe);
        --ag-color-accent: var(--primary, #04aef1);
        --ag-color-on-accent: var(--primary-foreground, #ffffff);
        --ag-color-on-surface-muted: var(--muted, #cdd5df);
        --ag-color-border: var(--border, #b8c2cd);
        --ag-color-focus-inner: var(--ring, #52c1fb);
      }
    }
  }

  @supports not (transition-timing-function: linear(0, 1)) {
    :root {
      --ag-spring-fluid: var(--ag-ease-emphasized-decelerate);
      --ag-spring-smooth: var(--ag-ease-emphasized-decelerate);
      --ag-spring-snappy: var(--ag-ease-standard);
    }
  }

  @media (forced-colors: active) {
    :root,
    [data-ag-theme="aura"],
    [data-ag-theme="graphite"],
    [data-ag-theme="daylight"],
    [data-ag-theme="midnight"],
    [data-ag-theme="aura"][data-ag-scheme="dark"],
    [data-ag-theme="aura"]:not([data-ag-scheme]),
    [data-ag-theme="graphite"][data-ag-scheme="dark"],
    [data-ag-theme="graphite"]:not([data-ag-scheme]),
    [data-ag-theme="daylight"][data-ag-scheme="dark"],
    [data-ag-theme="daylight"]:not([data-ag-scheme]),
    [data-ag-theme="midnight"][data-ag-scheme="dark"],
    [data-ag-theme="midnight"]:not([data-ag-scheme]),
    :root[data-ag-shadcn-source],
    :root[data-ag-shadcn-source][data-ag-scheme="dark"],
    :root[data-ag-shadcn-source]:not([data-ag-scheme]),
    [data-ag-scheme="dark"],
    :root:not([data-ag-scheme]) {
      --ag-color-accent: Highlight;
      --ag-color-border: CanvasText;
      --ag-color-canvas: Canvas;
      --ag-color-danger: CanvasText;
      --ag-color-focus-inner: Highlight;
      --ag-color-focus-outer: Canvas;
      --ag-color-info: CanvasText;
      --ag-color-on-accent: HighlightText;
      --ag-color-on-surface: CanvasText;
      --ag-color-on-surface-muted: CanvasText;
      --ag-color-specular: Canvas;
      --ag-color-success: CanvasText;
      --ag-color-warning: CanvasText;
    }
  }

  /* MAT-003 component privates registry — names declared with `initial` so
     var(--_ag-x, <fallback>) resolution is unchanged; component css/JS still owns values. */
  :root {
    --_ag-accent: initial;
    --_ag-accent-fg: initial;
    --_ag-accent-mix: initial;
    --_ag-accent-soft: initial;
    --_ag-ai-composer-block: initial;
    --_ag-ai-composer-max-block: initial;
    --_ag-ai-keyboard-inset: initial;
    --_ag-ai-message-max-inline: initial;
    --_ag-alpha: initial;
    --_ag-app-shell: initial;
    --_ag-app-shell-content-max: initial;
    --_ag-app-shell-insp: initial;
    --_ag-app-shell-mode: initial;
    --_ag-app-shell-rail: initial;
    --_ag-app-shell-side: initial;
    --_ag-app-shell-tabbar: initial;
    --_ag-app-shell-top: initial;
    --_ag-arrow-rim: initial;
    --_ag-avatar-overlap: initial;
    --_ag-avatar-size: initial;
    --_ag-avatar-size-lg: initial;
    --_ag-avatar-size-sm: initial;
    --_ag-backdrop-aurora-a: initial;
    --_ag-backdrop-aurora-b: initial;
    --_ag-backdrop-aurora-c: initial;
    --_ag-backdrop-c1: initial;
    --_ag-backdrop-c2: initial;
    --_ag-backdrop-c3: initial;
    --_ag-backdrop-c4: initial;
    --_ag-backdrop-mesh-1: initial;
    --_ag-backdrop-mesh-2: initial;
    --_ag-backdrop-mesh-3: initial;
    --_ag-backdrop-mesh-4: initial;
    --_ag-backdrop-mesh-tint: initial;
    --_ag-bg-active: initial;
    --_ag-bg-badge: initial;
    --_ag-blur: initial;
    --_ag-border: initial;
    --_ag-border-strong: initial;
    --_ag-border-subtle: initial;
    --_ag-border-width: initial;
    --_ag-brightness: initial;
    --_ag-canvas-fill: initial;
    --_ag-carousel-gap: initial;
    --_ag-chart-1: initial;
    --_ag-chart-2: initial;
    --_ag-chart-3: initial;
    --_ag-chart-4: initial;
    --_ag-chart-5: initial;
    --_ag-chart-6: initial;
    --_ag-chart-7: initial;
    --_ag-chart-8: initial;
    --_ag-chip-tint: initial;
    --_ag-color-on-surface-disabled: initial;
    --_ag-combobox-inline-size: initial;
    --_ag-combobox-popup-max-h: initial;
    --_ag-combobox-popup-min-w: initial;
    --_ag-command-palette-max-h: initial;
    --_ag-command-palette-max-width: initial;
    --_ag-command-palette-top: initial;
    --_ag-command-virtual-h: initial;
    --_ag-composer-max-rows: initial;
    --_ag-container-lg: initial;
    --_ag-container-md: initial;
    --_ag-container-sm: initial;
    --_ag-container-xl: initial;
    --_ag-content-raised-alpha: initial;
    --_ag-content-sunken-alpha: initial;
    --_ag-danger: initial;
    --_ag-dialog-foot-h: initial;
    --_ag-dialog-head-h: initial;
    --_ag-dim: initial;
    --_ag-drag-x: initial;
    --_ag-drag-y: initial;
    --_ag-edge-x: initial;
    --_ag-edge-y: initial;
    --_ag-end: initial;
    --_ag-fallback-fill: initial;
    --_ag-fallback-radius: initial;
    --_ag-fg: initial;
    --_ag-fg-badge: initial;
    --_ag-fg-disabled: initial;
    --_ag-fg-muted: initial;
    --_ag-fg-subtle: initial;
    --_ag-fill: initial;
    --_ag-filter-bar-search-basis: initial;
    --_ag-floor-alpha: initial;
    --_ag-floor-lift: initial;
    --_ag-focus: initial;
    --_ag-grain-opacity: initial;
    --_ag-grain-tile: initial;
    --_ag-grid-cols: initial;
    --_ag-grid-cols-base: initial;
    --_ag-grid-cols-lg: initial;
    --_ag-grid-cols-md: initial;
    --_ag-grid-cols-sm: initial;
    --_ag-grid-min-item: initial;
    --_ag-group-spacing: initial;
    --_ag-hairline: initial;
    --_ag-heading-leading: initial;
    --_ag-heading-md: initial;
    --_ag-heading-weight: initial;
    --_ag-hit-gap: initial;
    --_ag-hover: initial;
    --_ag-identity-hover-tint: initial;
    --_ag-identity-press-tint: initial;
    --_ag-info: initial;
    --_ag-inner-fill: initial;
    --_ag-intent-danger: initial;
    --_ag-intent-success: initial;
    --_ag-intent-warning: initial;
    --_ag-line: initial;
    --_ag-link: initial;
    --_ag-mat-blur: initial;
    --_ag-mat-grain: initial;
    --_ag-mat-rim: initial;
    --_ag-mat-saturation: initial;
    --_ag-mat-shadow: initial;
    --_ag-media-luma: initial;
    --_ag-media-panel-width: initial;
    --_ag-media-progress: initial;
    --_ag-now-playing-art: initial;
    --_ag-now-playing-h: initial;
    --_ag-on-accent: initial;
    --_ag-on-surface: initial;
    --_ag-on-surface-max: initial;
    --_ag-on-surface-muted: initial;
    --_ag-opacity-disabled: initial;
    --_ag-optics: initial;
    --_ag-pointer: initial;
    --_ag-press: initial;
    --_ag-press-inset: initial;
    --_ag-radius-1: initial;
    --_ag-radius-2: initial;
    --_ag-radius-3: initial;
    --_ag-rating-off: initial;
    --_ag-rating-on: initial;
    --_ag-refraction-scale: initial;
    --_ag-rim-light: initial;
    --_ag-rim-shade: initial;
    --_ag-rim-width: initial;
    --_ag-saturation: initial;
    --_ag-scale-down: initial;
    --_ag-scrim-blur: initial;
    --_ag-seg-h: initial;
    --_ag-seg-w: initial;
    --_ag-seg-x: initial;
    --_ag-seg-y: initial;
    --_ag-segmented-hover-tint: initial;
    --_ag-select-inline-size: initial;
    --_ag-select-popup-max-h: initial;
    --_ag-separator-alpha: initial;
    --_ag-shadow: initial;
    --_ag-sheet-detent-max: initial;
    --_ag-sheet-detent-offset: initial;
    --_ag-sheet-side-w: initial;
    --_ag-side-sign: initial;
    --_ag-skeleton: initial;
    --_ag-slider-track-alpha: initial;
    --_ag-slides-per-view: initial;
    --_ag-space-2-5: initial;
    --_ag-sparkline-color: initial;
    --_ag-specular-lift: initial;
    --_ag-start: initial;
    --_ag-stat-card-danger: initial;
    --_ag-stat-card-success: initial;
    --_ag-stepper-hover-tint: initial;
    --_ag-stepper-press-tint: initial;
    --_ag-steps-indicator-size: initial;
    --_ag-success: initial;
    --_ag-surface: initial;
    --_ag-surface-alpha: initial;
    --_ag-surface-fill: initial;
    --_ag-surface-radius: initial;
    --_ag-surface-raised: initial;
    --_ag-surface-rim: initial;
    --_ag-surface-shadow: initial;
    --_ag-sweep-duration: initial;
    --_ag-switch-off-tint: initial;
    --_ag-tab-bar-floating-max-width: initial;
    --_ag-tab-bar-minimize-range: initial;
    --_ag-table-pad-inline: initial;
    --_ag-table-pad-lg: initial;
    --_ag-table-pad-md: initial;
    --_ag-table-pad-sm: initial;
    --_ag-table-pin-shadow: initial;
    --_ag-table-row-height: initial;
    --_ag-table-row-lg-px: initial;
    --_ag-table-row-md-px: initial;
    --_ag-table-row-sm-px: initial;
    --_ag-tabs-indicator-h: initial;
    --_ag-target: initial;
    --_ag-text-2xl: initial;
    --_ag-text-lg: initial;
    --_ag-text-md: initial;
    --_ag-text-secondary: initial;
    --_ag-text-sm: initial;
    --_ag-text-xs: initial;
    --_ag-tf-h: initial;
    --_ag-tf-h-compact: initial;
    --_ag-tf-h-default: initial;
    --_ag-tf-h-spacious: initial;
    --_ag-tf-pad: initial;
    --_ag-thumb: initial;
    --_ag-thumb-ring: initial;
    --_ag-time-picker-column-width: initial;
    --_ag-time-picker-height: initial;
    --_ag-tint-floor: initial;
    --_ag-tint-floor-expanded: initial;
    --_ag-tint-floor-full-height: initial;
    --_ag-tint-floor-more: initial;
    --_ag-tint-floor-overlay: initial;
    --_ag-tint-floor-solid: initial;
    --_ag-tint-floor-tinted: initial;
    --_ag-tint-neutral: initial;
    --_ag-tip-in: initial;
    --_ag-toast-accent: initial;
    --_ag-toast-progress-display: initial;
    --_ag-toast-timeout: initial;
    --_ag-toggle-hover-tint: initial;
    --_ag-toolbar-hover-tint: initial;
    --_ag-toolbar-separator-alpha: initial;
    --_ag-touch-target: initial;
    --_ag-tree-indent: initial;
    --_ag-tree-indent-narrow: initial;
    --_ag-tree-indent-wide: initial;
    --_ag-tree-level: initial;
    --_ag-type-body-family: initial;
    --_ag-type-mono-family: initial;
    --_ag-visual-viewport-height: initial;
    --_ag-vt-name: initial;
    --_ag-warning: initial;
    --_ag-weight-medium: initial;
    --_ag-weight-semibold: initial;
    --_ag-z-base: initial;
    --_ag-z-popover: initial;
  }
}