*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--nav-width:240px;--panel-width:320px;--content-max-width:72ch;--header-height:52px;--transition-speed:220ms;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--z-header:200;--z-overlay:150;--z-nav:100;--z-panel:100;--color-bg:oklch(97.5% 0.005 60);--color-bg-alt:oklch(95.5% 0.007 60);--color-bg-panel:oklch(99% 0.003 60);--color-bg-code:oklch(18% 0.012 280);--color-text:oklch(18% 0.015 55);--color-text-secondary:oklch(48% 0.015 55);--color-text-muted:oklch(62% 0.01 55);--color-accent:oklch(62% 0.18 60);--color-accent-hover:oklch(52% 0.18 60);--color-system:oklch(58% 0.13 175);--color-system-light:oklch(92% 0.04 175);--color-border:oklch(90% 0.01 60);--color-border-subtle:oklch(94% 0.007 60);--color-overlay:oklch(18% 0.015 55/0.35);--color-nav-active:oklch(62% 0.18 60/0.08);--color-hover:oklch(18% 0.015 55/0.04);--color-status-success:oklch(65% 0.15 145);--color-status-error:oklch(60% 0.2 25);--color-status-warning:oklch(60% 0.12 60);--color-status-info:oklch(60% 0.15 280);--color-status-pending:oklch(75% 0.15 85);--color-status-review:oklch(60% 0.15 260);--color-trace-tool-call:oklch(55% 0.18 275);--color-trace-tool-result:oklch(60% 0.16 145);--color-trace-state:oklch(58% 0.14 250);--color-trace-error:oklch(58% 0.2 25);--color-text-on-accent:oklch(99% 0 0);--color-header-bg:oklch(97.5% 0.005 60/0.88);--shadow-xs:0 1px 2px oklch(18% 0.01 55/0.06);--shadow-sm:0 1px 3px oklch(18% 0.01 55/0.08),0 1px 2px oklch(18% 0.01 55/0.04);--shadow-md:0 4px 8px oklch(18% 0.01 55/0.06),0 2px 4px oklch(18% 0.01 55/0.04);--shadow-lg:0 12px 24px oklch(18% 0.01 55/0.08);--shadow-panel:-2px 0 12px oklch(18% 0.01 55/0.06);--wh-gold:oklch(0.88 0.21 92.28);--wh-pink:#ff1981;--wh-purple:#e6b3ff;--wh-indigo:#4242fa;--wh-indigo-light:#809fff;--wh-sky:#6ac;--wh-pillar-i:oklch(0.72 0.16 65);--wh-pillar-ii:oklch(0.60 0.15 220);--wh-pillar-iii:oklch(0.60 0.15 280);--wh-pillar-iv:oklch(0.65 0.15 145)}[data-theme=dark]{--color-bg:#0d0f12;--color-bg-alt:oklch(18% 0.012 55);--color-bg-panel:oklch(16% 0.01 55);--color-bg-code:oklch(14% 0.015 280);--color-text:oklch(90% 0.01 55);--color-text-secondary:oklch(65% 0.012 55);--color-text-muted:oklch(48% 0.01 55);--color-accent:oklch(72% 0.16 65);--color-accent-hover:oklch(80% 0.14 65);--color-system:oklch(72% 0.12 175);--color-system-light:oklch(22% 0.04 175);--color-border:oklch(24% 0.01 55);--color-border-subtle:oklch(20% 0.008 55);--color-overlay:oklch(5% 0.01 55/0.6);--color-nav-active:oklch(72% 0.16 65/0.1);--color-hover:oklch(95% 0.01 55/0.04);--color-header-bg:rgba(13,15,18,0.88);--color-status-success:oklch(72% 0.12 145);--color-status-error:oklch(70% 0.16 25);--color-status-warning:oklch(72% 0.1 60);--color-status-info:oklch(72% 0.12 280);--color-status-pending:oklch(75% 0.12 85);--color-status-review:oklch(72% 0.12 260);--color-trace-tool-call:oklch(72% 0.14 275);--color-trace-tool-result:oklch(72% 0.12 145);--color-trace-state:oklch(72% 0.1 250);--color-trace-error:oklch(75% 0.14 25);--color-text-on-accent:oklch(14% 0.01 55);--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:0 12px 24px oklch(5% 0.005 55/0.4);--shadow-panel:-2px 0 12px oklch(5% 0.005 55/0.3)}[data-mode=story]{--color-story-bg:oklch(97% 0.015 145);--color-story-accent:oklch(62% 0.15 145)}[data-theme=dark] [data-mode=story]{--color-story-bg:oklch(16% 0.02 145);--color-story-accent:oklch(72% 0.12 145)}::selection{background:oklch(.6 .15 280/.25);color:inherit}[data-theme=dark] ::selection{background:oklch(.88 .21 92.28/.2)}[data-theme=dark]{scrollbar-color:oklch(30% .01 55) transparent}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:oklch(30% .01 55);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:oklch(38% .01 55)}html{font-family:Instrument Sans,Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:18px;color:var(--color-text);background:var(--color-bg);line-height:1.6;font-feature-settings:"kern";font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:linear-gradient(180deg,oklch(94% .02 220/.15) 0,transparent 40%),var(--color-bg)}[data-theme=dark] body{background:radial-gradient(ellipse at 50% 0,rgba(66,66,250,.06) 0,transparent 60%),#0d0f12}[data-theme=dark]{font-weight:350}body.scroll-locked{overflow:hidden}a{color:inherit;text-decoration:none}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header);height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--color-header-bg);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}.site-header-inner{max-width:90rem;margin:0 auto;height:100%;justify-content:space-between;padding:0 var(--space-6)}.site-header-inner,.site-nav{display:flex;align-items:center}.site-nav{gap:var(--space-6)}.site-logo{font-weight:650;font-size:.95rem;letter-spacing:-.025em;color:var(--color-text)}.site-nav-link{font-size:.85rem;font-weight:450;color:var(--color-text-secondary);transition:color .15s}.site-nav-link:hover{color:var(--color-text)}.site-actions{display:flex;align-items:center;gap:var(--space-2)}.hamburger-btn,.panel-toggle-btn,.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s;font-size:1rem}.hamburger-btn:hover,.panel-toggle-btn:hover,.theme-toggle:hover{background:var(--color-hover);color:var(--color-text)}.theme-toggle-icon{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-icon[data-rotating=true]{transform:rotate(1turn)}.hamburger-btn{display:none}@media (max-width:1023px){.hamburger-btn{display:flex}}.panel-toggle-btn[data-active=true]{color:var(--color-system)}article{max-width:var(--content-max-width);line-height:1.75;padding:var(--space-8) 0 var(--space-16)}article h1{font-size:clamp(1.75rem,2vw + 1rem,2.25rem);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-2);line-height:1.15}article h2{font-size:1.3rem;font-weight:620;margin-top:var(--space-12);margin-bottom:var(--space-3);letter-spacing:-.02em;line-height:1.3}article h3{font-size:1.1rem;font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-2)}article p{margin-bottom:var(--space-4)}article pre{padding:var(--space-4) var(--space-6);border-radius:8px;overflow-x:auto;margin:var(--space-6) 0;font-size:.84rem;line-height:1.65;background:var(--color-bg-code);color:oklch(85% .01 250)}article code{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.84em;font-feature-settings:none;font-variant-ligatures:none}article :not(pre)>code{background:var(--color-bg-alt);padding:.1em .35em;border-radius:4px;font-size:.84em;border:1px solid var(--color-border)}article ol,article ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}article li{margin-bottom:var(--space-1)}article hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}article blockquote{border-left:2px solid var(--color-accent);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-secondary)}article table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}article td,article th{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}article th{font-weight:600;color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.skip-to-content{position:absolute;top:-100%;left:var(--space-4);z-index:999;padding:var(--space-2) var(--space-4);background:var(--color-text);color:var(--color-bg);border-radius:0 0 6px 6px;font-size:.85rem;font-weight:550;text-decoration:none;transition:top .15s}.skip-to-content:focus{top:0}@media (max-width:639px){.hamburger-btn,.panel-toggle-btn,.theme-toggle{min-width:44px;min-height:44px}}@keyframes themeIconSpin{0%{transform:rotate(-90deg) scale(.8);opacity:.5}to{transform:rotate(0) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}:root{--transition-speed:0ms}.theme-toggle-icon{transition:none!important}}