@layer reset;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--iris-font-sans);font-size:var(--iris-font-size-md);line-height:var(--iris-line-height-normal);color:var(--iris-color-text);background-color:var(--iris-color-bg);overscroll-behavior-y:none}@media(max-width:767px){*{scrollbar-width:none}*::-webkit-scrollbar{display:none}}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%;height:auto}@layer tokens;:root{--opti-brand-950: #04112F;--opti-brand-900: #162455;--opti-brand-800: #07235F;--opti-brand-700: #0C348E;--opti-brand-600: #0E46BE;--opti-brand-500: #1B4DE3;--opti-brand-400: #4179F1;--opti-brand-300: #729AF4;--opti-brand-200: #A0BCF8;--opti-brand-100: #CFDDFB;--opti-brand-50: #E7EEFD;--opti-gray-950: #030712;--opti-gray-900: #101828;--opti-gray-800: #1E2939;--opti-gray-700: #333E4F;--opti-gray-600: #4A5565;--opti-gray-500: #6A7282;--opti-gray-400: #99A1AF;--opti-gray-300: #D1D5DC;--opti-gray-200: #E5E7EB;--opti-gray-100: #F3F4F6;--opti-gray-50: #F9FAFB;--opti-rose-950: #4D0218;--opti-rose-900: #8B0836;--opti-rose-800: #A50036;--opti-rose-700: #C70036;--opti-rose-600: #EC003F;--opti-rose-500: #FF2056;--opti-rose-400: #FF637E;--opti-rose-300: #FFA1AD;--opti-rose-200: #FFCCD3;--opti-rose-100: #FFE4E6;--opti-rose-50: #FEF0F2;--opti-emerald-950: #002C22;--opti-emerald-900: #004F3B;--opti-emerald-800: #006045;--opti-emerald-700: #007A55;--opti-emerald-600: #009966;--opti-emerald-500: #00BC7D;--opti-emerald-400: #00D492;--opti-emerald-300: #5EE9B5;--opti-emerald-200: #A4F4CF;--opti-emerald-100: #D0FAE5;--opti-emerald-50: #ECFDF5;--opti-stone-950: #0C0A09;--opti-stone-900: #1C1917;--opti-stone-800: #292524;--opti-stone-700: #44403B;--opti-stone-600: #57534D;--opti-stone-500: #79716B;--opti-stone-400: #A6A09B;--opti-stone-300: #D6D3D1;--opti-stone-200: #E7E5E4;--opti-stone-100: #F5F5F4;--opti-stone-50: #FAFAF9;--opti-yellow-950: #432004;--opti-yellow-900: #733E0A;--opti-yellow-800: #894B00;--opti-yellow-700: #A65F00;--opti-yellow-600: #D08700;--opti-yellow-500: #F0B100;--opti-yellow-400: #FDC700;--opti-yellow-300: #FFDF20;--opti-yellow-200: #FFF085;--opti-yellow-100: #FEF9C2;--opti-yellow-50: #FEFCE8;--opti-orange-700: #D03801;--opti-orange-50: #FFF7ED;--opti-pink-950: #510424;--opti-pink-900: #861043;--opti-pink-800: #A3004C;--opti-pink-700: #C6005C;--opti-pink-600: #E60076;--opti-pink-500: #F6339A;--opti-pink-400: #FB64B6;--opti-pink-300: #FDA5D5;--opti-pink-200: #FCCEE8;--opti-pink-100: #FCE7F3;--opti-pink-50: #FDF2F8;--opti-navy-900: #0B1728;--opti-navy-800: #0D2540;--opti-navy-700: #1A3D5C;--opti-navy-600: #1A4A6E;--opti-gold-700: #9A6A28;--opti-gold-600: #B8893A;--opti-gold-500: #D4A054;--opti-gold-400: #E0B472;--opti-gold-100: #F5E8D0;--opti-gold-50: #FBF5EA;--opti-teal-700: #00786F;--opti-teal-500: #5DD6D6;--opti-teal-400: #7DE4E4;--opti-teal-300: #3BBFBF;--opti-teal-50: #F0FDFA;--opti-zone-optimal: #D9F1D9;--opti-zone-optimal-dot: #51CF66;--opti-zone-watch: #FFFACD;--opti-zone-watch-dot: #FFD93D;--opti-zone-improve: #FFDDDD;--opti-zone-improve-dot: #FF6B6B;--opti-zone-unknown: #FFFFFF;--opti-zone-unknown-dot: #999999;--opti-space-1: 4px;--opti-space-1-5: 6px;--opti-space-2: 8px;--opti-space-3: 12px;--opti-space-4: 16px;--opti-space-5: 24px;--opti-space-6: 32px;--opti-space-7: 48px;--opti-space-8: 64px;--opti-radius-xs: 4px;--opti-radius-sm: var(--opti-radius-1);--opti-radius-1: 8px;--opti-radius-2: 12px;--opti-radius-3: 16px;--opti-radius-4: 20px;--opti-radius-5: 32px;--opti-radius-full: 9999px;--opti-radius-md: var(--opti-radius-2);--opti-radius-lg: var(--opti-radius-3);--opti-font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--opti-font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;--opti-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--opti-font-size-2xs: 10px;--opti-font-size-xs: 11px;--opti-font-size-sm: 12px;--opti-font-size-md: 14px;--opti-font-size-lg: 15px;--opti-font-size-xl: 16px;--opti-font-size-2xl: 18px;--opti-font-size-3xl: 20px;--opti-font-size-4xl: 24px;--opti-font-size-5xl: 26px;--opti-font-size-6xl: 30px;--opti-font-size-7xl: 36px;--opti-font-size-8xl: 44px;--opti-font-size-9xl: 48px;--opti-font-size-10xl: 60px;--opti-line-height-hero: 1.08;--opti-line-height-display: 1.1;--opti-line-height-section: 1.25;--opti-line-height-tight: 1.2;--opti-line-height-card: 1.4;--opti-line-height-normal: 1.4;--opti-line-height-label: 1.5;--opti-line-height-body: 1.65;--opti-line-height-relaxed: 1.6;--opti-font-weight-normal: 400;--opti-font-weight-medium: 500;--opti-font-weight-semibold: 600;--opti-font-weight-bold: 700;--opti-letter-spacing-hero: -.025em;--opti-letter-spacing-display: -.015em;--opti-letter-spacing-page-title: -.01em;--opti-letter-spacing-panel-title: .12em;--opti-letter-spacing-micro: .08em;--opti-letter-spacing-caps: .1em;--opti-letter-spacing-card-title: .15px;--opti-letter-spacing-subhead: .25px;--opti-type-hero-size: var(--opti-font-size-8xl);--opti-type-hero-weight: var(--opti-font-weight-normal);--opti-type-hero-line-height: var(--opti-line-height-hero);--opti-type-hero-letter-spacing: var(--opti-letter-spacing-hero);--opti-type-display-size: var(--opti-font-size-7xl);--opti-type-display-weight: var(--opti-font-weight-normal);--opti-type-display-line-height: var(--opti-line-height-display);--opti-type-display-letter-spacing: var(--opti-letter-spacing-display);--opti-type-page-title-size: var(--opti-font-size-5xl);--opti-type-page-title-weight: var(--opti-font-weight-medium);--opti-type-page-title-line-height: var(--opti-line-height-display);--opti-type-page-title-letter-spacing: var(--opti-letter-spacing-page-title);--opti-type-section-title-size: var(--opti-font-size-3xl);--opti-type-section-title-weight: var(--opti-font-weight-medium);--opti-type-section-title-line-height: var(--opti-line-height-section);--opti-type-panel-title-size: var(--opti-font-size-xs);--opti-type-panel-title-weight: var(--opti-font-weight-medium);--opti-type-panel-title-letter-spacing: var(--opti-letter-spacing-panel-title);--opti-type-panel-title-transform: uppercase;--opti-type-card-title-size: var(--opti-font-size-lg);--opti-type-card-title-weight: var(--opti-font-weight-semibold);--opti-type-card-title-line-height: var(--opti-line-height-card);--opti-type-body-size: var(--opti-font-size-md);--opti-type-body-weight: var(--opti-font-weight-normal);--opti-type-body-line-height: var(--opti-line-height-body);--opti-type-label-size: var(--opti-font-size-sm);--opti-type-label-weight: var(--opti-font-weight-medium);--opti-type-label-line-height: var(--opti-line-height-label);--opti-type-caption-size: var(--opti-font-size-xs);--opti-type-caption-weight: var(--opti-font-weight-normal);--opti-type-caption-line-height: var(--opti-line-height-label);--opti-type-micro-size: var(--opti-font-size-2xs);--opti-type-micro-weight: var(--opti-font-weight-semibold);--opti-type-micro-letter-spacing: var(--opti-letter-spacing-micro);--opti-type-micro-transform: uppercase;--opti-shadow-1: 0 1px 2px rgba(0, 0, 0, .08);--opti-shadow-2: 0 4px 6px rgba(0, 0, 0, .1);--opti-shadow-3: 0 6px 16px rgba(0, 0, 0, .12);--opti-shadow-4: 0 12px 24px rgba(0, 0, 0, .15);--opti-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .06);--opti-shadow-card-elevated: 0 2px 8px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .04);--opti-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .05);--opti-shadow-card-elevated-hover: 0 6px 16px rgba(0, 0, 0, .09), 0 2px 5px rgba(0, 0, 0, .05);--opti-shadow-card-active: 0 1px 3px rgba(0, 0, 0, .06);--opti-shadow-card-active-elevated: 0 1px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--opti-shadow-drawer: -8px 0 24px rgba(0, 0, 0, .12), 0 0 8px rgba(0, 0, 0, .08);--opti-transition-fast: .15s ease;--opti-transition-base: .2s ease;--opti-transition-slow: .3s ease;--opti-color-bg: var(--opti-gray-50);--opti-color-surface: #ffffff;--opti-color-surface-elevated: #ffffff;--opti-color-surface-hover: var(--opti-gray-100);--opti-color-surface-selected: var(--opti-brand-50);--opti-color-text: var(--opti-gray-900);--opti-color-text-muted: var(--opti-gray-600);--opti-color-text-subtle: var(--opti-gray-500);--opti-color-text-timestamp: rgba(61, 61, 61, .5);--opti-color-border: var(--opti-gray-200);--opti-color-border-subtle: var(--opti-gray-100);--opti-color-primary: var(--opti-gray-900);--opti-color-primary-hover: var(--opti-gray-800);--opti-color-primary-active: var(--opti-gray-950);--opti-color-on-primary: #ffffff;--opti-color-interactive: var(--opti-color-primary);--opti-color-interactive-hover: var(--opti-color-primary-hover);--opti-color-focus-ring: var(--opti-brand-600);--opti-color-success: var(--opti-emerald-500);--opti-color-success-hover: var(--opti-emerald-600);--opti-color-success-bg: var(--opti-emerald-50);--opti-color-success-text: var(--opti-emerald-700);--opti-color-warning: var(--opti-yellow-600);--opti-color-warning-hover: var(--opti-yellow-700);--opti-color-warning-bg: var(--opti-yellow-50);--opti-color-warning-text: var(--opti-yellow-700);--opti-color-danger: var(--opti-rose-700);--opti-color-danger-hover: var(--opti-rose-800);--opti-color-danger-bg: var(--opti-rose-100);--opti-color-danger-text: var(--opti-rose-700);--opti-color-info: var(--opti-brand-500);--opti-color-info-bg: var(--opti-brand-50);--opti-color-info-text: var(--opti-brand-700);--opti-color-progress: var(--opti-teal-500);--opti-color-gold: var(--opti-gold-500);--opti-color-gold-subtle: var(--opti-gold-50);--opti-text-xs: var(--opti-font-size-xs);--opti-text-sm: var(--opti-font-size-sm);--opti-text-md: var(--opti-font-size-md);--opti-text-lg: var(--opti-font-size-lg);--opti-text-xl: var(--opti-font-size-xl);--opti-text-2xl: var(--opti-font-size-2xl);--opti-text-3xl: var(--opti-font-size-3xl);--opti-card-padding: var(--opti-space-4);--opti-card-radius: var(--opti-radius-4);--opti-card-shadow: var(--opti-shadow-2);--opti-button-padding-x: var(--opti-space-4);--opti-button-padding-y: var(--opti-space-2);--opti-button-radius: var(--opti-radius-1);--opti-input-padding-x: var(--opti-space-3);--opti-input-padding-y: var(--opti-space-2);--opti-input-radius: var(--opti-radius-2);--opti-input-border: var(--opti-gray-300);--opti-input-focus-ring: rgba(14, 70, 190, .12);--opti-nav-width: 64px;--opti-nav-height-mobile: 56px;--opti-page-padding: 40px;--opti-page-frame-gap: var(--opti-space-5);--opti-page-section-gap: var(--opti-space-6);--opti-dropdown-radius: var(--opti-radius-sm);--opti-dropdown-shadow: var(--opti-shadow-dropdown)}@media(prefers-color-scheme:dark){:root{--opti-color-bg: var(--opti-gray-950);--opti-color-surface: var(--opti-gray-900);--opti-color-surface-elevated: var(--opti-gray-800);--opti-color-surface-hover: var(--opti-gray-800);--opti-color-surface-selected: color-mix(in srgb, var(--opti-brand-500) 15%, var(--opti-gray-900));--opti-color-text: var(--opti-gray-50);--opti-color-text-muted: var(--opti-gray-300);--opti-color-text-subtle: var(--opti-gray-400);--opti-color-text-timestamp: rgba(180, 180, 180, .7);--opti-color-border: var(--opti-gray-700);--opti-color-border-subtle: var(--opti-gray-800);--opti-color-primary: #ffffff;--opti-color-primary-hover: var(--opti-gray-50);--opti-color-primary-active: var(--opti-gray-100);--opti-color-on-primary: var(--opti-gray-900);--opti-color-focus-ring: var(--opti-brand-300);--opti-shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--opti-shadow-2: 0 4px 6px rgba(0, 0, 0, .4);--opti-shadow-3: 0 6px 16px rgba(0, 0, 0, .5);--opti-shadow-4: 0 12px 24px rgba(0, 0, 0, .6);--opti-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .25);--opti-color-success: var(--opti-emerald-400);--opti-color-success-hover: var(--opti-emerald-300);--opti-color-success-bg: color-mix(in srgb, var(--opti-emerald-500) 22%, var(--opti-gray-900));--opti-color-success-text: var(--opti-emerald-300);--opti-color-warning: var(--opti-yellow-400);--opti-color-warning-hover: var(--opti-yellow-300);--opti-color-warning-bg: color-mix(in srgb, var(--opti-yellow-500) 22%, var(--opti-gray-900));--opti-color-warning-text: var(--opti-yellow-200);--opti-color-danger: var(--opti-rose-400);--opti-color-danger-hover: var(--opti-rose-300);--opti-color-danger-bg: color-mix(in srgb, var(--opti-rose-500) 22%, var(--opti-gray-900));--opti-color-danger-text: var(--opti-rose-300);--opti-color-info: var(--opti-brand-400);--opti-color-info-bg: color-mix(in srgb, var(--opti-brand-500) 22%, var(--opti-gray-900));--opti-color-info-text: var(--opti-brand-300);--opti-color-gold: var(--opti-gold-400);--opti-color-gold-subtle: color-mix(in srgb, var(--opti-gold-500) 18%, var(--opti-gray-900));--opti-zone-optimal: color-mix(in srgb, var(--opti-zone-optimal-dot) 20%, var(--opti-gray-900));--opti-zone-watch: color-mix(in srgb, var(--opti-zone-watch-dot) 20%, var(--opti-gray-900));--opti-zone-improve: color-mix(in srgb, var(--opti-zone-improve-dot) 20%, var(--opti-gray-900));--opti-zone-unknown: var(--opti-gray-800);--opti-zone-unknown-dot: var(--opti-gray-400)}}:root{--optispan-brand-900: #04112F;--optispan-brand-800: #07235F;--optispan-brand-700: #0C348E;--optispan-brand-600: #0E46BE;--optispan-brand-500: #1B4DE3;--optispan-brand-400: #4179F1;--optispan-brand-300: #729AF4;--optispan-brand-200: #A0BCF8;--optispan-brand-100: #CFDDFB;--optispan-brand-50: #E7EEFD;--optispan-gray-950: #030712;--optispan-gray-900: #101828;--optispan-gray-800: #1e293b;--optispan-gray-700: #334155;--optispan-gray-600: #4A5565;--optispan-gray-500: #6A7282;--optispan-gray-400: #99A1AF;--optispan-gray-300: #cbd5e1;--optispan-gray-200: #E5E7EB;--optispan-gray-100: #f1f5f9;--optispan-gray-50: #f8fafc;--optispan-emerald-900: #004F3B;--optispan-emerald-700: #007A55;--optispan-emerald-600: #009966;--optispan-emerald-500: #00BC7D;--optispan-rose-900: #8B0836;--optispan-rose-700: #C70036;--optispan-orange-900: #771D1D;--optispan-orange-600: #D03801;--optispan-orange-500: #F97316;--optispan-yellow: #FDC700;--optispan-teal-500: #5dd6d6;--iris-blue-50: var(--optispan-brand-100);--iris-blue-100: var(--optispan-brand-100);--iris-blue-500: var(--optispan-brand-500);--iris-blue-600: var(--optispan-brand-600);--iris-blue-700: var(--optispan-brand-700);--iris-slate-50: var(--optispan-gray-50);--iris-slate-100: var(--optispan-gray-100);--iris-slate-200: var(--optispan-gray-200);--iris-slate-300: var(--optispan-gray-300);--iris-slate-400: var(--optispan-gray-400);--iris-slate-500: var(--optispan-gray-500);--iris-slate-600: var(--optispan-gray-600);--iris-slate-700: var(--optispan-gray-700);--iris-slate-800: var(--optispan-gray-800);--iris-slate-900: var(--optispan-gray-900);--iris-green-500: var(--optispan-emerald-500);--iris-green-600: var(--optispan-emerald-600);--iris-amber-500: var(--optispan-orange-600);--iris-amber-600: var(--optispan-orange-600);--iris-red-500: var(--optispan-rose-700);--iris-red-600: var(--optispan-rose-700);--iris-space-1: 4px;--iris-space-1-5: 6px;--iris-space-2: 8px;--iris-space-3: 12px;--iris-space-4: 16px;--iris-space-5: 24px;--iris-space-6: 32px;--iris-space-7: 48px;--iris-space-8: 64px;--iris-radius-sm: 4px;--iris-radius-1: 8px;--iris-radius-2: 12px;--iris-radius-3: 16px;--iris-radius-4: 20px;--iris-radius-full: 9999px;--iris-font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--iris-font-serif: "Hedvig Letters Serif", Georgia, serif;--iris-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--iris-font-size-2xs: 10px;--iris-font-size-xs: 12px;--iris-font-size-sm: 14px;--iris-font-size-md: 16px;--iris-font-size-md-lg: 18px;--iris-font-size-lg: 20px;--iris-font-size-xl: 24px;--iris-font-size-2xl: 30px;--iris-font-size-3xl: 36px;--iris-font-size-display: 32px;--iris-font-size-page-title: 26px;--iris-line-height-tight: 1.2;--iris-line-height-normal: 1.4;--iris-line-height-relaxed: 1.6;--iris-font-weight-normal: 400;--iris-font-weight-medium: 500;--iris-font-weight-semibold: 600;--iris-font-weight-bold: 700;--iris-font-weight-page-title: var(--iris-font-weight-medium);--iris-shadow-1: 0 1px 2px rgba(0, 0, 0, .08);--iris-shadow-2: 0 4px 6px rgba(0, 0, 0, .1);--iris-shadow-3: 0 6px 16px rgba(0, 0, 0, .12);--iris-shadow-4: 0 12px 24px rgba(0, 0, 0, .15);--iris-shadow-inset-pressed: inset 0 1px 3px rgba(0, 0, 0, .35);--iris-transition-fast: .15s ease;--iris-transition-base: .2s ease;--iris-transition-slow: .3s ease;--iris-ease-enter: cubic-bezier(0, 0, .2, 1);--iris-ease-exit: cubic-bezier(.4, 0, 1, 1);--iris-ease-move: cubic-bezier(.4, 0, .2, 1);--iris-drawer-duration: .25s;--iris-drawer-ease: var(--iris-ease-enter);--iris-color-page-bg: #f6f7f9;--iris-color-bg: var(--optispan-gray-50);--iris-color-surface: #ffffff;--iris-color-surface-secondary: #f8f9fb;--iris-color-surface-elevated: #ffffff;--iris-color-surface-hover: var(--optispan-gray-100);--iris-color-surface-selected: color-mix(in srgb, var(--optispan-brand-500) 8%, #ffffff);--iris-color-text: var(--optispan-gray-900);--iris-color-text-secondary: var(--optispan-gray-700);--iris-color-text-muted: var(--optispan-gray-600);--iris-color-text-subtle: var(--optispan-gray-500);--iris-color-text-inverse: #ffffff;--iris-color-border: var(--optispan-gray-200);--iris-color-border-subtle: var(--optispan-gray-100);--iris-color-border-strong: var(--optispan-gray-300);--iris-color-primary: var(--optispan-gray-900);--iris-color-primary-hover: var(--optispan-gray-800);--iris-color-primary-active: var(--optispan-gray-950);--iris-color-on-primary: #ffffff;--iris-color-text-brand: var(--optispan-brand-700);--iris-color-progress: var(--optispan-teal-500);--iris-color-success: var(--optispan-emerald-500);--iris-color-success-hover: var(--optispan-emerald-600);--iris-color-warning: var(--optispan-orange-600);--iris-color-warning-hover: var(--optispan-orange-900);--iris-color-warning-text: #92400E;--iris-color-danger: var(--optispan-rose-700);--iris-color-danger-hover: var(--optispan-rose-900);--iris-color-interactive: var(--iris-color-primary);--iris-color-interactive-hover: var(--iris-color-primary-hover);--iris-color-focus-ring: var(--optispan-brand-500);--iris-text-xs: var(--iris-font-size-xs);--iris-text-sm: var(--iris-font-size-sm);--iris-text-md: var(--iris-font-size-md);--iris-text-lg: var(--iris-font-size-lg);--iris-text-xl: var(--iris-font-size-xl);--iris-text-2xl: var(--iris-font-size-2xl);--iris-text-3xl: var(--iris-font-size-3xl);--iris-container-max: 1120px;--iris-container-padding: var(--iris-space-4);--iris-nav-height: 80px;--iris-nav-height-mobile: 56px;--iris-nav-width: 80px}@media(prefers-color-scheme:dark){:root{--iris-color-page-bg: #0f1117;--iris-color-bg: var(--optispan-gray-900);--iris-color-surface: var(--optispan-gray-800);--iris-color-surface-secondary: var(--optispan-gray-900);--iris-color-surface-elevated: var(--optispan-gray-700);--iris-color-surface-hover: var(--optispan-gray-700);--iris-color-surface-selected: color-mix(in srgb, var(--optispan-brand-500) 15%, var(--optispan-gray-800));--iris-color-text: var(--optispan-gray-50);--iris-color-text-secondary: var(--optispan-gray-200);--iris-color-text-muted: var(--optispan-gray-300);--iris-color-text-subtle: var(--optispan-gray-400);--iris-color-text-inverse: var(--optispan-gray-900);--iris-color-border: var(--optispan-gray-700);--iris-color-border-subtle: var(--optispan-gray-800);--iris-color-border-strong: var(--optispan-gray-600);--iris-shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--iris-shadow-2: 0 4px 6px rgba(0, 0, 0, .4);--iris-shadow-3: 0 6px 16px rgba(0, 0, 0, .5);--iris-shadow-4: 0 12px 24px rgba(0, 0, 0, .6);--iris-color-primary: #ffffff;--iris-color-primary-hover: var(--optispan-gray-100);--iris-color-primary-active: var(--optispan-gray-200);--iris-color-on-primary: var(--optispan-gray-900);--iris-color-text-brand: var(--opti-brand-300);--iris-color-focus-ring: var(--opti-brand-300);--iris-color-success: var(--opti-emerald-400);--iris-color-success-hover: var(--opti-emerald-300);--iris-color-warning: var(--opti-yellow-400);--iris-color-warning-hover: var(--opti-yellow-300);--iris-color-warning-text: var(--opti-yellow-200);--iris-color-danger: var(--opti-rose-400);--iris-color-danger-hover: var(--opti-rose-300)}}:root{--iris-card-padding: var(--iris-space-4);--iris-card-radius: var(--iris-radius-2);--iris-card-shadow: var(--iris-shadow-2);--iris-modal-shadow: var(--iris-shadow-4);--iris-modal-backdrop: rgba(0, 0, 0, .5);--iris-modal-max-width: 640px;--iris-icon-sm: 16px;--iris-icon-md: 20px;--iris-icon-lg: 24px;--iris-role-admin: #9333ea;--iris-role-developer: #ea580c;--iris-role-physician: #0891b2;--iris-role-coach: #2563eb;--iris-role-staff: #6366f1;--iris-role-patient: var(--optispan-gray-500);--iris-biomarker-good: var(--iris-color-success);--iris-biomarker-warning: var(--iris-color-warning);--iris-biomarker-danger: var(--iris-color-danger);--iris-biomarker-optimal: var(--iris-color-primary);--iris-button-padding-x: var(--iris-space-4);--iris-button-padding-y: var(--iris-space-2);--iris-button-radius: var(--iris-radius-1);--iris-input-padding-x: var(--iris-space-3);--iris-input-padding-y: var(--iris-space-2);--iris-input-radius: var(--iris-radius-1)}@media(prefers-color-scheme:dark){:root{--iris-biomarker-optimal: var(--iris-color-success)}}@layer tokens;:root{--wa-color-brand-fill-normal: var(--iris-color-primary);--wa-color-brand-fill-loud: var(--iris-color-primary-active);--wa-color-brand-fill-quiet: var(--iris-color-primary-hover);--wa-color-brand-on-normal: var(--iris-color-on-primary);--wa-color-brand-border-normal: var(--iris-color-primary);--wa-color-neutral-fill-normal: var(--iris-color-surface);--wa-color-neutral-fill-quiet: var(--iris-color-surface-elevated);--wa-color-neutral-on-normal: var(--iris-color-text);--wa-color-neutral-border-normal: var(--iris-color-border);--wa-color-success-fill-normal: var(--iris-color-success);--wa-color-success-fill-loud: var(--iris-color-success-hover);--wa-color-success-on-normal: #ffffff;--wa-color-success-border-normal: var(--iris-color-success);--wa-color-warning-fill-normal: var(--iris-color-warning);--wa-color-warning-fill-loud: var(--iris-color-warning-hover);--wa-color-warning-on-normal: #ffffff;--wa-color-warning-border-normal: var(--iris-color-warning);--wa-color-danger-fill-normal: var(--iris-color-danger);--wa-color-danger-fill-loud: var(--iris-color-danger-hover);--wa-color-danger-on-normal: #ffffff;--wa-color-danger-border-normal: var(--iris-color-danger);--wa-color-surface-default: var(--iris-color-surface);--wa-color-surface-raised: var(--iris-color-surface-elevated);--wa-color-surface-lowered: var(--iris-color-bg);--wa-color-surface-border: var(--iris-color-border);--wa-color-text-normal: var(--iris-color-text);--wa-color-text-quiet: var(--iris-color-text-muted);--wa-color-text-link: var(--iris-color-primary);--wa-color-focus: var(--iris-color-focus-ring);--wa-color-mix-hover: rgba(0, 0, 0, .05);--wa-color-mix-active: rgba(0, 0, 0, .1);--wa-space-3xs: 2px;--wa-space-2xs: var(--iris-space-1);--wa-space-xs: var(--iris-space-2);--wa-space-s: var(--iris-space-3);--wa-space-m: var(--iris-space-4);--wa-space-l: var(--iris-space-5);--wa-space-xl: var(--iris-space-6);--wa-space-2xl: var(--iris-space-7);--wa-space-3xl: var(--iris-space-8);--wa-border-radius-s: var(--iris-radius-1);--wa-border-radius-m: var(--iris-radius-2);--wa-border-radius-l: var(--iris-radius-3);--wa-border-radius-pill: var(--iris-radius-full);--wa-border-radius-circle: var(--iris-radius-full);--wa-font-family-sans: var(--iris-font-sans);--wa-font-family-mono: var(--iris-font-mono);--wa-font-size-xs: var(--iris-font-size-xs);--wa-font-size-s: var(--iris-font-size-sm);--wa-font-size-m: var(--iris-font-size-md);--wa-font-size-l: var(--iris-font-size-lg);--wa-font-size-xl: var(--iris-font-size-xl);--wa-font-weight-normal: var(--iris-font-weight-normal);--wa-font-weight-medium: var(--iris-font-weight-medium);--wa-font-weight-semibold: var(--iris-font-weight-semibold);--wa-font-weight-bold: var(--iris-font-weight-bold);--wa-shadow-s: var(--iris-shadow-1);--wa-shadow-m: var(--iris-shadow-2);--wa-shadow-l: var(--iris-shadow-3);--wa-shadow-xl: var(--iris-shadow-4);--wa-transition-fast: var(--iris-transition-fast);--wa-transition-medium: var(--iris-transition-base);--wa-transition-slow: var(--iris-transition-slow)}@media(prefers-color-scheme:dark){:root{--wa-color-mix-hover: rgba(255, 255, 255, .08);--wa-color-mix-active: rgba(255, 255, 255, .12);--wa-color-text-link: var(--iris-color-text-brand);--wa-color-success-on-normal: var(--opti-gray-900);--wa-color-warning-on-normal: var(--opti-gray-900);--wa-color-danger-on-normal: var(--opti-gray-900)}}@layer base;:root{font-family:var(--iris-font-sans)}h1,h2,h3,h4,h5,h6{font-weight:var(--iris-font-weight-semibold);line-height:var(--iris-line-height-tight);color:var(--iris-color-text)}h1{font-size:var(--iris-font-size-3xl)}h2{font-size:var(--iris-font-size-2xl)}h3{font-size:var(--iris-font-size-xl)}h4{font-size:var(--iris-font-size-lg)}p{margin:0;line-height:var(--iris-line-height-relaxed);color:var(--iris-color-text)}a{color:var(--iris-color-text-brand);transition:color var(--iris-transition-fast)}a:hover{color:var(--optispan-brand-600);text-decoration:underline}a:focus-visible{outline:2px solid var(--iris-color-focus-ring);outline-offset:2px;border-radius:var(--iris-radius-1)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--iris-color-focus-ring);outline-offset:2px}button,a,[role=button]{touch-action:manipulation}@media(max-width:767px){input,textarea,select{font-size:max(16px,1em)}}