@charset "UTF-8";:root{--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: var(--font-ui);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: clamp(1.75rem, 1.4rem + 1.2vw, 2.125rem);--text-3xl: clamp(2.125rem, 1.6rem + 2vw, 2.75rem);--text-4xl: clamp(2.5rem, 1.5rem + 4vw, 4.25rem);--track-tight: -.035em;--track-snug: -.02em;--track-wide: .02em;--track-caps: .13em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3.25rem;--sp-8: 5rem;--radius-sm: 7px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--shell-max: 1240px;--prose-max: 72ch;--header-h: 60px;--sidebar-w: 272px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur: .18s;--dur-slow: .42s}[data-font]{--font-display: var(--font-ui)}[data-font=inter],[data-font=system]{--font-display: "Space Grotesk", var(--font-ui)}html[data-size=s]{font-size:93.75%}html[data-size=l]{font-size:106.25%}html[data-size=xl]{font-size:112.5%}:root,[data-theme=dark]{color-scheme:dark;--bg: #0a0d12;--bg-soft: #0e1219;--surface: #121722;--surface-2: #171d2a;--surface-3: #1d2532;--border: #222b3a;--border-strong: #303c50;--ink: #e8edf5;--ink-2: #aab6c8;--ink-3: #7b8799;--ink-inverse: #0a0d12;--accent: #4fe3c1;--accent-ink: #052620;--accent-soft: rgba(79, 227, 193, .14);--accent-line: rgba(79, 227, 193, .42);--info: #6aa6ff;--info-soft: rgba(106, 166, 255, .14);--warn: #f5b661;--warn-soft: rgba(245, 182, 97, .14);--danger: #ff7a7a;--danger-soft: rgba(255, 122, 122, .14);--lvl-beginner: #4ade80;--lvl-intermediate: #facc15;--lvl-advanced: #fb923c;--lvl-expert: #f87171;--hi: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .9);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px -12px rgba(0, 0, 0, .75);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 26px -12px rgba(79, 227, 193, .5);--glow: rgba(79, 227, 193, .13);--glow-2: rgba(106, 166, 255, .09);--grid-line: rgba(255, 255, 255, .028);--card-fill: linear-gradient( 180deg, #171d2a 0%, #121722 100% );--sunken: #0e1219}[data-theme=light]{color-scheme:light;--bg: #fcfcfd;--bg-soft: #f4f6f9;--surface: #ffffff;--surface-2: #f4f6f9;--surface-3: #eaeef4;--border: #e0e6ee;--border-strong: #c6d0dd;--ink: #10151d;--ink-2: #475264;--ink-3: #6b7688;--ink-inverse: #ffffff;--accent: #0d7a68;--accent-ink: #ffffff;--accent-soft: rgba(13, 122, 104, .14);--accent-line: rgba(13, 122, 104, .42);--info: #2563eb;--info-soft: rgba(37, 99, 235, .14);--warn: #b45309;--warn-soft: rgba(180, 83, 9, .14);--danger: #c02626;--danger-soft: rgba(192, 38, 38, .14);--lvl-beginner: #15803d;--lvl-intermediate: #a16207;--lvl-advanced: #c2410c;--lvl-expert: #b91c1c;--hi: rgba(255, 255, 255, .9);--shadow-sm: 0 1px 2px rgba(16, 21, 29, .05);--shadow: 0 1px 2px rgba(16, 21, 29, .06), 0 10px 30px -20px rgba(16, 21, 29, .35);--shadow-lg: 0 2px 4px rgba(16, 21, 29, .05), 0 18px 44px -16px rgba(16, 21, 29, .28);--shadow-accent: 0 1px 2px rgba(16, 21, 29, .08), 0 10px 26px -14px rgba(13, 122, 104, .55);--glow: rgba(13, 122, 104, .09);--glow-2: rgba(37, 99, 235, .06);--grid-line: rgba(16, 21, 29, .035);--card-fill: linear-gradient( 180deg, #ffffff 0%, #f4f6f9 100% );--sunken: #eaeef4}[data-theme=carbon]{color-scheme:dark;--bg: #000000;--bg-soft: #070707;--surface: #0c0c0c;--surface-2: #141414;--surface-3: #1c1c1c;--border: #232323;--border-strong: #343434;--ink: #f2f2f2;--ink-2: #b5b5b5;--ink-3: #808080;--ink-inverse: #000000;--accent: #22d3ee;--accent-ink: #04212a;--accent-soft: rgba(34, 211, 238, .14);--accent-line: rgba(34, 211, 238, .42);--info: #7dd3fc;--info-soft: rgba(125, 211, 252, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--lvl-beginner: #4ade80;--lvl-intermediate: #facc15;--lvl-advanced: #fb923c;--lvl-expert: #f87171;--hi: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .9);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px -12px rgba(0, 0, 0, .75);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 26px -12px rgba(34, 211, 238, .5);--glow: rgba(34, 211, 238, .13);--glow-2: rgba(125, 211, 252, .09);--grid-line: rgba(255, 255, 255, .028);--card-fill: linear-gradient( 180deg, #141414 0%, #0c0c0c 100% );--sunken: #070707}[data-theme=midnight]{color-scheme:dark;--bg: #0a0a18;--bg-soft: #0e0e21;--surface: #14142c;--surface-2: #1a1a38;--surface-3: #222247;--border: #262650;--border-strong: #383870;--ink: #e9e8ff;--ink-2: #b0aede;--ink-3: #7d7bb0;--ink-inverse: #0a0a18;--accent: #a78bfa;--accent-ink: #14082c;--accent-soft: rgba(167, 139, 250, .14);--accent-line: rgba(167, 139, 250, .42);--info: #7dd3fc;--info-soft: rgba(125, 211, 252, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--danger: #fb7185;--danger-soft: rgba(251, 113, 133, .14);--lvl-beginner: #4ade80;--lvl-intermediate: #facc15;--lvl-advanced: #fb923c;--lvl-expert: #f87171;--hi: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .9);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px -12px rgba(0, 0, 0, .75);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 26px -12px rgba(167, 139, 250, .5);--glow: rgba(167, 139, 250, .13);--glow-2: rgba(125, 211, 252, .09);--grid-line: rgba(255, 255, 255, .028);--card-fill: linear-gradient( 180deg, #1a1a38 0%, #14142c 100% );--sunken: #0e0e21}[data-theme=nord]{color-scheme:dark;--bg: #2e3440;--bg-soft: #333a47;--surface: #3b4252;--surface-2: #434c5e;--surface-3: #4c566a;--border: #4a5468;--border-strong: #616e88;--ink: #eceff4;--ink-2: #d8dee9;--ink-3: #9aa6b8;--ink-inverse: #2e3440;--accent: #88c0d0;--accent-ink: #1b2430;--accent-soft: rgba(136, 192, 208, .14);--accent-line: rgba(136, 192, 208, .42);--info: #81a1c1;--info-soft: rgba(129, 161, 193, .14);--warn: #ebcb8b;--warn-soft: rgba(235, 203, 139, .14);--danger: #bf616a;--danger-soft: rgba(191, 97, 106, .14);--lvl-beginner: #4ade80;--lvl-intermediate: #facc15;--lvl-advanced: #fb923c;--lvl-expert: #f87171;--hi: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .9);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px -12px rgba(0, 0, 0, .75);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 26px -12px rgba(136, 192, 208, .5);--glow: rgba(136, 192, 208, .13);--glow-2: rgba(129, 161, 193, .09);--grid-line: rgba(255, 255, 255, .028);--card-fill: linear-gradient( 180deg, #434c5e 0%, #3b4252 100% );--sunken: #333a47}[data-theme=dracula]{color-scheme:dark;--bg: #282a36;--bg-soft: #2d2f3d;--surface: #343746;--surface-2: #3c3f51;--surface-3: #44475a;--border: #454862;--border-strong: #5c608a;--ink: #f8f8f2;--ink-2: #d5d3e0;--ink-3: #9c9ab3;--ink-inverse: #282a36;--accent: #bd93f9;--accent-ink: #21212c;--accent-soft: rgba(189, 147, 249, .14);--accent-line: rgba(189, 147, 249, .42);--info: #8be9fd;--info-soft: rgba(139, 233, 253, .14);--warn: #ffb86c;--warn-soft: rgba(255, 184, 108, .14);--danger: #ff5555;--danger-soft: rgba(255, 85, 85, .14);--lvl-beginner: #4ade80;--lvl-intermediate: #facc15;--lvl-advanced: #fb923c;--lvl-expert: #f87171;--hi: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .9);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px -12px rgba(0, 0, 0, .75);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 26px -12px rgba(189, 147, 249, .5);--glow: rgba(189, 147, 249, .13);--glow-2: rgba(139, 233, 253, .09);--grid-line: rgba(255, 255, 255, .028);--card-fill: linear-gradient( 180deg, #3c3f51 0%, #343746 100% );--sunken: #2d2f3d}[data-theme=forest]{color-scheme:dark;--bg: #0a1210;--bg-soft: #0e1a17;--surface: #12231f;--surface-2: #172d27;--surface-3: #1e3a32;--border: #1f3b33;--border-strong: #2f5a4d;--ink: #e6f4ee;--ink-2: #a9c7bb;--ink-3: #77958a;--ink-inverse: #0a1210;--accent: #4fd1a5;--accent-ink: #04241a;--accent-soft: rgba(79, 209, 165, .14);--accent-line: rgba(79, 209, 165, .42);--info: #7dd3fc;--info-soft: rgba(125, 211, 252, .14);--warn: #eab308;--warn-soft: rgba(234, 179, 8, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--lvl-beginner: #4ade80;--lvl-intermediate: #facc15;--lvl-advanced: #fb923c;--lvl-expert: #f87171;--hi: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .9);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px -12px rgba(0, 0, 0, .75);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 26px -12px rgba(79, 209, 165, .5);--glow: rgba(79, 209, 165, .13);--glow-2: rgba(125, 211, 252, .09);--grid-line: rgba(255, 255, 255, .028);--card-fill: linear-gradient( 180deg, #172d27 0%, #12231f 100% );--sunken: #0e1a17}[data-theme=solarized]{color-scheme:light;--bg: #fdf6e3;--bg-soft: #f5eed8;--surface: #fffbf0;--surface-2: #f3ebd6;--surface-3: #eae1c9;--border: #e5dcc3;--border-strong: #c9bfa3;--ink: #073642;--ink-2: #4a5f66;--ink-3: #7d8f92;--ink-inverse: #ffffff;--accent: #12658f;--accent-ink: #ffffff;--accent-soft: rgba(18, 101, 143, .14);--accent-line: rgba(18, 101, 143, .42);--info: #268bd2;--info-soft: rgba(38, 139, 210, .14);--warn: #b58900;--warn-soft: rgba(181, 137, 0, .14);--danger: #dc322f;--danger-soft: rgba(220, 50, 47, .14);--lvl-beginner: #15803d;--lvl-intermediate: #a16207;--lvl-advanced: #c2410c;--lvl-expert: #b91c1c;--hi: rgba(255, 255, 255, .9);--shadow-sm: 0 1px 2px rgba(16, 21, 29, .05);--shadow: 0 1px 2px rgba(16, 21, 29, .06), 0 10px 30px -20px rgba(16, 21, 29, .35);--shadow-lg: 0 2px 4px rgba(16, 21, 29, .05), 0 18px 44px -16px rgba(16, 21, 29, .28);--shadow-accent: 0 1px 2px rgba(16, 21, 29, .08), 0 10px 26px -14px rgba(18, 101, 143, .55);--glow: rgba(18, 101, 143, .09);--glow-2: rgba(38, 139, 210, .06);--grid-line: rgba(16, 21, 29, .035);--card-fill: linear-gradient( 180deg, #fffbf0 0%, #f3ebd6 100% );--sunken: #eae1c9}[data-theme=sepia]{color-scheme:light;--bg: #f3ece1;--bg-soft: #ece3d5;--surface: #fbf6ee;--surface-2: #eee5d8;--surface-3: #e5dac9;--border: #ded2c0;--border-strong: #bcab94;--ink: #2c2318;--ink-2: #57493a;--ink-3: #85735f;--ink-inverse: #ffffff;--accent: #a2542e;--accent-ink: #ffffff;--accent-soft: rgba(162, 84, 46, .14);--accent-line: rgba(162, 84, 46, .42);--info: #1f6f8b;--info-soft: rgba(31, 111, 139, .14);--warn: #a16207;--warn-soft: rgba(161, 98, 7, .14);--danger: #b02b2b;--danger-soft: rgba(176, 43, 43, .14);--lvl-beginner: #15803d;--lvl-intermediate: #a16207;--lvl-advanced: #c2410c;--lvl-expert: #b91c1c;--hi: rgba(255, 255, 255, .9);--shadow-sm: 0 1px 2px rgba(16, 21, 29, .05);--shadow: 0 1px 2px rgba(16, 21, 29, .06), 0 10px 30px -20px rgba(16, 21, 29, .35);--shadow-lg: 0 2px 4px rgba(16, 21, 29, .05), 0 18px 44px -16px rgba(16, 21, 29, .28);--shadow-accent: 0 1px 2px rgba(16, 21, 29, .08), 0 10px 26px -14px rgba(162, 84, 46, .55);--glow: rgba(162, 84, 46, .09);--glow-2: rgba(31, 111, 139, .06);--grid-line: rgba(16, 21, 29, .035);--card-fill: linear-gradient( 180deg, #fbf6ee 0%, #eee5d8 100% );--sunken: #e5dac9}[data-theme=ocean]{color-scheme:dark;--bg: #061018;--bg-soft: #0a1722;--surface: #0e2130;--surface-2: #13293b;--surface-3: #193448;--border: #1a3648;--border-strong: #2a5470;--ink: #e3f2fb;--ink-2: #a3bed1;--ink-3: #71899b;--ink-inverse: #061018;--accent: #38bdf8;--accent-ink: #032030;--accent-soft: rgba(56, 189, 248, .14);--accent-line: rgba(56, 189, 248, .42);--info: #7dd3fc;--info-soft: rgba(125, 211, 252, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--danger: #fb7185;--danger-soft: rgba(251, 113, 133, .14);--lvl-beginner: #4ade80;--lvl-intermediate: #facc15;--lvl-advanced: #fb923c;--lvl-expert: #f87171;--hi: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .9);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px -12px rgba(0, 0, 0, .75);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 26px -12px rgba(56, 189, 248, .5);--glow: rgba(56, 189, 248, .13);--glow-2: rgba(125, 211, 252, .09);--grid-line: rgba(255, 255, 255, .028);--card-fill: linear-gradient( 180deg, #13293b 0%, #0e2130 100% );--sunken: #0a1722}[data-theme=contrast]{color-scheme:dark;--bg: #000000;--bg-soft: #0a0a0a;--surface: #121212;--surface-2: #1a1a1a;--surface-3: #242424;--border: #3a3a3a;--border-strong: #5c5c5c;--ink: #ffffff;--ink-2: #e0e0e0;--ink-3: #b0b0b0;--ink-inverse: #000000;--accent: #ffd400;--accent-ink: #000000;--accent-soft: rgba(255, 212, 0, .14);--accent-line: rgba(255, 212, 0, .42);--info: #66d9ff;--info-soft: rgba(102, 217, 255, .14);--warn: #ffb000;--warn-soft: rgba(255, 176, 0, .14);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .14);--lvl-beginner: #4ade80;--lvl-intermediate: #facc15;--lvl-advanced: #fb923c;--lvl-expert: #f87171;--hi: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .9);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 40px -12px rgba(0, 0, 0, .75);--shadow-accent: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 26px -12px rgba(255, 212, 0, .5);--glow: rgba(255, 212, 0, .13);--glow-2: rgba(102, 217, 255, .09);--grid-line: rgba(255, 255, 255, .028);--card-fill: linear-gradient( 180deg, #1a1a1a 0%, #121212 100% );--sunken: #0a0a0a}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1.5rem);scrollbar-gutter:stable}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 78% -8%,var(--glow),transparent 62%),radial-gradient(45rem 32rem at 8% 2%,var(--glow-2),transparent 60%),linear-gradient(var(--grid-line) 1px,transparent 1px) 0 0/100% 64px,linear-gradient(90deg,var(--grid-line) 1px,transparent 1px) 0 0/64px 100%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 92%);mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 92%)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.14;letter-spacing:var(--track-tight);color:var(--ink);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl);letter-spacing:var(--track-snug);line-height:1.25}h4{font-size:var(--text-lg);letter-spacing:var(--track-snug);line-height:1.35}p{text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease)}a:hover{color:var(--accent);text-decoration-color:var(--accent)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.855em;font-feature-settings:"liga" 0}:not(pre)>code{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-sm);padding:.12em .4em;color:var(--ink);white-space:nowrap;font-weight:500}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}img,svg{display:block;max-width:100%}ul,ol{padding-left:1.3rem}li+li{margin-top:.4rem}li::marker{color:var(--ink-3)}hr{border:none;height:1px;background:linear-gradient(90deg,var(--border-strong),var(--border) 45%,transparent);margin:var(--sp-6) 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.skip-link{position:fixed;top:-100px;left:var(--sp-4);z-index:200;background:var(--accent);color:var(--accent-ink);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);font-weight:600;transition:top var(--dur) var(--ease)}.skip-link:focus{top:var(--sp-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--sp-5)}@media(max-width:640px){.container{padding-inline:var(--sp-4)}}.page{padding-block:var(--sp-6) var(--sp-8)}.section{padding-block:var(--sp-7)}.stack>*+*{margin-top:var(--sp-4)}.stack-lg>*+*{margin-top:var(--sp-6)}.grid{display:grid;gap:var(--sp-4)}.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cols-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.row{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.spread{display:flex;gap:var(--sp-4);align-items:center;justify-content:space-between;flex-wrap:wrap}.prose{max-width:var(--prose-max)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent)}.lede{font-size:var(--text-lg);color:var(--ink-2);line-height:1.62;letter-spacing:-.005em;max-width:64ch}.muted{color:var(--ink-2)}.dim{color:var(--ink-3);font-size:var(--text-sm)}.section-head{margin-bottom:var(--sp-6)}.section-head .eyebrow{display:flex;align-items:center;gap:.6rem}.section-head .eyebrow:before{content:"";width:18px;height:1px;background:var(--accent);flex:none}.section-head h2{margin-top:var(--sp-3)}.section-head p{color:var(--ink-2);margin-top:var(--sp-2);max-width:66ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.6rem 1.15rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--card-fill);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--hi);color:var(--ink);font-size:var(--text-sm);font-weight:550;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease-spring)}.btn:hover{border-color:var(--accent-line);box-shadow:var(--shadow),inset 0 1px 0 var(--hi);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 88%,#fff) 0%,var(--accent) 100%);border-color:var(--accent);color:var(--accent-ink);font-weight:650;box-shadow:var(--shadow-accent),inset 0 1px #ffffff47}.btn-primary:hover{border-color:var(--accent);filter:brightness(1.06);box-shadow:var(--shadow-accent),inset 0 1px #ffffff47}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-sm{padding:.35rem .7rem;font-size:var(--text-sm)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius);color:var(--ink-2);background:transparent;border-color:transparent}.btn-icon:hover{background:var(--surface-2);color:var(--ink)}.btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.card{background:var(--card-fill);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--hi);padding:var(--sp-5);position:relative}.card-sm{padding:var(--sp-4);border-radius:var(--radius)}a.card,.card-link{text-decoration:none;display:block;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-slow) var(--ease-spring)}a.card:hover,.card-link:hover{border-color:var(--accent-line);transform:translateY(-3px);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--hi)}a.card:after,.card-link:after{content:"";position:absolute;inset:-1px -1px auto;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity var(--dur) var(--ease)}a.card:hover:after,.card-link:hover:after{opacity:.9}.card h3,.card h4{margin-bottom:var(--sp-2)}.card p{color:var(--ink-2);font-size:var(--text-base)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.26rem .68rem;border-radius:99px;border:1px solid var(--border);background:var(--card-fill);box-shadow:inset 0 1px 0 var(--hi);color:var(--ink-2);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--track-wide);white-space:nowrap;text-decoration:none;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}button.chip:hover{border-color:var(--accent-line);color:var(--ink)}.chip[aria-pressed=true],.chip.is-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.chip-mono{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em}.level{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:capitalize;color:var(--tone, var(--ink-2))}.level:before{content:"";width:7px;height:7px;border-radius:99px;background:currentColor}.level-beginner{--tone: var(--lvl-beginner)}.level-intermediate{--tone: var(--lvl-intermediate)}.level-advanced{--tone: var(--lvl-advanced)}.level-expert{--tone: var(--lvl-expert)}.kbd{display:inline-block;font-family:var(--font-mono);font-size:.7rem;line-height:1.5;padding:.05rem .4rem;border-radius:5px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--card-fill);box-shadow:inset 0 1px 0 var(--hi);color:var(--ink-2)}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--ink-3)}.note{position:relative;border:1px solid color-mix(in oklab,var(--tone, var(--info)) 26%,transparent);border-radius:var(--radius);background:var(--surface);padding:var(--sp-4) var(--sp-4) var(--sp-4) calc(var(--sp-4) + 6px);font-size:var(--text-base);color:var(--ink-2);overflow:hidden}.note:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tone, var(--info))}.note strong:first-child{color:var(--tone, var(--info));font-weight:650;letter-spacing:-.005em}.note-info{--tone: var(--info);background:linear-gradient(115deg,var(--info-soft),transparent 68%),var(--surface)}.note-tip{--tone: var(--accent);background:linear-gradient(115deg,var(--accent-soft),transparent 68%),var(--surface)}.note-warn{--tone: var(--warn);background:linear-gradient(115deg,var(--warn-soft),transparent 68%),var(--surface)}.code-block{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--sunken);box-shadow:var(--shadow-sm);overflow:hidden}.code-head{display:flex;align-items:center;gap:var(--sp-3);padding:.4rem .5rem .4rem var(--sp-4);border-bottom:1px solid var(--border);background:var(--card-fill);box-shadow:inset 0 1px 0 var(--hi);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--track-wide);color:var(--ink-3)}.code-head:before{content:"";flex:none;width:8px;height:8px;border-radius:99px;background:var(--border-strong);box-shadow:13px 0 0 var(--border-strong),26px 0 0 var(--border-strong);margin-right:26px}.code-head>:first-of-type{margin-right:auto}.code-block pre{margin:0;padding:var(--sp-4);overflow-x:auto;line-height:1.7;font-size:var(--text-sm);tab-size:2}.code-block code{color:var(--ink)}.tok-key{color:#c792ea}.tok-str{color:#a5d6a7}.tok-num{color:#f5b661}.tok-com{color:var(--ink-3);font-style:italic}.tok-fn{color:#6aa6ff}.tok-builtin{color:#4fe3c1}[data-theme=light] .tok-key{color:#7c3aed}[data-theme=light] .tok-str{color:#1a7f4b}[data-theme=light] .tok-num{color:#b45309}[data-theme=light] .tok-fn{color:#1d4ed8}[data-theme=light] .tok-builtin{color:#0d7a68}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{text-align:left;padding:.7rem .95rem;border-bottom:1px solid var(--border);vertical-align:top}td{color:var(--ink-2)}th{background:var(--surface-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--ink-2);white-space:nowrap}tbody tr:nth-child(2n) td{background:color-mix(in oklab,var(--surface-2) 40%,transparent)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-2)}.bar{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .4s var(--ease)}.bar-lg{height:10px}.field{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:.5rem .75rem;color:var(--ink-3)}.field:focus-within{border-color:var(--accent-line)}.field input,.field select{flex:1;min-width:0;border:none;background:none;outline:none;font-size:var(--text-base)}select.field{appearance:none;padding-right:2rem;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px;background-repeat:no-repeat;color:var(--ink);cursor:pointer}input[type=range]{accent-color:var(--accent);width:100%}.divider{border-top:1px solid var(--border)}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--sp-6);text-align:center;color:var(--ink-3)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:var(--text-xs);color:var(--ink-3);margin-bottom:var(--sp-4)}.breadcrumb a{display:inline-flex;align-items:center;min-height:24px;text-decoration:none;transition:color var(--dur) var(--ease)}.breadcrumb a{text-decoration:none;color:var(--ink-3)}.breadcrumb a:hover{color:var(--accent)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.reveal{animation:reveal .42s var(--ease) both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.will-reveal{opacity:0;transform:translateY(10px);transition:opacity .42s var(--ease),transform .42s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.will-reveal.is-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}}[data-focus=on] .app-footer,[data-focus=on] .toc,[data-focus=on] .page-aside{display:none}[data-focus=on] .article-grid{grid-template-columns:minmax(0,1fr);max-width:80ch;margin-inline:auto}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.app-shell[data-sidebar=hidden]{grid-template-columns:minmax(0,1fr)}.topbar{position:fixed;inset:0 0 auto;z-index:70;height:var(--header-h);display:flex;align-items:center;gap:var(--sp-3);padding-inline:var(--sp-3);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--hi) inset}.topbar .spacer{flex:1}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--ink-2);background:transparent;flex:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--ink);border-color:var(--border)}.icon-btn[aria-expanded=true],.icon-btn.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.sidebar{grid-column:1;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));margin-top:var(--header-h);border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg-soft) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;z-index:40}.sidebar-inner{padding:var(--sp-4) var(--sp-2) var(--sp-6) var(--sp-3)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.nav-tree{display:grid;grid-template-columns:minmax(0,1fr);gap:1px}.nav-group,.nav-leaves,.nav-section{min-width:0}.nav-group>summary{display:flex;align-items:center;gap:var(--sp-2);padding:.4rem var(--sp-2);border-radius:var(--radius-sm);cursor:pointer;list-style:none;color:var(--ink-2);font-size:var(--text-sm);font-weight:550;letter-spacing:-.005em;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover{background:var(--surface-2);color:var(--ink)}.nav-group[open]>summary{color:var(--ink)}.nav-group .caret{transition:transform var(--dur) var(--ease);color:var(--ink-3);flex:none}.nav-group[open] .caret{transform:rotate(90deg)}.nav-group .stage-no{font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--ink-3);flex:none;width:1.55rem;text-align:center;padding:.12rem 0;border-radius:5px;background:var(--surface-2);border:1px solid var(--border)}.nav-group[open]>summary .stage-no{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.nav-group .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group .done-count{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);flex:none;min-width:2.1rem;text-align:right}.nav-leaves{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;margin:2px 0 var(--sp-2) .95rem;padding-left:var(--sp-2);border-left:1px solid var(--border)}.nav-leaves a{display:flex;align-items:flex-start;gap:var(--sp-2);padding:.34rem var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink-3);text-decoration:none;line-height:1.45;min-width:0;overflow-wrap:anywhere;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-leaves .leaf-label{min-width:0;flex:1}.nav-leaves a:hover{background:var(--surface-2);color:var(--ink)}.nav-leaves a.active{position:relative;background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-leaves a.active:before{content:"";position:absolute;left:calc(var(--sp-2) * -1 - 1px);top:2px;bottom:2px;width:2px;border-radius:99px;background:var(--accent)}.nav-leaves a .tick{flex:none;opacity:0;color:var(--accent)}.nav-leaves a.done .tick{opacity:1}.nav-section{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr);gap:1px}.nav-section a{display:flex;align-items:center;gap:var(--sp-3);padding:.4rem var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink-2);text-decoration:none}.nav-section a:hover{background:var(--surface-2);color:var(--ink)}.nav-section a.active{background:var(--accent-soft);color:var(--accent)}.app-main{grid-column:2;min-width:0;padding-top:var(--header-h)}.app-shell[data-sidebar=hidden] .app-main{grid-column:1}@media(max-width:1000px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:var(--header-h);bottom:0;left:0;width:min(300px,84vw);margin-top:0;height:auto;transform:translate(-100%);transition:transform .24s var(--ease-out);box-shadow:var(--shadow)}.sidebar.open{transform:none}.app-main{grid-column:1}.sidebar-scrim{position:fixed;inset:var(--header-h) 0 0;z-index:35;background:#00000080;animation:fade-in .16s var(--ease) both}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[data-focus=on] .sidebar,[data-focus=on] .app-footer{display:none}[data-focus=on] .app-shell{grid-template-columns:minmax(0,1fr)}[data-focus=on] .app-main{grid-column:1}.app-main{view-transition-name:page}::view-transition-old(page){animation:page-leave .11s var(--ease) both}::view-transition-new(page){animation:page-enter .28s var(--ease-out) both}::view-transition-group(page){animation:none}@keyframes page-leave{to{opacity:0;transform:translateY(-6px)}}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){::view-transition-old(page),::view-transition-new(page){animation:none}}