@font-face{font-family:Tilt Warp;font-style:normal;font-display:swap;font-weight:400;src:url(./tilt-warp-latin-400-normal.D05hbns0.woff2)format("woff2"),url(./tilt-warp-latin-400-normal.DkGnOKt8.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./hanken-grotesk-latin-400-normal.BG6hkEXj.woff2)format("woff2"),url(./hanken-grotesk-latin-400-normal.CjyVwvJV.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./hanken-grotesk-latin-600-normal.CIXX6EOa.woff2)format("woff2"),url(./hanken-grotesk-latin-600-normal.NEn2C4Q3.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:800;src:url(./hanken-grotesk-latin-800-normal.KQ5tvtTT.woff2)format("woff2"),url(./hanken-grotesk-latin-800-normal.BTy3IUcF.woff)format("woff")}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./martian-mono-latin-400-normal.DZsjfPjH.woff2)format("woff2"),url(./martian-mono-latin-400-normal.DM4nBGIh.woff)format("woff")}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./martian-mono-latin-600-normal.BlUmYrg6.woff2)format("woff2"),url(./martian-mono-latin-600-normal.CDEEqth2.woff)format("woff")}:root{--hue:48;--bg:oklch(.185 .014 var(--hue));--bg-deep:oklch(.15 .012 var(--hue));--surface:oklch(.235 .016 var(--hue));--surface-2:oklch(.285 .018 var(--hue));--surface-3:oklch(.34 .02 var(--hue));--ink:oklch(.95 .012 var(--hue));--ink-muted:oklch(.78 .02 var(--hue));--ink-faint:oklch(.64 .02 var(--hue));--border:oklch(.36 .02 var(--hue));--accent:oklch(77% .165 55);--accent-deep:oklch(52% .13 45);--accent-soft:oklch(77% .165 55/.14);--accent-ink:oklch(20% .03 45);--cream-key:oklch(90% .03 80);--cream-key-deep:oklch(66% .04 70);--good:oklch(80% .15 150);--bad:oklch(70% .19 25);--bad-soft:oklch(70% .19 25/.22);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--text-sm:clamp(.85rem, .82rem + .15vw, .92rem);--text-base:clamp(1rem, .96rem + .2vw, 1.1rem);--text-lg:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--text-xl:clamp(1.55rem, 1.3rem + 1.2vw, 2.2rem);--text-2xl:clamp(2.1rem, 1.6rem + 2.6vw, 3.6rem);--text-3xl:clamp(2.6rem, 1.8rem + 4.2vw, 5.2rem);--font-display:"Tilt Warp", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Martian Mono", ui-monospace, monospace;--radius:12px;--radius-sm:8px;--measure:68ch;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur:.24s;--z-sticky:20;--z-menu:30}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.005em;-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.65}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.005em;font-weight:400;line-height:1.12}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{text-wrap:pretty}.skip{background:var(--accent);color:var(--accent-ink);padding:var(--space-3) var(--space-4);z-index:99;position:absolute;top:0;left:-999px}.skip:focus{left:var(--space-4)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.wrap{width:min(100% - 2rem,1120px);margin-inline:auto}.prose{max-width:var(--measure)}.prose>*+*{margin-top:var(--space-4)}.prose h2{margin-top:var(--space-12)}.prose h3{margin-top:var(--space-8)}.prose ol,.prose ul{padding-left:1.25rem}.prose li+li{margin-top:var(--space-2)}.section{padding-block:clamp(2.5rem,2rem + 3vw,5rem)}.stack>*+*{margin-top:var(--space-4)}.key{--k-top:var(--accent);--k-lip:var(--accent-deep);--k-ink:var(--accent-ink);justify-content:center;align-items:center;gap:var(--space-2);background:var(--k-top);min-height:48px;color:var(--k-ink);box-shadow:0 5px 0 var(--k-lip),inset 0 -3px 0 oklch(0% 0 0/.12),inset 0 2px 0 oklch(100% 0 0/.25);font-family:var(--font-body);font-weight:800;font-size:var(--text-base);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast);border:0;border-radius:10px;margin-bottom:5px;padding:.55rem 1.15rem .7rem;display:inline-flex;transform:translateY(0)}.key,.key:hover{text-decoration:none}.key:hover{filter:brightness(1.06)}.key.is-down,.key:active{box-shadow:0 1px 0 var(--k-lip),inset 0 -2px 0 oklch(0% 0 0/.12),inset 0 2px 0 oklch(100% 0 0/.2);transform:translateY(4px)}.key:disabled{opacity:.45;pointer-events:none}.key--cream{--k-top:var(--cream-key);--k-lip:var(--cream-key-deep);--k-ink:oklch(22% .02 60)}.key--dark{--k-top:var(--surface-3);--k-lip:oklch(.2 .015 var(--hue));--k-ink:var(--ink)}.key--sm{min-height:44px;font-size:var(--text-sm);padding:.4rem .85rem .55rem}.key--lg{min-height:60px;font-size:var(--text-lg);padding:.8rem 1.6rem 1rem}.key[aria-pressed=true]{--k-top:var(--accent);--k-lip:var(--accent-deep);--k-ink:var(--accent-ink);box-shadow:0 2px 0 var(--k-lip);transform:translateY(3px)}.chip-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.panel{background:var(--surface);border-radius:var(--radius);padding:clamp(1rem,.8rem + 1vw,1.75rem)}.panel--inset{background:var(--bg-deep)}label{font-weight:600;font-size:var(--text-sm);color:var(--ink-muted)}.field{gap:var(--space-1);min-width:0;display:grid}.input,select.input{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--ink);padding:.6rem .8rem}.input::placeholder{color:var(--ink-faint)}.input:focus-visible{outline:3px solid var(--accent);outline-offset:0;border-color:#0000}input[type=range]{width:100%;accent-color:var(--accent);min-height:44px}.readouts{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,92px),1fr));display:grid}.readout{background:var(--bg-deep);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);min-width:0}.readout b{overflow-wrap:anywhere;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-xl);color:var(--ink);line-height:1.1;display:block}.readout span{font-size:var(--text-sm);color:var(--ink-muted)}.typefield{background:var(--bg-deep);border-radius:var(--radius);cursor:text;transition:border-color var(--dur);border:2px solid #0000;padding:clamp(1rem,.7rem + 1.2vw,1.6rem);position:relative}.typefield.is-focused{border-color:var(--accent)}.typefield__text{font-family:var(--font-mono);color:var(--ink-faint);word-break:break-word;overflow-wrap:anywhere;font-size:clamp(1rem,.9rem + .5vw,1.3rem);line-height:1.9}.typefield__text .ok{color:var(--ink)}.typefield__text .err{color:var(--bad);background:var(--bad-soft);border-radius:3px}.typefield__text .cur{box-shadow:inset 0 -3px 0 var(--accent);color:var(--ink)}.typefield__hint{background:oklch(.15 .012 var(--hue)/.82);border-radius:var(--radius);color:var(--ink);text-align:center;padding:var(--space-4);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.sr-input{opacity:0;pointer-events:none;font-size:16px;top:0;left:0}.sr-input,.sr-only{width:1px;height:1px;position:absolute}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;overflow:hidden}.faq details{border-top:1px solid var(--border);padding-block:var(--space-4)}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-weight:700;font-size:var(--text-lg);justify-content:space-between;gap:var(--space-4);align-items:center;min-height:44px;list-style:none;display:flex}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--accent);flex:none}.faq details[open] summary:after{content:"–"}.faq details p{margin-top:var(--space-3);color:var(--ink-muted);max-width:var(--measure)}table.t{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.t td,.t th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.t th{color:var(--ink-muted);font-weight:600}.t td.n{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table-scroll{max-width:100%;overflow-x:auto}.page-head{padding-top:clamp(2rem,1.5rem + 2vw,3.5rem);padding-bottom:var(--space-6)}.page-head p{color:var(--ink-muted);font-size:var(--text-lg);max-width:60ch;margin-top:var(--space-3)}.crumbs{font-size:var(--text-sm);color:var(--ink-faint);margin-bottom:var(--space-3)}.crumbs a{color:var(--ink-muted)}.two-col{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.two-col>*{min-width:0}@media (width>=900px){.two-col{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
