@property --night-mix{syntax:"<number>";inherits:true;initial-value:0}@property --night-step{syntax:"<number>";inherits:true;initial-value:0}:root{--plate:#e9ecf1;--plate-deep:#d8dde6;--plate-line:#b9c0cc;--night:#070b16;--night-lift:#0f1526;--night-line:#222a3d;--ink:#0b0f19;--graphite:#4a5262;--lumen:#eef1f6;--lumen-dim:#98a2b6;--lamp:#f0a03a;--lamp-deep:#8a5205;--pencil:#a82f28;--pencil-lit:#e8776d;--edge-day:#6f7889;--edge-night:#5a6580;--night-mix:0;--fg:color-mix(in oklab,var(--ink) calc((1 - var(--night-mix)) * 100%),var(--lumen));--fg-dim:color-mix(in oklab,var(--graphite) calc((1 - var(--night-mix)) * 100%),var(--lumen-dim));--ground:color-mix(in oklab,var(--plate) calc((1 - var(--night-mix)) * 100%),var(--night));--well:color-mix(in oklab,var(--plate-deep) calc((1 - var(--night-mix)) * 100%),var(--night-lift));--line:color-mix(in oklab,var(--plate-line) calc((1 - var(--night-mix)) * 100%),var(--night-line));--edge:color-mix(in oklab,var(--edge-day) calc((1 - var(--night-mix)) * 100%),var(--edge-night));--lamp-text:color-mix(in oklab,var(--lamp-deep) calc((1 - var(--night-mix)) * 100%),var(--lamp));--pencil-text:color-mix(in oklab,var(--pencil) calc((1 - var(--night-mix)) * 100%),var(--pencil-lit));--fg-fixed:color-mix(in oklab,var(--ink) calc((1 - var(--night-step)) * 100%),var(--lumen));--fg-dim-fixed:color-mix(in oklab,var(--graphite) calc((1 - var(--night-step)) * 100%),var(--lumen-dim));--ground-fixed:color-mix(in oklab,var(--plate) calc((1 - var(--night-step)) * 100%),var(--night));--line-fixed:color-mix(in oklab,var(--plate-line) calc((1 - var(--night-step)) * 100%),var(--night-line));--edge-fixed:color-mix(in oklab,var(--edge-day) calc((1 - var(--night-step)) * 100%),var(--edge-night));--lamp-fixed:color-mix(in oklab,var(--lamp-deep) calc((1 - var(--night-step)) * 100%),var(--lamp));--gap:2vw;--pad-x:max(5vw,40px);--col:calc((100% - 11 * var(--gap)) / 12);--rail:3.25rem;--measure:62ch;--section-pad:clamp(4rem,9vh,8rem);--radius:6px;--step--1:clamp(0.78rem,0.75rem + 0.15vw,0.86rem);--step-0:clamp(0.98rem,0.94rem + 0.2vw,1.08rem);--step-1:clamp(1.15rem,1.05rem + 0.5vw,1.4rem);--step-2:clamp(1.45rem,1.25rem + 1vw,2rem);--step-3:clamp(2rem,1.5rem + 2.2vw,3.4rem);--step-4:clamp(2.7rem,1.6rem + 4.6vw,6rem);--ease-out:cubic-bezier(0.35,0,0,1);--ease-move:cubic-bezier(0.4,0,0.1,1);--display:"Nippo","Nippo Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--text:"Supreme",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Spline Sans Mono",ui-monospace,"Cascadia Mono","SFMono-Regular",Menlo,monospace}@font-face{font-family:Nippo Fallback;src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans");size-adjust:106%;ascent-override:76%;descent-override:24%;line-gap-override:0%}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--line) var(--ground);scrollbar-width:thin;caret-color:var(--lamp-text);accent-color:var(--lamp-text);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--ground);color:var(--fg);font-family:var(--text);font-size:var(--step-0);line-height:1.62;text-wrap:pretty;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;transition:color .3s var(--ease-out)}::selection{background:var(--lamp);color:var(--ink)}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--ground);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}:focus-visible{outline:2px solid var(--lamp-text);outline-offset:3px;border-radius:2px}h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:.92;letter-spacing:-.01em;color:var(--fg);text-wrap:balance;margin:0}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0}a{color:inherit;text-decoration-color:var(--line);text-underline-offset:.18em;text-decoration-thickness:1px;transition:text-decoration-color .3s var(--ease-out)}a:hover{text-decoration-color:var(--lamp-text)}code,kbd,pre,samp{font-size:.92em}.num,code,kbd,pre,samp{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);padding-inline:var(--pad-x)}.grid>*{min-width:0}@media (min-width:1200px){.grid{padding-right:calc(var(--pad-x) + var(--rail))}}@media (max-width:720px){.grid{grid-template-columns:1fr;row-gap:1.5rem}.grid>*{grid-column:1!important}}.section{position:relative;padding-block:var(--section-pad);scroll-margin-top:5.5rem}.prose{max-width:var(--measure);font-size:var(--step-1);line-height:1.55}.note,.prose{color:var(--fg-dim)}.note{font-size:var(--step--1);line-height:1.6;max-width:68ch}.well{background:var(--well);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 calc(var(--night-mix) * 8px) calc(var(--night-mix) * 24px) rgba(0,0,0,calc(var(--night-mix) * .45));transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}.reveal{opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s var(--ease-move),transform .6s var(--ease-move);transition-delay:var(--reveal-delay,0s)}.reveal.is-in{opacity:1;transform:none}.reveal[data-reveal=settle]{opacity:0;transform:scale(1.02);transition:opacity .6s var(--ease-move),transform .9s var(--ease-move)}.reveal[data-reveal=settle].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal,.reveal[data-reveal=settle]{opacity:1;transform:none;transition:none}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:.7rem 1.4rem;border:1px solid var(--edge);border-radius:var(--radius);background:transparent;color:var(--fg);font-family:var(--text);font-size:var(--step-0);font-weight:500;text-decoration:none;cursor:pointer;transition:background .3s var(--ease-out),border-color .3s var(--ease-out),color .3s var(--ease-out),transform .15s var(--ease-out)}.button:hover{border-color:var(--fg)}.button:active{transform:scale(.98)}.button--primary{background:var(--lamp);border-color:var(--lamp);color:var(--ink)}.button--primary:hover{background:color-mix(in oklab,var(--lamp) 86%,var(--ink));border-color:color-mix(in oklab,var(--lamp) 86%,var(--ink))}.install__noteMark,.ledger__note,.made__noteMark,.noteMark,.search__noteMark,.speed__noteMark,.sql__noteMark{display:inline-block;min-width:24px;min-height:24px;padding:0 12px 12px 0;margin:-12px -12px -12px .1em;font-size:.72em;line-height:1;vertical-align:super;color:var(--fg-dim);text-decoration:none;transition:color .3s var(--ease-out)}.install__noteMark:hover,.ledger__note:hover,.made__noteMark:hover,.noteMark:hover,.search__noteMark:hover,.speed__noteMark:hover,.sql__noteMark:hover{color:var(--lamp-text)}.skip{position:fixed;top:.75rem;left:.75rem;z-index:90;transform:translateY(-160%);background:var(--well);color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:.6rem 1rem;font-family:var(--mono);font-size:.8rem;text-decoration:none;transition:transform .25s var(--ease-out)}.skip:focus-visible{transform:none}.ground{position:fixed;inset:0;z-index:-1;background:var(--ground);pointer-events:none}.ground:after,.ground:before{content:"";position:absolute;inset:0;background-repeat:repeat;background-size:512px 512px;transition:opacity .3s var(--ease-out)}.ground:before{background-image:url(/images/plate-texture.webp);mix-blend-mode:multiply;opacity:calc((1 - var(--night-mix)) * .06)}.ground:after{background-image:url(/images/night-texture.webp);mix-blend-mode:screen;opacity:calc(var(--night-mix) * .08)}.ground[data-textures=off]:after,.ground[data-textures=off]:before{display:none}.field{position:fixed;inset:0;z-index:0;pointer-events:none}.field,.field canvas{width:100%;height:100%}.field canvas{display:block}.stillHolder{position:absolute;top:0;left:0;right:0;height:100svh;z-index:0;overflow:hidden;pointer-events:none}.stillHolder__image{width:100%;height:100%;object-fit:cover;opacity:.55}