:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-accent: #0f766e;--color-accent-strong: #0d5f59;--color-accent-soft: color-mix(in srgb, var(--color-accent) 14%, white);--color-accent-ring: color-mix(in srgb, var(--color-accent) 28%, transparent);--color-ink: #0f172a;--color-muted: #64748b;--color-subtle: #94a3b8;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-surface-subtle: #f1f5f9;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-success: #059669;--color-success-soft: #ecfdf5;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-warning: #d97706;--sidebar-width: 17.5rem;--header-height: 4.5rem;--sidebar-bg: #0f172a;--sidebar-surface: rgb(255 255 255 / .04);--sidebar-text: #e2e8f0;--sidebar-muted: #94a3b8;--sidebar-hover: rgb(255 255 255 / .08);--sidebar-active: rgb(15 118 110 / .24);--sidebar-active-border: rgb(45 212 191 / .55);--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(15 23 42 / .05), 0 4px 12px rgb(15 23 42 / .06);--shadow-md: 0 8px 24px rgb(15 23 42 / .08), 0 2px 6px rgb(15 23 42 / .04);--shadow-lg: 0 20px 48px rgb(15 23 42 / .14);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .18s;--duration-normal: .22s;--content-max: 75rem;--content-inner-max: 68rem;--space-page: clamp(1rem, 3vw, 2rem);--space-section: clamp(1.25rem, 2.5vw, 2rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--color-surface-muted);color:var(--color-ink);font-family:var(--font-sans);line-height:1.5}h1,h2,h3,h4{line-height:1.2}img,video{max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}