:root{--color-base-black: #000000;--color-base-blue-50: #eff6ff;--color-base-blue-100: #dbeafe;--color-base-blue-200: #bfdbfe;--color-base-blue-300: #93c5fd;--color-base-blue-400: #60a5fa;--color-base-blue-500: #3b82f6;--color-base-blue-600: #2563eb;--color-base-blue-700: #1d4ed8;--color-base-blue-800: #1e40af;--color-base-blue-900: #1e3a8a;--color-base-blue-950: #172554;--color-base-brown-50: #fdf8f6;--color-base-brown-100: #f2e8e5;--color-base-brown-200: #eaddd7;--color-base-brown-300: #e0cec7;--color-base-brown-400: #d2bab0;--color-base-brown-500: #bfa094;--color-base-brown-600: #a18072;--color-base-brown-700: #8a6a5b;--color-base-brown-800: #6f4e37;--color-base-brown-900: #513527;--color-base-brown-950: #2f1b14;--color-base-cyan-50: #ecfeff;--color-base-cyan-100: #cffafe;--color-base-cyan-200: #a5f3fc;--color-base-cyan-300: #67e8f9;--color-base-cyan-400: #22d3ee;--color-base-cyan-500: #06b6d4;--color-base-cyan-600: #0891b2;--color-base-cyan-700: #0e7490;--color-base-cyan-800: #155e75;--color-base-cyan-900: #164e63;--color-base-cyan-950: #083344;--color-base-gray-50: #f9fafb;--color-base-gray-100: #f3f4f6;--color-base-gray-200: #e5e7eb;--color-base-gray-300: #d1d5db;--color-base-gray-400: #9ca3af;--color-base-gray-500: #6b7280;--color-base-gray-600: #4b5563;--color-base-gray-700: #374151;--color-base-gray-800: #1f2937;--color-base-gray-900: #111827;--color-base-gray-950: #030712;--color-base-green-50: #f0fdf4;--color-base-green-100: #dcfce7;--color-base-green-200: #bbf7d0;--color-base-green-300: #86efac;--color-base-green-400: #4ade80;--color-base-green-500: #22c55e;--color-base-green-600: #16a34a;--color-base-green-700: #15803d;--color-base-green-800: #166534;--color-base-green-900: #14532d;--color-base-green-950: #052e16;--color-base-purple-50: #faf5ff;--color-base-purple-100: #f3e8ff;--color-base-purple-200: #e9d5ff;--color-base-purple-300: #d8b4fe;--color-base-purple-400: #c084fc;--color-base-purple-500: #a855f7;--color-base-purple-600: #9333ea;--color-base-purple-700: #7e22ce;--color-base-purple-800: #6b21a8;--color-base-purple-900: #581c87;--color-base-purple-950: #3b0764;--color-base-red-50: #fef2f2;--color-base-red-100: #fee2e2;--color-base-red-200: #fecaca;--color-base-red-300: #fca5a5;--color-base-red-400: #f87171;--color-base-red-500: #ef4444;--color-base-red-600: #dc2626;--color-base-red-700: #b91c1c;--color-base-red-800: #991b1b;--color-base-red-900: #7f1d1d;--color-base-red-950: #450a0a;--color-base-white: #ffffff;--color-base-yellow-50: #fefce8;--color-base-yellow-100: #fef9c3;--color-base-yellow-200: #fef08a;--color-base-yellow-300: #fde047;--color-base-yellow-400: #facc15;--color-base-yellow-500: #eab308;--color-base-yellow-600: #ca8a04;--color-base-yellow-700: #a16207;--color-base-yellow-800: #854d0e;--color-base-yellow-900: #713f12;--color-base-yellow-950: #422006;--color-sage-wisdom-50: #f0f4f3;--color-sage-wisdom-100: #caece0;--color-sage-wisdom-200: #a8e1cc;--color-sage-wisdom-300: #86d5b8;--color-sage-wisdom-400: #64c9a4;--color-sage-wisdom-500: #42bd91;--color-sage-wisdom-600: #369b76;--color-sage-wisdom-700: #2a795c;--color-sage-wisdom-800: #1e5742;--color-sage-wisdom-900: #133528;--color-sage-wisdom-950: #07130e;--color-indigo-night-50: #f0f0f4;--color-indigo-night-100: #c9caed;--color-indigo-night-200: #a7a8e2;--color-indigo-night-300: #8586d6;--color-indigo-night-400: #6264cb;--color-indigo-night-500: #4042bf;--color-indigo-night-600: #34369d;--color-indigo-night-700: #292b7a;--color-indigo-night-800: #1d1f58;--color-indigo-night-900: #121336;--color-indigo-night-950: #060713;--color-primary-50: var(--color-sage-wisdom-50);--color-primary-100: var(--color-sage-wisdom-100);--color-primary-200: var(--color-sage-wisdom-200);--color-primary-300: var(--color-sage-wisdom-300);--color-primary-400: var(--color-sage-wisdom-400);--color-primary-500: var(--color-sage-wisdom-500);--color-primary-600: var(--color-sage-wisdom-600);--color-primary-700: var(--color-sage-wisdom-700);--color-primary-800: var(--color-sage-wisdom-800);--color-primary-900: var(--color-sage-wisdom-900);--color-primary-950: var(--color-sage-wisdom-950);--color-secondary-50: var(--color-indigo-night-50);--color-secondary-100: var(--color-indigo-night-100);--color-secondary-200: var(--color-indigo-night-200);--color-secondary-300: var(--color-indigo-night-300);--color-secondary-400: var(--color-indigo-night-400);--color-secondary-500: var(--color-indigo-night-500);--color-secondary-600: var(--color-indigo-night-600);--color-secondary-700: var(--color-indigo-night-700);--color-secondary-800: var(--color-indigo-night-800);--color-secondary-900: var(--color-indigo-night-900);--color-secondary-950: var(--color-indigo-night-950);--color-neutral-50: var(--color-base-gray-50);--color-neutral-100: var(--color-base-gray-100);--color-neutral-200: var(--color-base-gray-200);--color-neutral-300: var(--color-base-gray-300);--color-neutral-400: var(--color-base-gray-400);--color-neutral-500: var(--color-base-gray-500);--color-neutral-600: var(--color-base-gray-600);--color-neutral-700: var(--color-base-gray-700);--color-neutral-800: var(--color-base-gray-800);--color-neutral-900: var(--color-base-gray-900);--color-neutral-950: var(--color-base-gray-950);--color-text-primary: var(--color-primary-900);--color-text-primary-inverse: var(--color-primary-50);--color-text-secondary: var(--color-secondary-900);--color-text-secondary-inverse: var(--color-secondary-50);--color-text-success: var(--color-base-green-600);--color-text-warning: var(--color-base-yellow-600);--color-text-danger: var(--color-base-red-600);--color-background-canvas: var(--color-base-white);--color-background-surface: var(--color-neutral-50);--color-background-surface-overlay: var(--color-neutral-100);--color-background-surface-input: var(--color-neutral-100);--color-background-interactive-primary: var(--color-primary-700);--color-background-interactive-primary-hover: var(--color-primary-800);--color-background-interactive-secondary: var(--color-secondary-700);--color-background-interactive-secondary-hover: var(--color-secondary-800);--color-background-interactive-gradient: linear-gradient( 135deg, var(--color-primary-500), var(--color-secondary-500) );--color-border-subtle: var(--color-neutral-200);--color-border-strong: var(--color-neutral-700);--color-border-focus: var(--color-primary-500);--color-overlay-backdrop: rgba(0, 0, 0, .4)}:root{--space-2xs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 10px;--space-xl: 12px;--space-2xl: 14px;--space-3xl: 16px}:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--radius-pill: 999px;--shadow-raised: 0 12px 30px rgba(0, 0, 0, .22);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5)}:root{--font-family-sans: Inter, "Segoe UI", sans-serif;--font-family-body: Inter, "Segoe UI", sans-serif;--font-family-heading: Inter, "Segoe UI", sans-serif;--font-family-code: monospace;--font-size-2xs: 9px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 20px;--font-size-4xl: 24px;--font-size-5xl: 32px;--font-size-6xl: 48px;--font-size-caption: .72rem;--font-size-body-sm: .8rem;--font-size-body-md: .9rem;--font-size-code: 1.05rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-line-height-tight: 1.2;--font-line-height-normal: 1.4;--font-letter-spacing-caps: .06em}.btn{align-items:center;appearance:none;border:1px solid transparent;border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--font-weight-bold);gap:var(--space-md);justify-content:center;line-height:var(--font-line-height-tight);min-height:36px;padding:var(--space-lg) var(--space-3xl);text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}.btn--primary{background:var(--color-background-interactive-primary);border-color:var(--color-background-interactive-primary);color:var(--color-text-primary-inverse)}.btn--primary:hover:not(:disabled,[aria-disabled=true]){background:var(--color-background-interactive-primary-hover);border-color:var(--color-background-interactive-primary-hover)}.btn--secondary{background:var(--color-background-surface-overlay);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled,[aria-disabled=true]){background:var(--color-neutral-200);border-color:var(--color-neutral-300)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--color-background-surface-overlay);color:var(--color-text-primary)}.btn--icon{flex:0 0 auto;height:36px;padding:0;width:36px}.btn--icon svg{fill:currentColor;height:16px;width:16px}.btn--danger{background:var(--color-base-red-100);border-color:var(--color-base-red-300);color:var(--color-text-danger)}.btn--danger:hover:not(:disabled,[aria-disabled=true]){background:var(--color-base-red-200);border-color:var(--color-base-red-400)}.btn:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.btn[aria-disabled=true]{pointer-events:none}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.badge{align-items:center;border:1px solid transparent;border-radius:var(--radius-pill);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;line-height:var(--font-line-height-tight);padding:var(--space-sm) var(--space-xl)}.badge--primary{background:var(--color-primary-100);border-color:var(--color-primary-300);color:var(--color-text-primary)}.badge--danger{background:var(--color-base-red-100);border-color:var(--color-base-red-300);color:var(--color-text-danger)}.badge--warning{background:var(--color-base-yellow-100);border-color:var(--color-base-yellow-300);color:var(--color-text-warning)}.alert{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);display:flex;gap:var(--space-3xl);justify-content:space-between;padding:var(--space-xl) var(--space-2xl)}.alert--danger{background:var(--color-base-red-100);border-color:var(--color-base-red-300);color:var(--color-text-danger)}.empty-state{color:var(--color-text-secondary);padding:var(--space-3xl);text-align:center}.form-control{background:var(--color-background-surface-input);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font:inherit;padding:var(--space-xl) var(--space-2xl);transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.form-control:hover:not(:disabled){border-color:var(--color-neutral-300)}.form-control:focus-visible,.choice-control:focus-within{border-color:var(--color-border-focus);outline:3px solid var(--color-border-focus);outline-offset:2px}.form-control:disabled{cursor:not-allowed;opacity:.5}textarea.form-control{resize:vertical}.choice-control{align-items:center;background:var(--color-primary-100);border:1px solid var(--color-primary-300);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-lg);padding:var(--space-lg)}.choice-control:hover{background:var(--color-primary-200)}.choice-control input{accent-color:var(--color-background-interactive-primary)}@media(prefers-reduced-motion:reduce){.form-control{transition:none}}.page-shell{margin:0 auto;width:min(1200px,100%);padding:var(--space-3xl) var(--space-3xl) var(--space-3xl);display:flex;flex-direction:column;gap:var(--space-3xl);box-sizing:border-box}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xl)}.page-title{margin:0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-lede{color:var(--color-text-secondary);margin:var(--space-xl) 0 var(--space-md) 0;padding:0 var(--space-3xl)}.subpage-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xl)}.subpage-lede{color:var(--color-text-secondary);margin:var(--space-2xl) 0 var(--space-2xl) 0;padding:0 var(--space-3xl);width:50%;flex-grow:1}.back-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-lg);transition:color .15s}.back-link:hover{color:var(--color-text-primary)}.panel{padding:var(--space-3xl);display:flex;flex-direction:column;gap:var(--space-xl)}.panel h2,.panel h3{margin-top:0;margin-bottom:var(--space-md)}.surface{background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-sizing:border-box}.surface--raised{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-raised)}.surface--clickable{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.surface--clickable:hover{border-color:var(--color-primary-400);transform:translateY(-1px)}.surface--inset{background:var(--color-background-surface-overlay);border-radius:var(--radius-md);box-shadow:none}.surface--primary{background:var(--color-primary-100);border-color:var(--color-primary-300)}.surface--secondary{background:var(--color-secondary-100);border-color:var(--color-secondary-300)}.surface--warning{background:var(--color-base-yellow-50);border-color:var(--color-base-yellow-300)}.code{font-family:var(--font-family-code);font-size:var(--font-size-code)}.pre{overflow:auto;padding:var(--space-2xl);border-radius:var(--radius-md);background:var(--color-neutral-900);color:var(--color-neutral-50);font-size:var(--font-size-sm);white-space:pre-wrap}.pre--transparent{background:transparent;color:var(--color-text-primary)}html,body{margin:0;min-height:100%;background:var(--color-background-canvas);font-size:var(--font-size-xl);font-family:var(--font-family-body)}body{min-height:100dvh}