@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/build/assets/mona-sans-vietnamese-wdth-normal-Rd0aZl9c.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/build/assets/mona-sans-latin-ext-wdth-normal-CQ1tG6In.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/build/assets/mona-sans-latin-wdth-normal-BMVx8nn_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Monaspace Neon;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/monaspace-neon-latin-400-normal-BZtV1wRa.woff2)format("woff2"),url(/build/assets/monaspace-neon-latin-400-normal-DVFelWsN.woff)format("woff")}@layer components{.mk{--wide:76rem;--bg:#07080a;--bg-raised:#090a0d;--surface:#0e1013;--ink:#f4f5f6;--muted:#9ba1a9;--muted-strong:#6f757d;--subtle:#767c84;--line:#ffffff0f;--ok:#4ade9a;--warn:#f5b544;--err:#ff6b5e;--accent:#3ee6c1;--accent-ink:#04130f;--accent-rgb:62 230 193;--ease:cubic-bezier(.22, 1, .36, 1);--font-body:"Mona Sans Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Monaspace Neon", ui-monospace, "SF Mono", Menlo, monospace;--ac-ink:var(--ink);--ac-body:#c4c9cf;--ac-muted:var(--muted);--ac-faint:var(--subtle);--ac-line:#ffffff14;--ac-line-strong:#ffffff29;--ac-surface:#ffffff06;--ac-surface-subtle:#ffffff0a;--ac-accent:var(--accent);--ac-accent-strong:var(--accent);--ac-accent-bright:var(--accent);--ac-accent-soft:rgb(var(--accent-rgb) / .07);--ac-accent-line:rgb(var(--accent-rgb) / .35);--ac-accent-ink:var(--ink);--ac-code-bg:#ffffff14;--ac-code-ink:var(--ink);--ac-step-bg:rgb(var(--accent-rgb) / .15);--ac-step-ink:var(--accent);--ac-tip-bg:#38bdf812;--ac-tip-line:#38bdf84d;--ac-tip-ink:var(--ink);--ac-tip-accent:#7dd3fc;--ac-warn-bg:#f5b54412;--ac-warn-line:#f5b5444d;--ac-warn-ink:var(--ink);--ac-warn-accent:var(--warn);--ac-ok-bg:#4ade9a12;--ac-ok-line:#4ade9a4d;--ac-ok-ink:var(--ink);--ac-ok-accent:var(--ok);--ac-beginner:var(--ok);--ac-adv-bg:#a78bfa1a;--ac-adv-accent:#c4b5fd;background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}.mk :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mk ::selection{background:rgb(var(--accent-rgb) / .3)}.mk .display{letter-spacing:-.03em;font-weight:600;font-stretch:108%}.mk .display-xl{letter-spacing:-.045em;font-size:clamp(2.6rem,1.1rem + 6.4vw,5.75rem);line-height:.98}.mk .headline{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(1.9rem,1.15rem + 3vw,3.5rem);line-height:1.03}.mk .title{letter-spacing:-.015em;font-size:clamp(1.15rem,1.05rem + .4vw,1.375rem);font-weight:600;line-height:1.25}.mk .lead{text-wrap:pretty;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.6}.mk .eyebrow{color:var(--accent);font-size:.875rem}.mk .mono{font-family:var(--font-mono);font-stretch:100%}.mk sup{color:var(--subtle);margin-left:.1em;font-size:.7em}.mk .panel{background:linear-gradient(180deg, #ffffff0b, #ffffff04), var(--surface);box-shadow:inset 0 1px #ffffff12,0 0 0 1px #ffffff12,0 40px 80px -30px #000c}.mk .panel-hero{box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px #ffffff17, 0 60px 120px -40px #000000e6, 0 0 80px -30px rgb(var(--accent-rgb) / .35)}.mk .panel-accent{box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px rgb(var(--accent-rgb) / .45), 0 0 60px -20px rgb(var(--accent-rgb) / .45), 0 40px 80px -30px #000c}.mk .tile{background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff0d}.mk .chip{background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14}.mk .hairline{border-color:var(--line)}.mk .light-top,.mk .light-bottom{z-index:-1;pointer-events:none;position:absolute;inset:0}.mk .light-top{background:radial-gradient(40% 45% at 50% 0%, rgb(var(--accent-rgb) / .2), transparent 70%), radial-gradient(60% 55% at 50% 10%, rgb(var(--accent-rgb) / .07), transparent 75%)}.mk .light-bottom{background:radial-gradient(45% 60% at 50% 100%, rgb(var(--accent-rgb) / .18), transparent 70%)}.mk .grid-fade{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 50% 15%,#000,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 15%,#000,#0000 75%)}.mk .signal-grid{background-position:50% 0;overflow:hidden}.mk .signal{position:absolute;overflow:hidden}.mk .signal-x{top:calc(var(--row) * 64px);height:1px;left:0;right:0}.mk .signal-y{top:0;bottom:0;left:calc(50% - 32px + var(--column) * 64px);width:1px}.mk .signal:after{content:"";opacity:0;position:absolute;inset:0}.mk .signal-x:after{background:linear-gradient(90deg, transparent calc(100% - 160px), rgb(var(--accent-rgb) / .6));transform:translate(-100%)}.mk .signal-y:after{background:linear-gradient(180deg, transparent calc(100% - 120px), rgb(var(--accent-rgb) / .6));transform:translateY(-100%)}.mk .rich{color:#c4c9cf;font-size:1rem;line-height:1.75}.mk .rich :is(h2,h3,h4){color:var(--ink);letter-spacing:-.015em;scroll-margin-top:6rem;font-weight:600;line-height:1.25}.mk .rich h2{margin-top:3rem;font-size:1.5rem}.mk .rich h3{margin-top:2rem;font-size:1.15rem}.mk .rich h4{margin-top:1.75rem;font-size:1.05rem}.mk .rich>:first-child{margin-top:0}.mk .rich :is(p,ul,ol,table,pre,blockquote,img){margin-top:1.1rem}.mk .rich ul{padding-left:1.5rem;list-style:outside}.mk .rich ol{padding-left:1.5rem;list-style:decimal}.mk .rich li+li{margin-top:.4rem}.mk .rich li::marker{color:var(--subtle)}.mk .rich strong{color:var(--ink);font-weight:600}.mk .rich a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:rgb(var(--accent-rgb) / .35);text-decoration-color:rgb(var(--accent-rgb) / .35);text-underline-offset:3px;font-weight:500}.mk .rich a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.mk .rich code{color:var(--ink);font-family:var(--font-mono);background:#ffffff14;border-radius:.3rem;padding:.1rem .4rem;font-size:.85em}.mk .rich pre{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:.75rem;padding:1rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.mk .rich pre code{background:0 0;padding:0}.mk .rich blockquote{border-left:2px solid rgb(var(--accent-rgb) / .5);color:var(--muted);padding-left:1rem}.mk .rich hr{border-color:var(--line);margin-block:2.5rem}.mk .rich img{border-radius:.75rem}.mk .rich table{border-collapse:collapse;width:100%;font-size:.875rem}.mk .rich :is(th,td){text-align:left;vertical-align:top;border:1px solid #ffffff14;padding:.6rem .75rem}.mk .rich th{color:var(--ink);background:#ffffff08;font-weight:600}.mk .rich button{cursor:pointer;color:var(--ink);border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff24}.mk .rich button:hover{background:#ffffff0d}.mk .btn-accent,.mk .btn-light,.mk .btn-ghost{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;font-weight:600;transition:filter .2s,opacity .2s,background-color .2s,box-shadow .2s;display:inline-flex}.mk .btn-accent{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff59}.mk .btn-accent:hover{filter:brightness(1.08)}.mk .btn-accent:disabled{opacity:.7;cursor:default;filter:none}.mk .btn-light{background:var(--ink);color:var(--bg)}.mk .btn-light:hover{opacity:.88}.mk .btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1px #ffffff24}.mk .btn-ghost:hover{background:#ffffff0d}.mk .input-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .25s var(--ease);background:#ffffff0d;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffffff1a,0 20px 40px -20px #000c}.mk .input-shell:focus-within{box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1.5px var(--accent), 0 0 40px -10px rgb(var(--accent-rgb) / .6)}.mk .live-dot{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, currentColor 22%, transparent);background:currentColor;border-radius:999px;display:inline-block}@media (prefers-reduced-motion:no-preference){.mk .caret{animation:1s step-end infinite mk-blink}.mk .signal-x:after{animation:mk-signal-x var(--duration,6s) ease-in-out var(--delay,0s) 2 both}.mk .signal-y:after{animation:mk-signal-y var(--duration,6s) ease-in-out var(--delay,0s) 2 both}.mk .breathe{animation:7s ease-in-out 3 both mk-breathe}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mk .settle{animation:linear both mk-settle;animation-timeline:view();animation-range:entry cover 35%}.mk .rise{animation:linear both mk-rise;animation-timeline:view();animation-range:entry entry 60%}}}@keyframes mk-blink{50%{opacity:0}}@keyframes mk-signal-x{0%{opacity:0;transform:translate(-100%)}15%,85%{opacity:1}to{opacity:0;transform:none}}@keyframes mk-signal-y{0%{opacity:0;transform:translateY(-100%)}15%,85%{opacity:1}to{opacity:0;transform:none}}@keyframes mk-breathe{50%{opacity:.65}}@keyframes mk-settle{0%{opacity:.6;transform:perspective(1600px)rotateX(10deg)scale(.94)}to{opacity:1;transform:none}}@keyframes mk-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}