.link-draw{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1.5px;padding-bottom:2px;transition:background-size .26s cubic-bezier(.16,1,.3,1)}.link-draw:hover,.link-draw:focus-visible{background-size:100% 1.5px}.j-wrap{width:100%;max-width:var(--container-page);padding-inline:var(--spacing-gutter);margin-inline:auto}.j-masthead{z-index:40;border-bottom:1px solid var(--color-rule);background:color-mix(in oklab, var(--color-paper) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0}.j-masthead-row{align-items:center;gap:24px;height:64px;display:flex;position:relative}.j-logo{font-family:var(--font-display);white-space:nowrap;color:var(--color-ink);flex:none;align-items:center;gap:12px;font-size:1.5rem;line-height:1;display:inline-flex}.j-sys{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-soft);white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:.6875rem;display:none}@media (min-width:900px){.j-sys{display:inline-flex}}.j-led{background:var(--color-vermilion);border-radius:50%;width:8px;height:8px;animation:2.4s step-end infinite j-led;box-shadow:0 0 0 2px #d9481f40}@keyframes j-led{0%,92%{opacity:1}93%,to{opacity:.25}}.j-hero{position:relative}.j-hero-inner{grid-template-columns:minmax(0,1fr);padding-block:72px 16px;display:grid}.j-wordmark{font-family:var(--font-display);letter-spacing:-.02em;flex-wrap:wrap;column-gap:.28em;font-size:clamp(4rem,17vw,5.5rem);font-weight:400;line-height:.9;display:flex}.j-word{margin-block:-.1em;padding-block:.1em;display:block;overflow:hidden}.j-tagline{font-variation-settings:"wdth" 80;max-width:30ch;min-height:2.6em;margin-top:32px;font-size:clamp(1.25rem,2.4vw,1.625rem);font-weight:600;line-height:1.3}.j-hero-actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}@media (min-width:900px){.j-hero-inner{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-block:120px 32px}.j-wordmark{grid-column:1/-1}.j-hero-copy{grid-column:1/span 7}.j-tagline{margin-top:40px}}.j-section{padding-block:128px 32px;position:relative}.j-hero+.j-section{padding-top:64px}@media (min-width:900px){.j-hero+.j-section{padding-top:96px}}.j-frame{isolation:isolate;--feather:48px;position:relative}.j-frame:before{content:"";z-index:-1;inset:calc(var(--feather) * -1) calc(var(--spacing-gutter) * -1);background:var(--color-paper);opacity:.92;pointer-events:none;-webkit-mask:linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);-webkit-mask:linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);mask:linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);position:absolute}@media (min-width:640px){.j-frame{--feather:64px}.j-frame:before{inset:calc(var(--feather) * -1);-webkit-mask:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);mask:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);-webkit-mask-composite:source-in;mask-composite:intersect}}.j-frame .reg-mark{--off:min(calc(var(--spacing-gutter) - 4px), 32px);top:calc(var(--off) * -1)}.j-frame .reg-mark-l{left:calc(var(--off) * -1)}.j-frame .reg-mark-r{right:calc(var(--off) * -1)}.j-head{gap:16px;margin-bottom:56px;display:grid}.j-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.02}.j-lede{max-width:52ch;color:var(--color-ink-soft);font-variation-settings:"wdth" 86;font-size:1.1875rem;line-height:1.6}@media (min-width:1100px){.j-head-split{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;column-gap:48px}.j-head-split .swatch{grid-column:1/-1}.j-head-split .j-lede{padding-bottom:.5em;font-size:1.0625rem}}.j-footer{color:var(--color-ink-soft);margin-top:80px;padding-block:0 24px;font-size:.875rem;position:relative}.j-footer-stripe{border-radius:var(--radius-pill);height:6px;margin-bottom:20px;display:flex;overflow:hidden}.j-footer-stripe>i{flex:1}.j-footer-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name top""nav nav""print print";align-items:center;gap:12px 24px;display:grid}@media (min-width:768px){.j-footer-bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name nav top""print print print";gap:8px 32px}}.j-footer-name{font-family:var(--font-display);color:var(--color-ink);grid-area:name;align-items:center;gap:10px;font-size:1.1875rem;line-height:1;display:flex}.j-footer-nav{flex-wrap:wrap;grid-area:nav;align-items:center;gap:4px 20px;display:flex}.j-footer-links{display:contents}.j-footer-nav a{color:var(--color-ink);padding-block:6px;font-size:.9375rem;font-weight:500;display:inline-block}.j-footer-sep{background:var(--color-rule);width:1px;height:14px}.j-footer-top{grid-area:top;justify-self:end;gap:6px}.j-footer-print{border-top:1px solid var(--color-rule);grid-area:print;padding-top:12px;font-size:.8125rem}.pc{--row:52px;--ease:cubic-bezier(.16, 1, .3, 1);--phosphor:var(--color-sunflower);--glow:#f5cc3f4d;--dim:#f2e6ccad;--shade:#140d0999;border:2px solid var(--color-ink);border-radius:var(--radius-monitor);background:linear-gradient(to bottom, #f2e6ccb3, transparent 72px), var(--color-paper-deep);box-shadow:var(--shadow-sheet);overflow:clip}.pc-top{align-items:center;gap:24px;min-height:64px;padding:12px 20px;display:flex}.pc-plate{align-items:center;gap:12px;min-width:0;display:inline-flex}.pc-mark{flex:none;gap:2px;width:24px;display:grid}.pc-mark>i{border-radius:var(--radius-pill);height:3px}.pc-model{font-family:var(--font-display);white-space:nowrap;font-size:1.5rem;line-height:1}.pc-sub{color:var(--color-ink-soft);text-transform:uppercase;white-space:nowrap;display:none}.pc-drive{flex:none;width:152px;height:32px;margin-left:auto;display:none;position:relative}.pc-slot{z-index:1;background:var(--color-ink);border-radius:4px;height:12px;position:absolute;inset:auto 0 0;box-shadow:inset 0 3px 4px #140d09b3,0 1px #f2e6cccc}.pc-disk{background:var(--face);height:24px;color:var(--ink);letter-spacing:.04em;white-space:nowrap;animation:pc-disk .52s var(--ease) backwards;border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;padding-top:4px;font-size:.6875rem;display:flex;position:absolute;inset:auto 20px 6px;overflow:hidden}@keyframes pc-disk{0%{opacity:0;transform:translateY(-26px)}40%{opacity:1}to{transform:translateY(0)}}.pc-power{color:var(--color-ink-soft);flex:none;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.pc-drive+.pc-power{margin-left:0}.pc-led{background:var(--color-vermilion);width:8px;height:8px;transition:background-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:50%;animation:2.4s step-end infinite j-led;box-shadow:0 0 0 2px #d9481f40}.pc-bezel{border-radius:var(--radius-monitor);background:var(--color-paper-edge);margin:0 12px;padding:10px;box-shadow:inset 0 2px 6px #2b1d1647,0 1px #f2e6cccc}.pc-screen{isolation:isolate;border-radius:var(--radius-choice);background:var(--color-ink);color:var(--color-paper);flex-direction:column;display:flex;position:relative;overflow:hidden}.pc-screen:before,.pc-screen:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.pc-screen:before{background:repeating-linear-gradient(#0000 0 2px,#f2e6cc0a 2px 3px)}.pc-screen:after{background:linear-gradient(160deg, #f2e6cc12, transparent 38%), radial-gradient(130% 110% at 50% 50%, transparent 62%, var(--shade) 100%);box-shadow:inset 0 0 0 1px #140d0980,inset 0 6px 18px #140d0973}.pc-status{border-bottom:1px dashed var(--glow);min-height:44px;color:var(--phosphor);justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.pc-path{align-items:center;gap:8px;min-height:32px;display:inline-flex}.pc-path-up{border-radius:var(--radius-focus);color:inherit;cursor:pointer;transition:background-color .18s var(--ease);margin-left:-8px;padding:0 8px}.pc-path-up:hover{background:#f5cc3f24}.pc-path-up svg{transition:transform .26s var(--ease)}.pc-path-up:hover svg{transform:translate(-3px)}.pc-screen :focus-visible{outline-color:var(--color-teal-tint)}.pc-view{transform-origin:50%;display:grid}.pc-rail{overscroll-behavior:contain;height:360px;padding:4px 8px;position:relative;overflow-y:auto}.pc-bar{display:none}.pc-item+.pc-item{border-top:1px dashed #f5cc3f29}.pc-row{z-index:1;color:var(--color-paper);transition:color .2s var(--ease);border-radius:4px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"no meta""name name""dek dek";align-items:center;gap:6px 16px;padding:16px 8px;display:grid;position:relative}.pc-row:focus-visible{outline-offset:-2px}.pc-no{color:var(--phosphor);grid-area:no}.pc-name{font-variation-settings:"wdth" 86;text-wrap:balance;grid-area:name;font-size:1.1875rem;font-weight:600;line-height:1.3}.pc-dek{-webkit-line-clamp:2;color:var(--dim);font-variation-settings:"wdth" 86;-webkit-box-orient:vertical;grid-area:dek;font-size:1.0625rem;line-height:1.5;display:-webkit-box;overflow:hidden}.pc-meta{color:var(--dim);white-space:nowrap;transition:color .2s var(--ease);grid-area:meta;justify-self:end;align-items:center;gap:8px;display:inline-flex}.pc-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1.5px #f2e6cc4d}.pc-sheet{display:none}.pc-prompt{border-top:1px dashed var(--glow);min-height:40px;color:var(--phosphor);white-space:nowrap;align-items:center;gap:8px;padding:0 16px;display:none;overflow:hidden}.pc-prompt>span:first-child{color:var(--dim)}.pc-cursor{background:var(--phosphor);flex:none;width:.62em;height:1.1em;animation:1.1s step-end infinite j-caret}.pc-flash{z-index:2;background:var(--color-paper);height:2px;box-shadow:0 0 12px 2px var(--glow);opacity:0;pointer-events:none;border-radius:2px;margin-top:-1px;position:absolute;top:50%;left:8%;right:8%}.pc-screen[data-phase=off] .pc-flash{animation:pc-flash .46s var(--ease-in-out)}@keyframes pc-flash{0%,30%{opacity:0;transform:scaleX(1)}45%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.02)}}@keyframes pc-off{0%{filter:none;opacity:1;transform:none}70%{filter:brightness(2.4);opacity:1;transform:scaleY(.008)}to{filter:brightness(2.4);opacity:0;transform:scale(.4,.008)}}@keyframes pc-on{0%{filter:brightness(2.6);opacity:0;transform:scale(.3,.008)}30%{filter:brightness(2.6);opacity:1;transform:scaleY(.008)}to{filter:none;opacity:1;transform:none}}.pc-view[data-swapped]{animation:pc-on .52s var(--ease) backwards}.pc-screen[data-phase=off] .pc-view{animation:pc-off .22s var(--ease-in-out) forwards}@keyframes pc-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.pc-view[data-swapped] .pc-item{animation:.32s steps(6,end) backwards pc-type;animation-delay:calc(min(var(--n), 8) * 45ms + .26s)}@keyframes pc-noscroll{0%,to{scrollbar-color:transparent transparent}}.pc-view[data-swapped] .pc-rail{animation:.96s pc-noscroll}.pc[data-boot=armed],.pc[data-boot=armed] *{animation-play-state:paused!important}.pc[data-boot]{animation:pc-arrive .9s var(--ease) var(--m) backwards}@keyframes pc-arrive{0%{opacity:0;transform:translateY(56px);box-shadow:0 0 #0000}35%{opacity:1}}.pc-keys-file .pc-key{--k:5}.pc-keys-file .pc-key+.pc-key{--k:6}.pc-keys-file .pc-key+.pc-key+.pc-key{--k:7}.pc[data-boot] .pc-key{animation:pc-key-up .3s var(--ease) backwards;animation-delay:calc(var(--m) + .38s + min(var(--k,0), 8) * 45ms)}@keyframes pc-key-up{0%{box-shadow:0 1px 0 var(--color-ink);transform:translateY(3px)}}.pc[data-boot] .pc-disk{animation-delay:calc(var(--m) + .42s)}.pc[data-boot] .pc-led{animation:pc-led-on .48s steps(1, end) calc(var(--m) + .6s) backwards, j-led 2.4s steps(1) calc(var(--m) + 1.08s) infinite}@keyframes pc-led-on{0%,20%,45%{background:var(--color-rule);box-shadow:none}10%,30%{background:var(--color-vermilion);box-shadow:0 0 0 2px #d9481f40}}.pc-warm{z-index:2;border-radius:inherit;opacity:0;pointer-events:none;transform-origin:50% 32%;background:radial-gradient(70% 60%,#f2e6ccd9,#f5cc3f47 55%,#0000 85%);position:absolute;inset:0}.pc[data-boot] .pc-warm{animation:pc-warm .82s var(--ease-in-out) calc(var(--m) + .72s) backwards}@keyframes pc-warm{0%{opacity:0;transform:scale(.015,.006)}1%,22%{opacity:1}22%{transform:scaleY(.006)}52%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1)}}.pc[data-boot] .pc-status{animation:pc-type .38s steps(8, end) calc(var(--m) + 1.02s) backwards}.pc[data-boot] .pc-view:not([data-swapped]) .pc-bar{animation:pc-type .26s steps(5, end) calc(var(--m) + 1.12s) backwards}.pc[data-boot] .pc-view:not([data-swapped]) .pc-item{animation:.34s steps(6,end) backwards pc-type;animation-delay:calc(var(--m) + 1.12s + min(var(--n), 8) * 70ms)}.pc[data-boot] .pc-view:not([data-swapped]) .pc-sheet{animation:pc-scan .56s steps(8, end) calc(var(--m) + 1.22s) backwards}.pc[data-boot] .pc-prompt{animation:pc-type .46s steps(10, end) calc(var(--m) + 1.48s) backwards}.pc[data-boot] .pc-view:not([data-swapped]) .pc-rail{animation:pc-noscroll calc(var(--m) + 1.96s)}.pc-deck{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;padding:16px 20px 24px;display:flex}.pc-keys-group{gap:8px;min-width:0;display:grid}.pc-legend{color:var(--color-ink-soft);text-transform:uppercase}.pc-keys{flex-wrap:wrap;gap:8px;padding-bottom:4px;display:flex}.pc-keys-file{display:none}.pc-key{border:1.5px solid var(--color-ink);border-radius:var(--radius-field);background:var(--color-paper);min-width:44px;height:44px;box-shadow:0 4px 0 var(--color-ink);color:var(--color-ink);cursor:pointer;transition:transform .12s var(--ease), box-shadow .12s var(--ease), background-color .22s var(--ease), color .22s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:relative}.pc-key:hover:not(:disabled):not([aria-pressed=true]){background:color-mix(in oklab, var(--color-paper) 55%, var(--color-sunflower))}.pc-key:active:not(:disabled),.pc-key[aria-pressed=true]{box-shadow:0 1px 0 var(--color-ink);transform:translateY(3px)}.pc-key[aria-pressed=true]{background:var(--face);color:var(--on);cursor:default}.pc-key:disabled{opacity:.45;cursor:not-allowed}.pc-key-tone{border-radius:var(--radius-pill);width:12px;height:4px;box-shadow:0 0 0 1px #2b1d1640}.pc-key[aria-pressed=true] .pc-key-tone{box-shadow:none;background:currentColor}.pc-key-icon{padding:0}.pc-key-return{background:var(--color-ink);min-width:128px;color:var(--color-paper);box-shadow:0 4px #140d09d9}.pc-key-return:hover:not(:disabled){background:var(--color-ink)}.pc-key-return svg{transition:transform .26s var(--ease)}.pc-key-return:hover svg{transform:translate(3px)}@media (min-width:640px){.pc-bezel{margin:0 20px;padding:14px}.pc-drive{display:block}.pc-sub{display:inline}.pc-status{padding:0 20px}.pc-prompt{padding:0 20px;display:flex}}@media (min-width:900px){.pc-view{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,5fr) minmax(0,6fr);height:400px}.pc-rail{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f5cc3f73 transparent;height:auto;min-height:0;padding:8px;overflow-y:auto}.pc-item+.pc-item{border-top:0}.pc-bar{height:var(--row);background:var(--phosphor);box-shadow:0 0 18px -4px var(--glow);transform:translateY(calc(var(--i) * var(--row)));transition:transform .36s var(--ease);border-radius:4px;display:block;position:absolute;top:8px;left:8px;right:8px}.pc-row{height:var(--row);grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"no name meta";gap:0 12px;padding:0 12px}.pc-row[data-active],.pc-row[data-active] .pc-no,.pc-row[data-active] .pc-meta{color:var(--color-ink)}.pc-row[data-active] .pc-dot{box-shadow:0 0 0 1.5px var(--color-ink)}.pc-no{transition:color .2s var(--ease)}.pc-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.0625rem;overflow:hidden}.pc-dek{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pc-sheet{border-left:1px dashed var(--glow);color:var(--color-paper);display:block;position:relative;overflow:hidden}.pc-sheet-no{font-family:var(--font-display);letter-spacing:-.02em;color:#f2e6cc0f;pointer-events:none;animation:pc-no .7s var(--ease) backwards;font-size:10rem;line-height:1;position:absolute;top:-.1em;right:20px}.pc-sheet-inner{flex-direction:column;align-items:flex-start;gap:16px;height:100%;padding:28px 32px 24px;display:flex;position:relative}.pc-sheet-inner>.pc-scan:first-child{align-items:center;gap:16px;display:flex}.pc-file{color:var(--phosphor)}.pc-sheet-title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin-top:16px;font-size:clamp(2rem,3vw,2.75rem);line-height:1.02;display:block}.pc-sheet-dek{max-width:36ch;color:var(--dim);font-variation-settings:"wdth" 80;font-size:1.25rem;font-weight:600;line-height:1.3;display:block}.pc-sheet-foot{border-top:1px dashed var(--glow);color:var(--phosphor);justify-content:space-between;align-self:stretch;align-items:center;gap:16px;margin-top:auto;padding-top:16px;display:flex}.pc-open{color:var(--color-paper);align-items:center;gap:8px;display:inline-flex}.pc-open svg{transition:transform .32s var(--ease)}.pc-sheet:hover .pc-open svg{transform:translate(4px)}.pc-keys-file{justify-items:end;display:grid}}@keyframes pc-scan{0%{clip-path:inset(0 0 100%);filter:brightness(2)}to{clip-path:inset(0);filter:none}}@keyframes pc-no{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.pc-scan{animation:.38s steps(6,end) backwards pc-scan;animation-delay:calc(var(--d) * 70ms)}@keyframes j-rise{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes j-type{0%{opacity:0}to{opacity:1}}@keyframes j-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes j-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.j-letter{animation:.56s cubic-bezier(.16,1,.3,1) both j-rise;display:inline-block}.j-char{animation:1ms linear both j-type}.j-caret{vertical-align:-.12em;background:var(--color-vermilion,#d9481f);width:.5em;height:1em;margin-left:2px;animation:1ms linear both j-type,1.1s step-end infinite j-caret;display:inline-block}.j-boot-land>*{animation:j-fade .56s cubic-bezier(.16, 1, .3, 1) var(--at) backwards}.j-boot-land>*+*{animation-delay:calc(var(--at) + 90ms)}body:has(.j-hero) .j-sys{animation:.42s steps(8,end) 60ms backwards pc-type}body:has(.j-hero) .j-sys .j-led{animation:.48s step-end 60ms backwards pc-led-on,2.4s step-end .54s infinite j-led}.code-screen{background:var(--color-ink,#2b1d16);color:var(--color-sunflower,#f5cc3f);border-radius:12px;margin:2rem 0;position:relative;overflow:hidden}.code-screen__bar{color:#f2e6ccb8;border-bottom:1px solid #f2e6cc2e;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:8px 12px 8px 24px;display:flex}.code-screen__body{position:relative}.code-screen__body:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#f2e6cc09 2px 3px);position:absolute;inset:0}.code-screen pre{color:var(--color-sunflower,#f5cc3f);font-family:var(--font-martian-mono), ui-monospace, monospace;font-variation-settings:normal;tab-size:2;scrollbar-width:thin;scrollbar-color:#f5cc3f73 transparent;margin:0;padding:24px;font-size:.875rem;line-height:1.65;overflow-x:auto;background:0 0!important}.code-screen pre::-webkit-scrollbar{height:10px}.code-screen pre::-webkit-scrollbar-track{background:0 0}.code-screen pre::-webkit-scrollbar-thumb{background:#f5cc3f73 padding-box padding-box;border:3px solid #0000;border-radius:999px}.code-screen pre::-webkit-scrollbar-thumb:hover{background:#f5cc3fb3 padding-box padding-box}@media (max-width:639px){.code-screen__bar{padding-left:16px}.code-screen pre{padding:16px;font-size:.8125rem}}.code-screen pre pre{padding:0;overflow:visible}.code-screen pre code{width:max-content;min-width:100%;color:inherit;font:inherit;white-space:pre;background:0 0;border:0;padding:0;display:block}.code-screen pre code .line{min-width:100%;display:inline-block}.code-screen pre:focus-visible{outline-offset:-3px;outline-color:var(--color-teal-tint,#6fc2b4);border-radius:12px}.keycap{border:1px solid var(--color-rule,#b89f7a);background:var(--color-paper,#f2e6cc);min-width:72px;height:32px;color:var(--color-ink,#2b1d16);box-shadow:0 3px 0 var(--color-paper-edge,#e2cfa6);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s cubic-bezier(.16,1,.3,1),background-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.keycap:hover{background:var(--color-paper-deep,#eadbb9)}.keycap:active,.keycap[data-state=copied]{box-shadow:0 1px 0 var(--color-paper-edge,#e2cfa6);border-color:var(--color-teal,#1b6d63);background:var(--color-teal,#1b6d63);color:var(--color-paper,#f2e6cc);transform:translateY(2px)}.keycap[data-state=failed]{border-color:var(--color-vermilion-ink,#a8391a);color:var(--color-vermilion-ink,#a8391a)}.keycap:focus-visible{outline-color:var(--color-teal-tint,#6fc2b4)}.post{--rail:200px;--rail-gap:16px}.post-grid{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1280px){.post-grid{grid-template-columns:minmax(0,1fr) minmax(0,68ch) minmax(0,1fr)}.post-grid>.post-rail{max-width:var(--rail);grid-area:1/1}.post-grid>.post-main,.post-grid>.post-text{grid-area:1/2}}.post-head{text-align:center;justify-items:center;gap:16px;padding-block:32px 40px;display:grid}.post-head:after{content:"";background:var(--color-ink);height:3px;position:absolute;inset:auto 0 0}@media (min-width:1100px){.post-head{padding-block:48px 56px}}.post-dek{max-width:40ch;color:var(--color-ink-soft);margin-top:8px;animation:.42s steps(9,end) .62s backwards vhs-type}.post-spec{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 28px;margin:0;animation:.42s steps(8,end) .74s backwards vhs-type;display:flex}.post-spec>div{align-items:baseline;gap:10px;display:flex}.post-spec dt{color:var(--color-ink-soft)}.post-spec dd{margin:0}.vhs{border:1.5px solid var(--color-ink);border-radius:var(--radius-choice,12px);text-align:left;width:min(100%,760px);animation:vhs-in .7s var(--ease-out-strong) 80ms backwards;background:#eadbb9b8;align-items:stretch;gap:10px;padding:8px;display:flex;box-shadow:0 1px #2b1d1614,0 18px 36px -22px #2b1d1673}@media (min-width:640px){.vhs{gap:14px;padding:10px 14px 10px 12px}}.vhs-ribs{background:linear-gradient(to right, var(--color-rule) 0 1.5px, transparent 1.5px) 0 0 / 5.5px 100%;flex:none;width:13px;margin-block:10px;display:none}@media (min-width:640px){.vhs-ribs{display:block}}.vhs-label{border:1.5px solid var(--color-ink);background:var(--color-paper);border-radius:8px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.vhs-face{flex:1;align-items:center;gap:16px;min-height:56px;padding:10px 14px;display:flex}@media (min-width:640px){.vhs-face{padding:14px 20px}}.vhs-bands{flex:none;grid-template-rows:repeat(4,2px);display:grid}@media (min-width:640px){.vhs-bands{grid-template-rows:repeat(4,3px)}}.vhs-bands>i{transform-origin:0;animation:vhs-band .52s var(--ease-in-out) backwards;display:block}.vhs-bands>i:first-child{animation-delay:.26s}.vhs-bands>i:nth-child(2){animation-delay:.32s}.vhs-bands>i:nth-child(3){animation-delay:.38s}.vhs-bands>i:nth-child(4){animation-delay:.44s}.vhs-title{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;flex:1;font-size:clamp(1.5rem,3.6vw,2.125rem);font-weight:400;line-height:1.05;animation:.44s steps(5,end) .42s backwards vhs-print}.vhs-mark{font-family:var(--font-mono);color:var(--color-ink-soft);flex-direction:column;flex:none;align-items:flex-end;gap:6px;font-size:.6875rem;line-height:1;display:none}.vhs-mark b{font-family:var(--font-sans);font-variation-settings:"wdth" 90;letter-spacing:.08em;color:var(--color-vermilion-ink);font-size:.75rem;font-weight:700}@media (min-width:640px){.vhs-mark{display:flex}}.vhs-window{border:1.5px solid var(--color-ink);background:var(--color-paper);border-radius:8px;flex:none;align-self:center;width:88px;height:40px;display:block;overflow:hidden}.vhs-window svg{width:100%;height:100%;display:block}@media (min-width:640px){.vhs-window{width:128px;height:58px}}.vhs-pack{fill:var(--color-ink);transform-box:fill-box;transform-origin:50%;transition:scale .6s var(--ease-out-strong)}.vhs-pack-l{scale:.75;scale:sqrt(.3 + .7 * (1 - var(--tape,0)))}.vhs-pack-r{scale:.75;scale:sqrt(.3 + .7 * var(--tape,0))}.vhs-hub{fill:var(--color-paper)}.vhs-bore{fill:var(--color-ink)}.vhs-spin,.vhs-seek-ff,.vhs-seek-rew{transform-box:fill-box;transform-origin:50%}.vhs-spin{--d:3.6s;--x:50deg;animation:vhs-spinup 1s cubic-bezier(.33, 0, .67, .33) .5s backwards, vhs-spin var(--d) linear 1.5s infinite}.vhs-reel-r .vhs-spin{--d:2.6s;--x:69deg}@keyframes vhs-spinup{0%{rotate:none}to{rotate:var(--x)}}@keyframes vhs-spin{0%{rotate:var(--x)}to{rotate:calc(var(--x) + 360deg)}}.vhs-seek-ff{animation:.52s linear infinite paused vhs-seek}.vhs-seek-rew{animation:.44s linear infinite reverse paused vhs-seek}html[data-tape=ff] .vhs-seek-ff,html[data-tape=rew] .vhs-seek-rew{animation-play-state:running}@keyframes vhs-seek{to{rotate:360deg}}@keyframes vhs-in{0%{opacity:0;transform:translateY(12px)scale(.96)}50%{opacity:1}to{opacity:1;transform:none}}@keyframes vhs-band{0%{transform:scaleX(0)}}@keyframes vhs-print{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0 0 -.3em)}}@keyframes vhs-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.deck{grid-template-rows:auto minmax(0,1fr);gap:16px;max-height:calc(100dvh - 112px);display:grid;position:sticky;top:88px}.deck-screen{border-bottom:2px solid var(--color-ink);gap:10px;padding:0 0 14px;display:grid}.deck-read{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink);justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:.75rem;line-height:1;display:flex}.deck-read i{color:var(--color-ink-soft);font-style:normal}.deck-track{background:var(--color-rule);height:3px;position:relative}.deck-track:after{content:"";background:var(--color-vermilion);transform:scaleX(var(--p,0));transform-origin:0;transition:transform .24s var(--ease-out-strong);position:absolute;inset:0}.deck-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;overflow-y:auto}.deck-list[data-overflow]{padding-bottom:32px;-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}.deck-link{color:var(--color-ink-soft);transition:color .15s var(--ease-out-strong);border-left:2px solid #0000;grid-template-columns:24px minmax(0,1fr);column-gap:6px;padding:8px 8px 8px 12px;display:grid}.deck-no{font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding-top:4px;font-size:.6875rem;line-height:1}.deck-title{font-variation-settings:"wdth" 88;text-wrap:pretty;font-size:.9375rem;font-weight:500;line-height:1.3}.deck-item[data-level="3"] .deck-title{font-size:.875rem;font-weight:400}.deck-link:hover{color:var(--color-ink)}.deck-item[data-state=current]>.deck-link{border-left-color:var(--color-ink);color:var(--color-ink)}.deck-item[data-state=current] .deck-title{font-weight:700}.deck-item[data-state=current] .deck-no{color:var(--color-vermilion-ink)}.deck-fold{border-block:2px solid var(--color-ink);margin-bottom:40px}.deck-fold-bar{cursor:pointer;align-items:center;gap:12px;min-height:48px;list-style:none;display:flex}.deck-fold-bar::-webkit-details-marker{display:none}.deck-fold-read{min-width:0;color:var(--color-ink-soft);white-space:nowrap;margin-left:auto;font-size:.6875rem;overflow:hidden}.deck-fold-body{padding:0 0 12px}#end{scroll-margin-top:96px}.post-body{padding-top:64px}@media (min-width:1100px){.post-body{padding-top:80px}}@media (min-width:1280px){.post .prose .mdx-breakout{width:max(100%, min(900px, calc(min(100vw, var(--container-page)) - 2 * var(--spacing-gutter) - 2 * (var(--rail) + var(--rail-gap)))))}}.post-end{padding-inline:var(--spacing-gutter,0);margin-top:72px}.post-end-mark{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.post-more{border-top:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr);display:grid}.post-next{border-bottom:1px solid var(--color-rule);flex-direction:column;gap:4px;padding-block:14px;display:flex;position:relative}.post-next[data-dir=older]{text-align:right}.post-next-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}@media (min-width:640px){.post-more{grid-template-columns:repeat(2,minmax(0,1fr))}.post-next{padding-inline:0 16px}.post-next[data-dir=older]{padding-inline:16px 0}}