/* dist/design-system/theme/tokens.css */
:root {
  --font-size: 16px;
  --content-max-width: 1440px;
  --primary-0: #000000;
  --primary-10: #230612;
  --primary-20: #4B0723;
  --primary-30: #760534;
  --primary-40: #9B0342;
  --primary-50: #B8014C;
  --primary-60: #E6196E;
  --primary-70: #E65692;
  --primary-80: #EB94B8;
  --primary-90: #F2CADB;
  --primary-95: #F7E3EC;
  --primary-99: #FCF8FA;
  --primary-100: #FFFFFF;
  --secondary-0: #000000;
  --secondary-10: #001529;
  --secondary-20: #002A52;
  --secondary-30: #002B54;
  --secondary-40: #044A8B;
  --secondary-50: #0B75D3;
  --secondary-60: #338FE6;
  --secondary-70: #65A8E6;
  --secondary-80: #9BC3E9;
  --secondary-90: #CBDEF1;
  --secondary-95: #E4EDF6;
  --secondary-99: #F8FAFB;
  --secondary-100: #FFFFFF;
  --neutral-0: #000000;
  --neutral-10: #05090D;
  --neutral-20: #0A1016;
  --neutral-25: #0F151B;
  --neutral-30: #13191E;
  --neutral-35: #1B2126;
  --neutral-40: #20262C;
  --neutral-50: #2B3238;
  --neutral-60: #3F454B;
  --neutral-70: #5A6066;
  --neutral-80: #767C82;
  --neutral-90: #93999E;
  --neutral-95: #DDE1E5;
  --neutral-99: #F4F6F8;
  --neutral-100: #FFFFFF;
  --lifecycle-draft: #94A3B8;
  --lifecycle-draft-container: #1E293B;
  --lifecycle-draft-on-container: #CBD5E1;
  --lifecycle-pending: #FBBF24;
  --lifecycle-pending-container: #451A03;
  --lifecycle-pending-on-container: #FDE68A;
  --lifecycle-review: #338FE6;
  --lifecycle-review-container: #044A8B;
  --lifecycle-review-on-container: #9BC3E9;
  --lifecycle-feedback: #A78BFA;
  --lifecycle-feedback-container: #4C1D95;
  --lifecycle-feedback-on-container: #DDD6FE;
  --lifecycle-approved: #34D399;
  --lifecycle-approved-container: #064E3B;
  --lifecycle-approved-on-container: #A7F3D0;
  --lifecycle-published: var(--secondary-70);
  --lifecycle-published-container: var(--secondary-30);
  --lifecycle-published-on-container: var(--secondary-90);
  --lifecycle-flagged: #F87171;
  --lifecycle-flagged-container: #7F1D1D;
  --lifecycle-flagged-on-container: #FECACA;
  --lifecycle-draft-on-accent: #000000;
  --lifecycle-pending-on-accent: #000000;
  --lifecycle-review-on-accent: #000000;
  --lifecycle-feedback-on-accent: #000000;
  --lifecycle-approved-on-accent: #000000;
  --lifecycle-published-on-accent: #000000;
  --lifecycle-flagged-on-accent: #000000;
  --content-accent: #2DD4BF;
  --status-info: #338FE6;
  --status-info-container: #044A8B;
  --status-info-on-container: #9BC3E9;
  --status-success: #34D399;
  --status-success-container: #064E3B;
  --status-success-on-container: #A7F3D0;
  --status-warning: #FBBF24;
  --status-warning-container: #451A03;
  --status-warning-on-container: #FDE68A;
  --status-error: #F87171;
  --status-error-container: #7F1D1D;
  --status-error-on-container: #FECACA;
  --surface-dim: var(--neutral-10);
  --surface: var(--neutral-25);
  --surface-bright: var(--neutral-35);
  --surface-container-lowest: var(--neutral-0);
  --surface-container-low: var(--neutral-20);
  --surface-container: var(--neutral-35);
  --surface-container-high: var(--neutral-40);
  --surface-container-highest: var(--neutral-50);
  --background: var(--neutral-10);
  --foreground: var(--secondary-95);
  --card: var(--surface-container);
  --card-foreground: var(--secondary-95);
  --popover: var(--surface-container-high);
  --popover-foreground: var(--secondary-95);
  --primary: var(--secondary-60);
  --primary-foreground: var(--neutral-100);
  --itc-logo: #eef2f7;
  --itc-action: var(--secondary-50);
  --itc-action-foreground: var(--neutral-100);
  --itc-action-text: var(--secondary-70);
  --secondary: var(--secondary-40);
  --secondary-foreground: var(--neutral-99);
  --muted: var(--neutral-30);
  --muted-foreground: var(--neutral-90);
  --accent: var(--secondary-70);
  --accent-foreground: var(--neutral-10);
  --destructive: var(--status-error);
  --cta: var(--primary-60);
  --cta-foreground: var(--neutral-100);
  --cta-text: var(--primary-80);
  --border: var(--neutral-40);
  --input: var(--neutral-30);
  --ring: var(--secondary-60);
  --elevation-0: none;
  --elevation-1:
    0 1px 2px rgba(0, 0, 0, 0.4),
    0 2px 4px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 0 0 1000px rgba(255, 255, 255, 0.03);
  --elevation-2:
    0 2px 4px rgba(0, 0, 0, 0.4),
    0 4px 8px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 0 1000px rgba(255, 255, 255, 0.06);
  --elevation-3:
    0 4px 8px rgba(0, 0, 0, 0.45),
    0 8px 16px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 0 0 1000px rgba(255, 255, 255, 0.09);
  --elevation-4:
    0 8px 16px rgba(0, 0, 0, 0.5),
    0 16px 32px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
  --elevation-5:
    0 16px 24px rgba(0, 0, 0, 0.55),
    0 24px 48px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 0 0 1000px rgba(255, 255, 255, 0.16);
  --text-display-lg: 3.5rem;
  --text-display-md: 2.75rem;
  --text-display-sm: 2.25rem;
  --text-headline-lg: 2rem;
  --text-headline-md: 1.75rem;
  --text-headline-sm: 1.5rem;
  --text-title-lg: 1.375rem;
  --text-title-md: 1.125rem;
  --text-title-sm: 0.875rem;
  --text-body-lg: 1rem;
  --text-body-md: 0.875rem;
  --text-body-sm: 0.75rem;
  --text-label-lg: 0.875rem;
  --text-label-md: 0.75rem;
  --text-label-sm: 0.6875rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-display:
    "Zilla Slab",
    "Roboto Slab",
    "Source Serif Pro",
    "Iowan Old Style",
    "Cambria",
    Georgia,
    serif;
  --font-body:
    "Public Sans",
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-mono:
    "Recursive",
    "JetBrains Mono",
    "SF Mono",
    ui-monospace,
    "Cascadia Mono",
    Consolas,
    "Liberation Mono",
    monospace;
  --motion-curve-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-curve-emphasize: cubic-bezier(0.2, 0, 0, 1);
  --motion-curve-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --motion-curve-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --motion-duration-fast: 150ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 300ms;
  --motion-stagger-step: 35ms;
  --transition-standard: 300ms var(--motion-curve-standard);
  --transition-emphasized: 500ms var(--motion-curve-emphasize);
  --transition-decelerate: 400ms var(--motion-curve-decelerate);
  --transition-accelerate: 200ms var(--motion-curve-accelerate);
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;
  --radius: var(--radius-lg);
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --chart-1: var(--primary-70);
  --chart-2: var(--lifecycle-review);
  --chart-3: var(--lifecycle-pending);
  --chart-4: var(--primary-80);
  --chart-5: var(--secondary-40);
  --sidebar: var(--neutral-20);
  --sidebar-foreground: var(--secondary-95);
  --sidebar-primary: var(--primary-60);
  --sidebar-primary-foreground: var(--neutral-100);
  --sidebar-accent: var(--neutral-30);
  --sidebar-accent-foreground: var(--neutral-90);
  --sidebar-border: var(--neutral-40);
  --sidebar-ring: var(--primary-60);
  --glass-top-subtle: rgba(255, 255, 255, 0.06);
  --glass-bottom-subtle: rgba(255, 255, 255, 0.02);
  --glass-top: rgba(255, 255, 255, 0.10);
  --glass-bottom: rgba(255, 255, 255, 0.04);
  --glass-top-strong: rgba(255, 255, 255, 0.16);
  --glass-bottom-strong: rgba(255, 255, 255, 0.06);
  --glass-modal-bg:
    linear-gradient(
      180deg,
      rgba(19, 25, 30, 0.82),
      rgba(15, 21, 27, 0.72));
  --glass-border: rgba(255, 255, 255, 0.10);
  --glass-border-strong: rgba(255, 255, 255, 0.16);
  --glass-highlight-top: rgba(255, 255, 255, 0.14);
  --surface-sheen-top: rgba(255, 255, 255, 0.14);
  --field-glass-image:
    linear-gradient(
      180deg,
      var(--glass-top-subtle),
      var(--glass-bottom-subtle));
  --field-glass-filter: blur(var(--glass-blur-subtle)) saturate(var(--glass-saturate));
  --card-glass-top: var(--glass-top);
  --card-glass-bottom: var(--glass-bottom);
  --glass-saturate: 160%;
  --glass-saturate-strong: 180%;
  --glass-blur-subtle: 12px;
  --glass-blur: 20px;
  --glass-blur-strong: 28px;
  --glass-blur-modal: 40px;
  --aurora-base: var(--neutral-10);
  --aurora-primary-1: rgba(184, 1, 76, 0.18);
  --aurora-primary-2: rgba(11, 117, 211, 0.18);
  --aurora-primary-3: rgba(0, 43, 84, 0.30);
  --aurora-cool: rgba(48, 129, 200, 0.12);
  --aurora-warm: rgba(206, 224, 15, 0.06);
  --shimmer-base: rgba(255, 255, 255, 0.04);
  --shimmer-peak: rgba(255, 255, 255, 0.14);
  --glow-rest: 0 0 20px rgba(230, 25, 110, 0.30), 0 0 40px rgba(230, 25, 110, 0.10);
  --glow-peak: 0 0 30px rgba(230, 25, 110, 0.50), 0 0 60px rgba(230, 25, 110, 0.20);
  --emboss-highlight: rgba(255, 255, 255, 0.06);
  --emboss-shadow: rgba(0, 0, 0, 0.45);
  --emboss-raised: -3px -3px 6px var(--emboss-highlight), 3px 3px 7px var(--emboss-shadow);
  --emboss-pressed: inset 2px 2px 5px var(--emboss-shadow), inset -2px -2px 5px var(--emboss-highlight);
}
.light {
  --surface-container-lowest: #FFFFFF;
  --surface-container-low: #F7F9FA;
  --surface-container: #ECF0F3;
  --surface-container-high: #E2E7EB;
  --surface-container-highest:#D7DDE2;
  --surface: #FFFFFF;
  --surface-bright: #FFFFFF;
  --surface-dim: #ECF0F3;
  --background: var(--surface-container-low);
  --foreground: var(--secondary-30);
  --card: var(--surface-container-lowest);
  --card-foreground: var(--secondary-30);
  --popover: var(--surface-container-lowest);
  --popover-foreground: var(--secondary-30);
  --primary: var(--secondary-30);
  --primary-foreground: var(--primary-100);
  --itc-logo: var(--secondary-30);
  --itc-action: var(--secondary-50);
  --itc-action-foreground: #ffffff;
  --itc-action-text: var(--secondary-50);
  --secondary: var(--secondary-90);
  --secondary-foreground: var(--secondary-10);
  --muted: var(--surface-container);
  --muted-foreground: var(--neutral-50);
  --accent: var(--secondary-95);
  --accent-foreground: var(--secondary-10);
  --destructive: #B91C1C;
  --cta: var(--primary-50);
  --cta-foreground: #FFFFFF;
  --cta-text: var(--primary-50);
  --border: rgba(0, 43, 84, 0.10);
  --input: var(--surface-container-lowest);
  --ring: var(--secondary-30);
  --lifecycle-draft: #64748B;
  --lifecycle-draft-container: #EEF1F5;
  --lifecycle-draft-on-container: #475569;
  --lifecycle-pending: #B45309;
  --lifecycle-pending-container: #FEF6E0;
  --lifecycle-pending-on-container: #92400E;
  --lifecycle-review: #0B75D3;
  --lifecycle-review-container: #E4EDF6;
  --lifecycle-review-on-container: #044A8B;
  --lifecycle-feedback: #7C3AED;
  --lifecycle-feedback-container: #EFE7FB;
  --lifecycle-feedback-on-container: #5B21B6;
  --lifecycle-approved: #047857;
  --lifecycle-approved-container: #E0F2EE;
  --lifecycle-approved-on-container: #065F46;
  --lifecycle-published: var(--secondary-30);
  --lifecycle-published-container: var(--secondary-90);
  --lifecycle-published-on-container: var(--secondary-30);
  --lifecycle-flagged: #DC2626;
  --lifecycle-flagged-container: #FCE7E7;
  --lifecycle-flagged-on-container: #991B1B;
  --lifecycle-draft-on-accent: #FFFFFF;
  --lifecycle-pending-on-accent: #FFFFFF;
  --lifecycle-review-on-accent: #FFFFFF;
  --lifecycle-feedback-on-accent: #FFFFFF;
  --lifecycle-approved-on-accent: #FFFFFF;
  --lifecycle-published-on-accent: #FFFFFF;
  --lifecycle-flagged-on-accent: #FFFFFF;
  --content-accent: #0D9488;
  --status-info: #0B75D3;
  --status-info-container: #E4EDF6;
  --status-info-on-container: #044A8B;
  --status-success: #10B981;
  --status-success-container: #E0F2EE;
  --status-success-on-container: #065F46;
  --status-warning: #D97706;
  --status-warning-container: #FEF6E0;
  --status-warning-on-container: #92400E;
  --status-error: #DC2626;
  --status-error-container: #FCE7E7;
  --status-error-on-container: #991B1B;
  --sidebar: #FFFFFF;
  --sidebar-foreground: var(--secondary-30);
  --sidebar-primary: var(--primary-50);
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #ECF0F3;
  --sidebar-accent-foreground: var(--secondary-30);
  --sidebar-border: rgba(0, 43, 84, 0.10);
  --sidebar-ring: var(--primary-50);
  --elevation-ink:
    0,
    43,
    84;
  --elevation-0: none;
  --elevation-1: 0 1px 1px rgba(var(--elevation-ink), 0.05), 0 2px 4px rgba(var(--elevation-ink), 0.04);
  --elevation-2: 0 1px 2px rgba(var(--elevation-ink), 0.06), 0 4px 8px rgba(var(--elevation-ink), 0.06);
  --elevation-3: 0 2px 4px rgba(var(--elevation-ink), 0.07), 0 8px 16px rgba(var(--elevation-ink), 0.08);
  --elevation-4: 0 4px 8px rgba(var(--elevation-ink), 0.08), 0 16px 32px rgba(var(--elevation-ink), 0.10);
  --elevation-5: 0 8px 16px rgba(var(--elevation-ink), 0.10), 0 24px 48px rgba(var(--elevation-ink), 0.14);
  --glass-top-subtle: rgba(255, 255, 255, 0.55);
  --glass-bottom-subtle: rgba(255, 255, 255, 0.40);
  --glass-top: rgba(255, 255, 255, 0.70);
  --glass-bottom: rgba(255, 255, 255, 0.50);
  --glass-top-strong: rgba(255, 255, 255, 0.82);
  --glass-bottom-strong: rgba(255, 255, 255, 0.62);
  --glass-modal-bg:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.92),
      rgba(247, 249, 250, 0.85));
  --glass-border: rgba(0, 43, 84, 0.08);
  --glass-border-strong: rgba(0, 43, 84, 0.12);
  --glass-highlight-top: rgba(255, 255, 255, 0.95);
  --surface-sheen-top: rgba(255, 255, 255, 0.20);
  --field-glass-image: none;
  --field-glass-filter: none;
  --card-glass-top: rgba(255, 255, 255, 0.25);
  --card-glass-bottom: rgba(255, 255, 255, 0.15);
  --glass-saturate: 140%;
  --glass-saturate-strong: 160%;
  --aurora-base: #F7F9FA;
  --aurora-primary-1: rgba(242, 202, 219, 0.45);
  --aurora-primary-2: rgba(155, 195, 233, 0.50);
  --aurora-primary-3: rgba(203, 222, 241, 0.45);
  --aurora-cool: rgba(115, 180, 237, 0.20);
  --aurora-warm: rgba(232, 240, 130, 0.18);
  --shimmer-base: rgba(0, 43, 84, 0.04);
  --shimmer-peak: rgba(0, 43, 84, 0.10);
  --glow-rest: 0 0 14px rgba(184, 1, 76, 0.14), 0 0 28px rgba(184, 1, 76, 0.06);
  --glow-peak: 0 0 20px rgba(184, 1, 76, 0.22), 0 0 40px rgba(184, 1, 76, 0.10);
  --emboss-highlight: rgba(255, 255, 255, 0.75);
  --emboss-shadow: rgba(0, 43, 84, 0.13);
}
@layer base {
  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--muted-foreground) 38%, transparent) transparent;
  }
  *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  *::-webkit-scrollbar-track {
    background: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background-color: color-mix(in srgb, var(--muted-foreground) 38%, transparent);
    border-radius: var(--radius-full);
    border: 2px solid transparent;
    background-clip: padding-box;
  }
  *::-webkit-scrollbar-thumb:hover {
    background-color: color-mix(in srgb, var(--muted-foreground) 60%, transparent);
  }
  html {
    font-size: var(--font-size);
    scrollbar-gutter: stable;
  }
  body {
    margin: 0;
    color: var(--foreground);
    background-color: var(--aurora-base);
    transition: background-color var(--transition-standard), color var(--transition-standard);
    font-family: var(--font-body);
    font-feature-settings:
      "tnum" 1,
      "cv01" 1,
      "cv11" 1,
      "ss01" 1;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  h1 {
    font-family: var(--font-display);
    font-size: var(--text-headline-lg);
    font-weight: var(--font-weight-bold);
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  h2 {
    font-family: var(--font-display);
    font-size: var(--text-headline-md);
    font-weight: var(--font-weight-semibold);
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  h3 {
    font-size: var(--text-title-lg);
    font-weight: var(--font-weight-semibold);
    line-height: 1.4;
  }
  h4 {
    font-size: var(--text-title-md);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }
  p {
    font-size: var(--text-body-lg);
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
  }
  label {
    font-size: var(--text-label-lg);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }
  button {
    font-size: var(--text-body-md);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }
  input,
  textarea,
  select {
    font-size: var(--text-body-md);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }
}
@layer components {
  .emboss-raised {
    box-shadow: var(--emboss-raised);
  }
  .emboss-pressed {
    box-shadow: var(--emboss-pressed);
  }
  @media (forced-colors: active) {
    .emboss-raised,
    .emboss-pressed {
      box-shadow: none;
      border: 1px solid CanvasText;
    }
  }
  .glass-subtle {
    background:
      linear-gradient(
        180deg,
        var(--glass-top-subtle),
        var(--glass-bottom-subtle));
    backdrop-filter: blur(var(--glass-blur-subtle)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur-subtle)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 var(--glass-highlight-top), var(--elevation-1);
  }
  .glass {
    background:
      linear-gradient(
        180deg,
        var(--glass-top),
        var(--glass-bottom));
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 var(--glass-highlight-top), var(--elevation-2);
  }
  .glass-strong {
    background:
      linear-gradient(
        180deg,
        var(--glass-top-strong),
        var(--glass-bottom-strong));
    backdrop-filter: blur(var(--glass-blur-strong)) saturate(var(--glass-saturate-strong));
    -webkit-backdrop-filter: blur(var(--glass-blur-strong)) saturate(var(--glass-saturate-strong));
    border: 1px solid var(--glass-border-strong);
    box-shadow: inset 0 1px 0 var(--glass-highlight-top), var(--elevation-3);
  }
  .glass-modal {
    background: var(--glass-modal-bg);
    backdrop-filter: blur(var(--glass-blur-modal)) saturate(var(--glass-saturate-strong));
    -webkit-backdrop-filter: blur(var(--glass-blur-modal)) saturate(var(--glass-saturate-strong));
    border: 1px solid var(--glass-border-strong);
    box-shadow: inset 0 1px 0 var(--glass-highlight-top), var(--elevation-4);
  }
  .app-modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .app-modal-dialog {
    position: relative;
    width: calc(100vw - 2rem);
    padding: var(--spacing-6);
    border-radius: var(--radius-2xl);
    background: var(--glass-modal-bg);
    backdrop-filter: blur(var(--glass-blur-modal)) saturate(var(--glass-saturate-strong));
    -webkit-backdrop-filter: blur(var(--glass-blur-modal)) saturate(var(--glass-saturate-strong));
    border: 1px solid var(--glass-border-strong);
    box-shadow: inset 0 1px 0 var(--glass-highlight-top), var(--elevation-4);
    animation: app-modal-pop-in var(--motion-duration-slow) var(--motion-curve-decelerate);
  }
  .app-modal-dialog.exiting {
    animation: app-modal-pop-out var(--motion-duration-fast) var(--motion-curve-accelerate) forwards;
  }
  .app-modal-dialog[data-size=sm] {
    max-width: 24rem;
  }
  .app-modal-dialog[data-size=md] {
    max-width: 32rem;
  }
  .app-modal-dialog[data-size=lg] {
    max-width: 42rem;
  }
  @keyframes app-modal-pop-in {
    from {
      opacity: 0;
      transform: translateY(0.5rem) scale(0.96);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes app-modal-pop-out {
    from {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(0.5rem) scale(0.96);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .app-modal-dialog,
    .app-modal-dialog.exiting {
      animation: none !important;
    }
  }
  .app-modal-close {
    position: absolute;
    top: var(--spacing-4);
    right: var(--spacing-4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--muted-foreground);
    cursor: pointer;
    transition: color var(--transition-standard), background-color var(--transition-standard);
  }
  .app-modal-close:hover {
    background-color: var(--muted);
    color: var(--foreground);
  }
  .app-modal-close:focus {
    outline: none;
  }
  .app-modal-close:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--ring) 40%, transparent);
    outline-offset: 2px;
  }
  .app-modal-title {
    margin: 0 0 var(--spacing-2) 0;
    padding-right: var(--spacing-8);
    font-size: var(--text-headline-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--foreground);
  }
  .app-modal-description {
    margin: 0 0 var(--spacing-4) 0;
    font-size: var(--text-body-md);
    color: var(--muted-foreground);
  }
  .app-modal-body {
    color: var(--foreground);
  }
  .app-modal-footer {
    margin-top: var(--spacing-6);
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-2);
  }
  .app-modal-footer:empty {
    display: none;
  }
  .app-tooltip-bubble {
    max-width: 24rem;
    padding: var(--spacing-2) var(--spacing-3);
    border-radius: var(--radius-lg);
    background-color: var(--popover);
    color: var(--popover-foreground);
    border: 1px solid var(--border);
    box-shadow: var(--elevation-3);
    pointer-events: none;
    animation: app-tooltip-pop var(--motion-duration-base) var(--motion-curve-decelerate);
  }
  @keyframes app-tooltip-pop {
    from {
      opacity: 0;
      scale: 0.96;
    }
    to {
      opacity: 1;
      scale: 1;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .app-tooltip-bubble {
      animation: none;
    }
  }
  .app-cmdk-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .app-cmdk-dialog {
    width: calc(100vw - 2rem);
    max-width: 36rem;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    background: var(--glass-modal-bg);
    backdrop-filter: blur(var(--glass-blur-modal)) saturate(var(--glass-saturate-strong));
    -webkit-backdrop-filter: blur(var(--glass-blur-modal)) saturate(var(--glass-saturate-strong));
    border: 1px solid var(--glass-border-strong);
    box-shadow: inset 0 1px 0 var(--glass-highlight-top), var(--elevation-4);
    animation: app-cmdk-pop-in var(--motion-duration-base) var(--motion-curve-decelerate);
  }
  .app-cmdk-dialog.exiting {
    animation: app-cmdk-pop-out var(--motion-duration-fast) var(--motion-curve-accelerate) forwards;
  }
  @keyframes app-cmdk-pop-in {
    from {
      opacity: 0;
      transform: translateY(-0.5rem) scale(0.96);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes app-cmdk-pop-out {
    from {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(-0.5rem) scale(0.96);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .app-cmdk-dialog,
    .app-cmdk-dialog.exiting {
      animation: none !important;
    }
  }
  .app-cmdk-dialog .search {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    padding: 0.75rem var(--spacing-4);
    border-bottom: 1px solid var(--border);
  }
  .app-cmdk-dialog .search-icon {
    flex-shrink: 0;
    color: var(--muted-foreground);
  }
  .app-cmdk-dialog .input {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--foreground);
    font-size: var(--text-body-md);
    font-family: inherit;
  }
  .app-cmdk-dialog .input:focus {
    outline: none;
  }
  .app-cmdk-dialog .input::placeholder {
    color: var(--muted-foreground);
  }
  .app-cmdk-dialog .kbd {
    padding: 0.125rem 0.375rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background-color: var(--muted);
    color: var(--muted-foreground);
    font-family: var(--font-mono);
    font-size: var(--text-label-sm);
  }
  .app-cmdk-dialog .list {
    max-height: 20rem;
    overflow-y: auto;
    padding: var(--spacing-2);
  }
  .app-cmdk-dialog .empty {
    margin: 0;
    padding: 1.5rem 0.75rem;
    text-align: center;
    color: var(--muted-foreground);
    font-size: var(--text-body-sm);
  }
  .app-cmdk-dialog .group {
    margin-bottom: var(--spacing-2);
  }
  .app-cmdk-dialog .group:last-child {
    margin-bottom: 0;
  }
  .app-cmdk-dialog .group-label {
    margin: 0;
    padding: 0.5rem 0.75rem 0.25rem;
    color: var(--muted-foreground);
    font-size: var(--text-label-sm);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .app-cmdk-dialog .item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: var(--spacing-3);
    padding: 0.5rem 0.75rem;
    border: 0;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--foreground);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transition-standard);
    font: inherit;
  }
  .app-cmdk-dialog .item:hover {
    background-color: var(--muted);
  }
  .app-cmdk-dialog .item:active {
    background-color: color-mix(in srgb, var(--muted) 70%, black);
    transform: translateY(1px);
  }
  .app-cmdk-dialog .item-active {
    background-color: color-mix(in srgb, var(--primary) 15%, transparent);
    color: var(--foreground);
  }
  .app-cmdk-dialog .item:focus {
    outline: none;
  }
  .app-cmdk-dialog .icon {
    flex-shrink: 0;
    color: var(--muted-foreground);
    display: inline-flex;
    align-items: center;
  }
  .app-cmdk-dialog .label {
    flex: 1;
    font-size: var(--text-body-md);
  }
  .app-cmdk-dialog .hint {
    color: var(--muted-foreground);
    font-size: var(--text-label-sm);
  }
  .app-select-listbox,
  .app-dropdown-listbox {
    list-style: none;
    margin: 0;
    padding: var(--spacing-1);
    max-height: 20rem;
    overflow-y: auto;
    background-color: var(--popover);
    background-image:
      linear-gradient(
        180deg,
        var(--glass-top),
        var(--glass-bottom));
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--elevation-3);
    animation: app-overlay-pop-in var(--motion-duration-base) var(--motion-curve-decelerate);
  }
  .app-select-listbox .option,
  .app-dropdown-listbox .item {
    padding: var(--spacing-2) var(--spacing-3);
    border-radius: var(--radius-md);
    cursor: pointer;
    color: var(--foreground);
    font-size: var(--text-body-md);
    line-height: 1.4;
  }
  .app-select-listbox .option.is-active,
  .app-dropdown-listbox .item.is-active {
    background-color: var(--muted);
  }
  .app-select-listbox .option:active,
  .app-dropdown-listbox .item:active {
    background-color: color-mix(in srgb, var(--muted) 70%, black);
    transform: translateY(1px);
  }
  .app-select-listbox .option.is-selected {
    background-color: var(--accent);
    color: var(--accent-foreground);
    font-weight: var(--font-weight-medium);
  }
  .app-select-listbox .option.is-disabled,
  .app-dropdown-listbox .item.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  @keyframes app-overlay-pop-in {
    from {
      opacity: 0;
      transform: translateY(-4px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .app-select-listbox,
    .app-dropdown-listbox {
      animation: none;
    }
  }
  .app-select-listbox .option,
  .app-dropdown-listbox .item,
  .app-cmdk-dialog .item {
    animation: app-list-item-fade-in var(--motion-duration-base) var(--motion-curve-decelerate) both;
  }
  .app-select-listbox .option:nth-child(1),
  .app-dropdown-listbox .item:nth-child(1),
  .app-cmdk-dialog .item:nth-child(1) {
    animation-delay: calc(var(--motion-stagger-step) * 0);
  }
  .app-select-listbox .option:nth-child(2),
  .app-dropdown-listbox .item:nth-child(2),
  .app-cmdk-dialog .item:nth-child(2) {
    animation-delay: calc(var(--motion-stagger-step) * 1);
  }
  .app-select-listbox .option:nth-child(3),
  .app-dropdown-listbox .item:nth-child(3),
  .app-cmdk-dialog .item:nth-child(3) {
    animation-delay: calc(var(--motion-stagger-step) * 2);
  }
  .app-select-listbox .option:nth-child(4),
  .app-dropdown-listbox .item:nth-child(4),
  .app-cmdk-dialog .item:nth-child(4) {
    animation-delay: calc(var(--motion-stagger-step) * 3);
  }
  .app-select-listbox .option:nth-child(5),
  .app-dropdown-listbox .item:nth-child(5),
  .app-cmdk-dialog .item:nth-child(5) {
    animation-delay: calc(var(--motion-stagger-step) * 4);
  }
  .app-select-listbox .option:nth-child(n+6),
  .app-dropdown-listbox .item:nth-child(n+6),
  .app-cmdk-dialog .item:nth-child(n+6) {
    animation-delay: calc(var(--motion-stagger-step) * 5);
  }
  @keyframes app-list-item-fade-in {
    from {
      opacity: 0;
      transform: translateY(-3px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .app-select-listbox .option,
    .app-dropdown-listbox .item,
    .app-cmdk-dialog .item {
      animation: none;
    }
    .app-select-listbox .option:active,
    .app-dropdown-listbox .item:active,
    .app-cmdk-dialog .item:active {
      transform: none;
    }
  }
  .interactive {
    position: relative;
    transition: transform var(--transition-standard);
  }
  .interactive::before {
    content: "";
    position: absolute;
    inset: 0;
    background: currentColor;
    opacity: 0;
    transition: opacity var(--transition-standard);
    pointer-events: none;
    border-radius: inherit;
  }
  .interactive:hover {
    transform: translateY(-1px);
  }
  .interactive:hover::before {
    opacity: 0.08;
  }
  .interactive:focus-visible::before {
    opacity: 0.12;
  }
  .interactive:active {
    transform: translateY(0);
  }
  @media (prefers-reduced-motion: reduce) {
    .interactive {
      transition: none;
    }
    .interactive:hover,
    .interactive:active {
      transform: none;
    }
  }
  .interactive:active::before {
    opacity: 0.16;
  }
  .elevation-0 {
    box-shadow: var(--elevation-0);
  }
  .elevation-1 {
    box-shadow: var(--elevation-1);
  }
  .elevation-2 {
    box-shadow: var(--elevation-2);
  }
  .elevation-3 {
    box-shadow: var(--elevation-3);
  }
  .elevation-4 {
    box-shadow: var(--elevation-4);
  }
  .elevation-5 {
    box-shadow: var(--elevation-5);
  }
  .aurora-root {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    background-color: var(--aurora-base);
  }
  .aurora-root[data-fixed=true] {
    position: fixed;
    z-index: -1;
  }
  .aurora-root::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.05;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 200px 200px;
  }
  .aurora-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(56px);
    will-change: transform;
  }
  .aurora-blob-1 {
    width: 70vw;
    height: 70vw;
    top: -18%;
    left: -12%;
    background:
      radial-gradient(
        circle at center,
        var(--aurora-primary-1),
        transparent 65%);
    animation: aurora-drift-a 42s ease-in-out infinite;
  }
  .aurora-blob-2 {
    width: 55vw;
    height: 55vw;
    top: 8%;
    right: -10%;
    background:
      radial-gradient(
        circle at center,
        var(--aurora-primary-2),
        transparent 65%);
    animation: aurora-drift-b 38s ease-in-out infinite;
  }
  .aurora-blob-3 {
    width: 75vw;
    height: 75vw;
    bottom: -25%;
    left: 18%;
    background:
      radial-gradient(
        circle at center,
        var(--aurora-primary-3),
        transparent 65%);
    animation: aurora-drift-c 51s ease-in-out infinite;
  }
  .aurora-blob-4 {
    width: 36vw;
    height: 36vw;
    top: -8%;
    right: -6%;
    background:
      radial-gradient(
        circle at center,
        var(--aurora-cool),
        transparent 60%);
    animation: aurora-drift-d 47s ease-in-out infinite;
  }
  .aurora-blob-5 {
    width: 40vw;
    height: 40vw;
    bottom: -10%;
    left: -8%;
    background:
      radial-gradient(
        circle at center,
        var(--aurora-warm),
        transparent 60%);
    animation: aurora-drift-e 55s ease-in-out infinite;
  }
  @keyframes aurora-drift-a {
    0% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
    25% {
      transform: translate3d(8%, 6%, 0) scale(1.08);
    }
    50% {
      transform: translate3d(14%, -4%, 0) scale(0.96);
    }
    75% {
      transform: translate3d(4%, 10%, 0) scale(1.04);
    }
    100% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
  }
  @keyframes aurora-drift-b {
    0% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
    25% {
      transform: translate3d(-10%, 8%, 0) scale(1.05);
    }
    50% {
      transform: translate3d(-4%, 16%, 0) scale(0.94);
    }
    75% {
      transform: translate3d(-12%, 4%, 0) scale(1.10);
    }
    100% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
  }
  @keyframes aurora-drift-c {
    0% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
    25% {
      transform: translate3d(-6%, -8%, 0) scale(1.06);
    }
    50% {
      transform: translate3d(8%, -14%, 0) scale(0.97);
    }
    75% {
      transform: translate3d(-10%, -4%, 0) scale(1.04);
    }
    100% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
  }
  @keyframes aurora-drift-d {
    0% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
    25% {
      transform: translate3d(-12%, 14%, 0) scale(1.10);
    }
    50% {
      transform: translate3d(-4%, 20%, 0) scale(0.92);
    }
    75% {
      transform: translate3d(-16%, 8%, 0) scale(1.06);
    }
    100% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
  }
  @keyframes aurora-drift-e {
    0% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
    25% {
      transform: translate3d(14%, -10%, 0) scale(1.08);
    }
    50% {
      transform: translate3d(6%, -18%, 0) scale(0.95);
    }
    75% {
      transform: translate3d(18%, -6%, 0) scale(1.04);
    }
    100% {
      transform: translate3d(0%, 0%, 0) scale(1);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .aurora-blob,
    .glow-pulse,
    .shimmer {
      animation: none;
    }
    .glow-pulse {
      box-shadow: var(--glow-rest);
    }
  }
  .glow {
    box-shadow: var(--glow-rest);
  }
  .glow-pulse {
    box-shadow: var(--glow-rest);
    animation: pulse-glow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  @keyframes pulse-glow {
    0%, 100% {
      box-shadow: var(--glow-rest);
    }
    50% {
      box-shadow: var(--glow-peak);
    }
  }
  .shimmer {
    background:
      linear-gradient(
        90deg,
        var(--shimmer-base) 0%,
        var(--shimmer-peak) 50%,
        var(--shimmer-base) 100%);
    background-size: 200% 100%;
    animation: shimmer 1.5s ease-in-out infinite;
    border-radius: 0.5rem;
  }
  @keyframes shimmer {
    0% {
      background-position: -200% 0;
    }
    100% {
      background-position: 200% 0;
    }
  }
}
@layer utilities {
  .transition-standard {
    transition: all var(--transition-standard);
  }
  .transition-emphasized {
    transition: all var(--transition-emphasized);
  }
  .transition-decelerate {
    transition: all var(--transition-decelerate);
  }
  .transition-accelerate {
    transition: all var(--transition-accelerate);
  }
  .text-display-lg {
    font-size: var(--text-display-lg);
  }
  .text-display-md {
    font-size: var(--text-display-md);
  }
  .text-display-sm {
    font-size: var(--text-display-sm);
  }
  .text-headline-lg {
    font-size: var(--text-headline-lg);
  }
  .text-headline-md {
    font-size: var(--text-headline-md);
  }
  .text-headline-sm {
    font-size: var(--text-headline-sm);
  }
  .text-title-lg {
    font-size: var(--text-title-lg);
  }
  .text-title-md {
    font-size: var(--text-title-md);
  }
  .text-title-sm {
    font-size: var(--text-title-sm);
  }
}
.globe-pin-wrap {
  display: inline-block;
  position: relative;
  pointer-events: auto;
}
.globe-pin-wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(
      closest-side,
      color-mix(in srgb, var(--cta) 30%, transparent) 0%,
      color-mix(in srgb, var(--cta) 14%, transparent) 45%,
      transparent 75%);
  opacity: 0;
  transition: opacity 120ms var(--motion-curve-standard);
}
.globe-pin-wrap:has(.globe-pin:hover)::before {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .globe-pin-wrap::before {
    transition: none;
  }
}
.globe-pin {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 2px solid var(--cta);
  border-radius: 50%;
  background-color: var(--background);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    transform var(--motion-duration-base) var(--motion-curve-standard),
    box-shadow var(--motion-duration-base) var(--motion-curve-standard),
    border-color var(--motion-duration-base) var(--motion-curve-standard);
  pointer-events: auto;
}
.globe-pin::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--cta);
}
.globe-pin:hover {
  transform: scale(1.18);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta) 18%, transparent);
}
.globe-pin:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta) 32%, transparent);
}
.globe-pin--selected {
  transform: scale(1.22);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--cta) 24%, transparent);
}
.globe-pin--selected:hover {
  transform: scale(1.3);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--cta) 32%, transparent);
}
.globe-pin--coverage-partial {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lifecycle-review-container) 50%, transparent);
}
.globe-pin--coverage-robust {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lifecycle-published-container) 50%, transparent);
}
.globe-pin--selected.globe-pin--coverage-partial {
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--cta) 24%, transparent), 0 0 0 9px color-mix(in srgb, var(--lifecycle-review-container) 50%, transparent);
}
.globe-pin--selected.globe-pin--coverage-robust {
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--cta) 24%, transparent), 0 0 0 9px color-mix(in srgb, var(--lifecycle-published-container) 50%, transparent);
}
.itc-globe--dimmed .globe-pin-wrap,
itc-globe-svg-fallback.itc-globe--dimmed .globe-pin-wrap {
  opacity: 0.4;
  pointer-events: none;
}
.globe-pin-wrap {
  transition: opacity 320ms var(--motion-curve-decelerate);
}
@media (prefers-reduced-motion: reduce) {
  .globe-pin-wrap {
    transition: none;
  }
}
.globe-pin--highlighted {
  animation: globe-pin-pulse 1.4s var(--motion-curve-standard) infinite;
}
@keyframes globe-pin-pulse {
  0%, 100% {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta) 22%, transparent);
  }
  50% {
    box-shadow: 0 0 0 10px color-mix(in srgb, var(--cta) 8%, transparent);
  }
}
.globe-pin[aria-disabled=true],
.globe-pin--disabled {
  opacity: 0.4;
  border-color: color-mix(in srgb, var(--muted-foreground) 60%, transparent);
  background-color: var(--background);
  cursor: default;
  box-shadow: none;
  animation: none;
}
.globe-pin[aria-disabled=true]::after,
.globe-pin--disabled::after {
  background-color: color-mix(in srgb, var(--muted-foreground) 80%, transparent);
}
.globe-pin[aria-disabled=true]:hover,
.globe-pin--disabled:hover {
  transform: scale(1);
  box-shadow: none;
}
.globe-pin[aria-disabled=true]:focus-visible,
.globe-pin--disabled:focus-visible {
  outline: none;
  box-shadow: none;
}
.globe-pin-wrap:has(.globe-pin[aria-disabled=true]:hover)::before,
.globe-pin-wrap:has(.globe-pin--disabled:hover)::before {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .globe-pin {
    transition: none;
  }
  .globe-pin:hover {
    transform: none;
  }
  .globe-pin--selected {
    transform: none;
  }
  .globe-pin--highlighted {
    animation: none;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--cta) 22%, transparent);
  }
}
@media (prefers-reduced-transparency: reduce) {
  :root,
  .light {
    --field-glass-image: transparent;
    --field-glass-filter: none;
  }
  .glass-subtle,
  .glass,
  .glass-strong {
    background: var(--surface-container);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .glass-strong {
    background: var(--surface-container-high);
  }
  .glass-modal,
  .app-modal-dialog {
    background: var(--surface-container-high);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .app-modal-backdrop {
    background-color: rgba(0, 0, 0, 0.72);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .app-dropdown-listbox,
  .app-select-listbox,
  .app-cmdk-dialog,
  .app-cmdk-backdrop,
  .app-tooltip-bubble {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .app-dropdown-listbox,
  .app-select-listbox,
  .app-cmdk-dialog,
  .app-tooltip-bubble {
    background-color: var(--surface-container-high);
  }
  .app-cmdk-backdrop {
    background-color: rgba(0, 0, 0, 0.72);
  }
}
@supports not (backdrop-filter: blur(1px)) {
  :root,
  .light {
    --field-glass-image: transparent;
    --field-glass-filter: none;
  }
  .glass-subtle,
  .glass,
  .glass-strong {
    background: var(--surface-container);
  }
  .glass-strong {
    background: var(--surface-container-high);
  }
  .glass-modal,
  .app-modal-dialog {
    background: var(--surface-container-high);
  }
  .app-modal-backdrop {
    background-color: rgba(0, 0, 0, 0.72);
  }
  .app-dropdown-listbox,
  .app-select-listbox,
  .app-cmdk-dialog,
  .app-tooltip-bubble {
    background-color: var(--surface-container-high);
  }
  .app-cmdk-backdrop {
    background-color: rgba(0, 0, 0, 0.72);
  }
}

/* projects/lcr/src/styles.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
.action-accent {
  --cta: var(--itc-action);
  --cta-foreground: var(--itc-action-foreground);
  --cta-text: var(--itc-action-text);
  --btn-ghost-color: var(--itc-action-text);
}
:root {
  --text-halo: 0 0 4px var(--background), 0 0 9px var(--background);
}
.on-canvas {
  text-shadow: var(--text-halo);
}
@media print {
  body.factsheet-printing app-root {
    display: none;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */