:root{color-scheme:dark;--color-paper: oklch(24% 0 0);--color-paper-2: oklch(26.5% 0 0);--color-paper-3: oklch(29% 0 0);--color-tile: oklch(35% 0 0);--color-rule: oklch(100% 0 0 / .1);--color-rule-strong: oklch(100% 0 0 / .22);--color-muted: oklch(72% 0 0);--color-ink: oklch(100% 0 0);--color-accent: oklch(84% .155 168);--color-accent-strong: oklch(88% .14 168);--color-accent-ink: oklch(24% 0 0);--color-accent-dim: oklch(84% .155 168 / .14);--color-bad: oklch(66% .21 27);--color-focus: oklch(84% .155 168);--color-blue: oklch(61.5% .17 253);--color-blue-deep: oklch(50% .16 255);--color-blue-ink: oklch(20% .05 252);--sheen-blue: linear-gradient(180deg, oklch(100% 0 0 / .14), oklch(100% 0 0 / 0) 9rem);--color-veil-1: oklch(100% 0 0 / .03);--color-veil-2: oklch(100% 0 0 / .06);--color-veil-3: oklch(100% 0 0 / .12);--color-veil-4: oklch(100% 0 0 / .4);--grad-edge: linear-gradient(315deg, oklch(100% 0 0 / .24), oklch(100% 0 0 / 0) 50%, oklch(100% 0 0 / .24));--shadow-card-inset: inset 2px 2px 8px 0 oklch(100% 0 0 / .08);--shadow-drop: 0 24px 48px -24px oklch(0% 0 0 / .7);--glow-accent: 0 0 60px 0 oklch(75% .15 168 / .2);--color-word: var(--color-accent);--color-word-shadow: oklch(36% .08 170);--font-body: "Inter", "PingFang SC", "Hiragino Sans", "Noto Sans CJK SC", ui-sans-serif, system-ui, sans-serif;--font-display: var(--font-body);--font-word: "Unbounded", var(--font-body);--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-md: 1.25rem;--text-lg: 1.5rem;--text-lede: clamp(1.0625rem, .95rem + .7vw, 1.5rem);--text-h3: clamp(1.5rem, 1.02rem + 2.4vw, 2.75rem);--text-h2: clamp(2.125rem, 1rem + 4.6vw, 4.5rem);--text-word: clamp(1.625rem, .7rem + 3.9vw, 3.75rem);--track-display: -.02em;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--section-pad: clamp(3.5rem, 3rem + 3vw, 5rem);--page-gutter: clamp(1rem, 4vw, 3.25rem);--page-max: 79.75rem;--nav-h: 4.5rem;--control-pad-block: .75rem;--control-pad-inline: 1.5rem;--control-pad-block-lg: 1.25rem;--control-pad-inline-lg: 2rem;--control-pad-block-sm: .5rem;--control-pad-inline-sm: 1.25rem;--rule-hair: 1px;--radius-sm: 8px;--radius-tile: 13px;--radius-md: 16px;--radius-card: 24px;--radius-panel: 32px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-base: 1;--z-raised: 10;--z-sticky: 200;--z-modal: 400;--z-tooltip: 600}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Unbounded-900-latin.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-block-start:calc(var(--nav-h) + 1.5rem);-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body[data-sheet-open]{overflow:hidden}h1,h2,h3{margin:0;font-family:var(--font-display);font-style:normal;font-weight:800;line-height:1.04;letter-spacing:var(--track-display);text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;min-width:0}p{margin:0;text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono);font-size:.875em}img,svg{max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);z-index:var(--z-tooltip);padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;transform:translateY(calc(-100% - var(--space-lg)))}.skip:focus-visible{transform:none}.card{--card-bg: var(--color-paper-2);border:var(--rule-hair) solid transparent;border-radius:var(--radius-card);background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--grad-edge) border-box;box-shadow:var(--shadow-card-inset)}.card--panel{border-radius:var(--radius-panel)}.card--body{--card-bg: var(--color-paper)}.tile{--card-bg: var(--color-tile);display:inline-grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:var(--rule-hair) solid transparent;border-radius:var(--radius-tile);background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--grad-edge) border-box;box-shadow:var(--shadow-card-inset);color:var(--color-accent)}.orb{--card-bg: var(--color-paper-2);display:grid;place-items:center;border:var(--rule-hair) solid transparent;border-radius:50%;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--grad-edge) border-box;box-shadow:var(--shadow-card-inset),var(--shadow-drop)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--control-pad-block) var(--control-pad-inline);border:0;border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.btn--sm{padding:var(--control-pad-block-sm) var(--control-pad-inline-sm);font-size:var(--text-base)}.btn--lg{padding:var(--control-pad-block-lg) var(--control-pad-inline-lg);font-size:var(--text-lg)}.btn--block{width:100%}.btn--accent{background:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.btn--white{background:var(--color-ink);color:var(--color-accent-ink)}.btn--ghost{background:var(--color-tile);color:var(--color-ink)}.btn--accent:focus-visible,.btn--white:focus-visible{outline-color:var(--color-ink);outline-offset:4px}@media(hover:hover)and (pointer:fine){.btn--accent:hover{background:var(--color-accent-strong)}.btn--white:hover{background:var(--color-muted)}.btn--ghost:hover{background:var(--color-rule-strong)}.btn--ghost[aria-disabled=true]:hover{background:var(--color-tile)}}.btn:active{transform:translateY(1px)}.btn[aria-disabled=true],.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media(pointer:coarse){.btn{min-height:48px}}.chip{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap}.cmd{width:100%;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);overflow:hidden;text-align:start}.cmd__head{padding:var(--space-xs) var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule)}.cmd__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.cmd__row{display:flex;align-items:start;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md)}.cmd__code{flex:1 1 auto;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-ink);line-height:1.5}.cmd__copy{flex:0 0 auto;padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);background:transparent;font-size:var(--text-xs);font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}@media(hover:hover)and (pointer:fine){.cmd__copy:hover{border-color:var(--color-accent);color:var(--color-accent)}}.cmd__copy:active{transform:translateY(1px)}.cmd__copy:disabled{opacity:.55;cursor:not-allowed;transform:none}.cmd__copy[data-copied]{border-color:var(--color-accent);color:var(--color-accent)}@media(pointer:coarse){.cmd__copy{min-height:44px}}.reveal{opacity:0;transform:translateY(10px);animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes reveal{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.reveal{transform:none}}