:root{--neutral-0: oklch(1 0 0);--neutral-25: oklch(.992 .003 95);--neutral-50: oklch(.975 .004 95);--neutral-100: oklch(.945 .006 290);--neutral-300: oklch(.78 .01 285);--neutral-400: oklch(.68 .012 285);--neutral-500: oklch(.56 .013 285);--neutral-550: oklch(.525 .013 285);--neutral-700: oklch(.33 .015 285);--neutral-800: oklch(.265 .015 285);--neutral-850: oklch(.225 .014 285);--neutral-900: oklch(.195 .013 285);--neutral-950: oklch(.165 .012 285);--purple-50: oklch(.97 .022 295);--purple-100: oklch(.935 .045 295);--purple-200: oklch(.88 .075 295);--purple-300: oklch(.81 .115 295);--purple-400: oklch(.74 .15 295);--purple-500: oklch(.672 .182 295);--purple-600: oklch(.6 .19 295);--purple-700: oklch(.52 .17 295);--purple-800: oklch(.43 .14 295);--purple-900: oklch(.34 .1 295);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .9rem;--text-base: 1.08rem;--text-md: 1.3rem;--text-lg: 1.56rem;--text-xl: 1.875rem;--text-2xl: 2.25rem;--text-3xl: 2.7rem;--text-4xl: 3.25rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.5;--leading-loose: 2;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius: var(--radius-md);--border-width: 1px;--border-width-thick: 2px;--duration-fast: .12s;--duration-med: .3s;--duration-slow: .6s;--duration-page: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--stagger-interval: 60ms;--shadow-overlay: 0 var(--space-sm) var(--space-lg) oklch(0 0 0 / .45);--space-2xs: 2px;--space-3: 3px;--space-5: 5px;--space-6: 6px;--space-7: 7px;--space-9: 9px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-18: 18px;--space-20: 20px;--space-28: 28px;--space-30: 30px;--size-icon-sm: 12px;--size-hero-viz: 160px;--track-xs: 50px;--track-sm: 60px;--track-md: 100px;--modal-max-width: 520px;--rail-w-expanded: 200px;--rail-w-collapsed: 56px;--border-width-accent: 3px;--scrim-overlay: oklch(0 0 0 / .85);--blur-overlay: blur(6px);--shadow-tooltip: 0 4px 12px oklch(0 0 0 / .3);--shadow-modal: 0 24px 64px oklch(0 0 0 / .6), 0 0 0 1px oklch(1 0 0 / .03);--shadow-marker: 0 0 4px oklch(0 0 0 / .5);--ease: var(--duration-fast) var(--ease-in-out);--transition: var(--duration-fast) var(--ease-in-out);--content-measure: 72ch;--d-space-2xs: var(--space-2xs);--d-space-xs: var(--space-xs);--d-space-sm: var(--space-sm);--d-space-md: var(--space-md);--d-space-lg: var(--space-lg);--d-space-xl: var(--space-xl);--d-space-2xl: var(--space-2xl);--density-gap-intra: var(--d-space-sm);--density-gap-inter: var(--d-space-lg);--density-pad-block: var(--d-space-md)}[data-density=compact]{--d-space-xs: var(--space-2xs);--d-space-sm: var(--space-xs);--d-space-md: var(--space-sm);--d-space-lg: var(--space-md);--d-space-xl: var(--space-lg);--d-space-2xl: var(--space-xl)}:root,[data-theme=dark]{--bg: var(--neutral-950);--bg-raised: var(--neutral-900);--bg-hover: var(--neutral-850);--bg-active: var(--neutral-800);--bg-overlay: var(--neutral-850);--border: var(--neutral-800);--text: var(--neutral-100);--text-muted: var(--neutral-400);--accent: var(--purple-400);--accent-hover: var(--purple-300);--accent-active: var(--purple-500);--accent-focus: var(--purple-300);--accent-subtle: var(--purple-900);--status-positive: oklch(.78 .17 150);--status-negative: oklch(.7 .18 25);--status-warning: oklch(.82 .15 85);--status-neutral: oklch(.75 .13 240);--rarity-grey: oklch(.72 .02 260);--rarity-yellow: oklch(.85 .15 95);--rarity-orange: oklch(.76 .16 55);--rarity-red: oklch(.705 .19 25);--text-inv: var(--neutral-950);--elevation-1: 0 1px 2px 0 oklch(0 0 0 / .16), 0 1px 1px 0 oklch(0 0 0 / .1);--elevation-2: 0 2px 6px -1px oklch(0 0 0 / .28), 0 1px 2px 0 oklch(0 0 0 / .16);--elevation-3: 0 8px 24px -4px oklch(0 0 0 / .45), 0 2px 6px -2px oklch(0 0 0 / .2);--series-1: oklch(.72 .15 295);--series-2: oklch(.78 .13 200);--series-3: oklch(.82 .14 85);--series-4: oklch(.75 .16 340);--series-5: oklch(.76 .13 255);color-scheme:dark}[data-theme=light]{--bg: var(--neutral-50);--bg-raised: var(--neutral-25);--bg-hover: var(--neutral-100);--bg-active: var(--neutral-300);--bg-overlay: var(--neutral-0);--border: var(--neutral-300);--text: var(--neutral-900);--text-muted: var(--neutral-550);--accent: var(--purple-700);--accent-hover: var(--purple-800);--accent-active: var(--purple-800);--accent-focus: var(--purple-600);--accent-subtle: var(--purple-100);--status-positive: oklch(.515 .15 150);--status-negative: oklch(.55 .2 25);--status-warning: oklch(.52 .12 75);--status-neutral: oklch(.52 .16 245);--rarity-grey: oklch(.5 .02 260);--rarity-yellow: oklch(.6 .12 85);--rarity-orange: oklch(.56 .15 50);--rarity-red: oklch(.53 .19 25);--text-inv: var(--neutral-50);--elevation-1: 0 1px 2px 0 oklch(0 0 0 / .08), 0 1px 1px 0 oklch(0 0 0 / .06);--elevation-2: 0 2px 6px -1px oklch(0 0 0 / .12), 0 1px 2px 0 oklch(0 0 0 / .08);--elevation-3: 0 8px 24px -4px oklch(0 0 0 / .18), 0 2px 6px -2px oklch(0 0 0 / .1);--series-1: oklch(.5 .18 295);--series-2: oklch(.5 .12 215);--series-3: oklch(.5 .13 75);--series-4: oklch(.5 .18 350);--series-5: oklch(.48 .16 260);color-scheme:light}:root{--bg-0: var(--bg);--bg-1: var(--bg-raised);--bg-2: var(--bg-hover);--bg-3: var(--bg-active);--border-subtle: var(--border);--border-hover: var(--neutral-700);--text-0: var(--text);--text-1: var(--text-muted);--text-2: var(--neutral-500);--accent-bg: color-mix(in oklch, var(--accent) 10%, transparent);--accent-border: color-mix(in oklch, var(--accent) 28%, transparent);--accent-soft: var(--accent-bg);--amber-bg: color-mix(in oklch, var(--status-warning) 12%, transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3;color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-bg);color:var(--accent)}:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes entrance{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;transform:translateY(6px)}.animate-in.visible{opacity:1;transform:translateY(0);transition:opacity var(--duration-med) var(--ease-out),transform var(--duration-med) var(--ease-out)}.text-primary{font:700 var(--text-lg) var(--mono);color:var(--accent)}.text-secondary{font:500 var(--text-base) var(--font);color:var(--text)}.text-tertiary{font:400 var(--text-xs) var(--font);color:var(--text-2)}.measure-text{max-inline-size:min(var(--content-measure),100%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-shell{display:flex;flex-direction:column;gap:var(--d-space-lg);width:100%;max-width:72rem;margin:0 auto;padding-bottom:var(--d-space-2xl)}@keyframes page-rise{0%{opacity:0;transform:translateY(var(--space-sm))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.page-sect{animation:page-rise var(--duration-med) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 70ms)}}