:root{color-scheme:dark;--navy-900: #14132b;--navy-800: #1d1b3c;--navy-700: #2b294c;--navy-600: #38345e;--navy-500: #41468f;--indigo-500: #5457a5;--cyan-400: #3dffec;--cyan-500: #29b3bf;--cyan-200: #68f5e7;--green-400: #5df699;--pink-300: #efcaf8;--violet-500: #986aeb;--coral-400: #ff6e61;--surface: var(--navy-900);--surface-raised: var(--navy-800);--surface-sunken: #0d0c1d;--surface-glass: rgb(20 19 43 / .72);--surface-paper: #fbfaf7;--surface-code: #f0eee9;--paper-accent: var(--indigo-500);--paper-surround: var(--indigo-500);--paper-rule: rgb(0 0 0 / .1);--paper-frame: rgb(0 0 0 / .08);--text: #eceaf7;--text-muted: #a9a6c6;--text-faint: #79769a;--text-on-paper: #24222e;--text-on-paper-muted: #5c5872;--accent: var(--cyan-400);--accent-soft: var(--cyan-200);--link: var(--cyan-200);--link-hover: var(--green-400);--border: rgb(255 255 255 / .1);--border-strong: rgb(255 255 255 / .2);--feature-a: var(--violet-500);--feature-b: var(--navy-500);--font-sans: "Kanit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-prose: "Lato", ui-serif, Georgia, "Times New Roman", serif;--font-display: "Sofia", "Kanit", ui-serif, Georgia, serif;--font-mono: "FiraCode", ui-monospace, "SFMono-Regular", "Cascadia Code", monospace;--step--1: clamp(.83rem, .8rem + .15vw, .92rem);--step-0: clamp(1rem, .95rem + .25vw, 1.15rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.55rem);--step-2: clamp(1.45rem, 1.25rem + .95vw, 2.1rem);--step-3: clamp(1.75rem, 1.4rem + 1.6vw, 2.9rem);--step-4: clamp(2.1rem, 1.5rem + 2.8vw, 4rem);--measure: 66ch;--leading-prose: 1.65;--leading-tight: 1.2;--space-2xs: .375rem;--space-xs: .75rem;--space-s: 1.125rem;--space-m: 1.75rem;--space-l: 2.75rem;--space-xl: 4.5rem;--space-2xl: clamp(4rem, 10vw, 8.5rem);--radius-s: .5rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-pill: 999px;--shadow-soft: 0 1px 2px rgb(0 0 0 / .2), 0 8px 24px rgb(0 0 0 / .28);--shadow-lift: 0 2px 4px rgb(0 0 0 / .24), 0 18px 48px rgb(0 0 0 / .4);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s;--duration-base: .32s;--duration-slow: .7s;--wrap: min(100% - 2 * var(--space-m), 72rem);--wrap-narrow: min(100% - 2 * var(--space-m), 46rem)}@media(prefers-color-scheme:dark){:root{--surface-paper: #191828;--surface-code: #221f36;--text-on-paper: #e4e2f0;--text-on-paper-muted: #a09dbb;--paper-accent: var(--cyan-200);--paper-surround: var(--surface-sunken);--paper-rule: rgb(255 255 255 / .12);--paper-frame: rgb(255 255 255 / .08)}}@font-face{font-family:Kanit;src:url(/fonts/kanit-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/kanit-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sofia;src:url(/fonts/sofia-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FiraCode;src:url(/fonts/firacode-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;background-color:var(--surface);color:var(--text);font-family:var(--font-prose);font-size:var(--step-0);line-height:var(--leading-prose);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-family:var(--font-sans);font-weight:400;line-height:var(--leading-tight);text-wrap:balance}p{margin:0;text-wrap:pretty}img,picture,video,audio{display:block;max-width:100%}img{height:auto;border:0}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:.25em;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--link-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-s)}:focus:not(:focus-visible){outline:none}button{font:inherit;color:inherit}ul,ol{margin:0;padding:0}::selection{background-color:var(--accent);color:var(--navy-900)}.wrap{width:var(--wrap);margin-inline:auto}.wrap-narrow{width:var(--wrap-narrow);margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-xs);left:var(--space-xs);z-index:100;padding:var(--space-2xs) var(--space-s);border-radius:var(--radius-pill);background-color:var(--accent);color:var(--navy-900);font-family:var(--font-sans);text-decoration:none;transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0);color:var(--navy-900)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);min-height:100svh;padding:var(--space-m);text-align:center}.error-page__code{font-family:var(--font-mono);font-size:var(--step-4);line-height:1;color:var(--accent)}.error-page h1{font-size:var(--step-2)}.error-page p{max-width:42ch;color:var(--text-muted)}.error-page__stack{max-width:min(100%,60rem);overflow-x:auto;padding:var(--space-s);border-radius:var(--radius-m);background-color:var(--surface-sunken);font-size:var(--step--1);text-align:left}@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}}