:root{--paper:#f7f1e6;--paper-2:#fffdf8;--card:#ffffffb3;--ink:#221d1a;--muted:#6e665d;--rule:#e3d8c6;--rule-strong:#c9bca6;--clay:#b4532f;--clay-deep:#8c3d21;--clay-soft:#f3e2d8;--clay-ink:#fff;--sage:#6f8f6a;--sage-soft:#e3ecdc;--focus:#2f5d8c;--error:#a33a2a;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-sans:system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--measure:48rem;--measure-wide:72rem;--radius:14px;--radius-sm:8px;--tap:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1b1714;--paper-2:#231e1a;--card:#ffffff0d;--ink:#efe7da;--muted:#a79d8f;--rule:#3a322b;--rule-strong:#5a4e42;--clay:#d8794f;--clay-deep:#eca07c;--clay-soft:#3f271d;--clay-ink:#1b1714;--sage:#8fae88;--sage-soft:#2a3628;--focus:#8db4dd;--error:#e58a78;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#1b1714;--paper-2:#231e1a;--card:#ffffff0d;--ink:#efe7da;--muted:#a79d8f;--rule:#3a322b;--rule-strong:#5a4e42;--clay:#d8794f;--clay-deep:#eca07c;--clay-soft:#3f271d;--clay-ink:#1b1714;--sage:#8fae88;--sage-soft:#2a3628;--focus:#8db4dd;--error:#e58a78;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);flex-direction:column;min-height:100dvh;line-height:1.5;display:flex;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 72, "SOFT" 30;font-weight:500;line-height:1.15}h1{font-size:clamp(1.9rem,1.4rem + 2.4vw,2.75rem)}h2{margin-bottom:var(--s1);font-size:1.35rem}p{margin-bottom:var(--s2)}a{color:var(--clay);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--clay-deep)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.caption{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:600}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.kb{flex-direction:column;gap:4px;width:100%;max-width:560px;margin:0 auto;display:flex}.kb-label{font-size:12px;line-height:var(--kb-label-line-height,15px);color:var(--ink-muted,#1a1a1a8c);font-weight:500}.kb-lane{height:var(--kb-lane-height,190px);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#1a1a1a;border-radius:6px;width:100%;margin:0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0006,inset 0 -3px #00000040}.kb-key{appearance:none;font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;margin:0;padding:0;transition:background 80ms,transform 80ms,filter 80ms}.kb-display .kb-key{cursor:default}.kb-key.kb-pressed{filter:brightness(1.18);transform:translateY(2px)scale(.98)}.kb-white{background:linear-gradient(#fbf5e6 0%,#f1e6cd 100%);border-right:1px solid #c8b890;flex:1 1 0;position:relative;box-shadow:inset 0 -8px 8px -6px #0000002e}.kb-white:last-child{border-right:none}.kb-black{z-index:2;background:linear-gradient(#2a2a2a 0%,#050505 95%);border:1px solid #000;border-radius:0 0 3px 3px;height:62%;position:absolute;top:0;box-shadow:0 2px 4px #0009,inset 0 -3px #ffffff14}.kb-white:focus-visible{outline:3px solid var(--clay,#2f6f4f);outline-offset:-3px;z-index:3}.kb-black:focus-visible{outline:3px solid var(--bg-sunken,#f4efdf);outline-offset:-3px}.kb-white.kb-hint{background:#f2c15c}.kb-black.kb-hint{background:#d99b2b}.kb-white.kb-hi{background:var(--correct,#4a7f4e)}.kb-white.kb-err{background:var(--wrong,#b7472a)}.kb-black.kb-hi{background:var(--correct,#4a7f4e);filter:brightness(.78)}.kb-black.kb-err{background:var(--wrong,#b7472a);filter:brightness(.78)}.kb-white.kb-hi .kb-key-label,.kb-white.kb-err .kb-key-label{color:#fff}.kb-key-label{text-align:center;color:#1a1a1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;position:absolute;bottom:4px;left:0;right:0}@media (width<=600px){.kb-lane{height:var(--kb-lane-height,110px)}.kb-label{font-size:11px;line-height:var(--kb-label-line-height,13px)}}.kb-key-hint{pointer-events:none;letter-spacing:.02em;color:var(--ink-dim,#1a1a1a4d);font:600 10px/1 ui-monospace,SF Mono,Menlo,monospace;position:absolute;bottom:4px;right:4px}.kb-key-hint:after{content:attr(data-hint)}.kb-black .kb-key-hint{text-align:center;color:#ffffff8c;bottom:5px;left:0;right:0}.kb-key.kb-hi .kb-key-hint,.kb-key.kb-err .kb-key-hint,.kb-key.kb-hint .kb-key-hint{color:#00000073}@media (pointer:coarse),(hover:none),(width<=640px){.kb-key-hint{display:none!important}}.kb.kb-skin-keycap{gap:var(--kb-label-gap,11px);max-width:740px}.kb.kb-skin-keycap .kb-label{min-height:var(--kb-label-line-height,27px);color:#777168;line-height:1.3;font:600 11px/1.3 var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;display:flex}.kb.kb-skin-keycap .kb-map{width:min(250px,45%);height:var(--kb-label-line-height,27px);flex:none;display:block}.kb-label-action{cursor:pointer;color:var(--accent,#d97757);font:inherit;letter-spacing:inherit;text-transform:inherit;text-underline-offset:3px;touch-action:manipulation;background:0 0;border:0;margin:-8px -6px -8px .6em;padding:8px 6px;text-decoration:underline}.kb.kb-skin-keycap .kb-label-has-action .kb-label-action{margin-right:auto}.kb.kb-skin-keycap .kb-label-has-action .kb-map{width:min(250px,36%)}.kb-map-white{fill:#fff;stroke:#d8d2c6;stroke-width:.35px}.kb-map-black{fill:#2a2a2a}.kb-map-white.kb-map-on{fill:var(--accent,#d97757);fill-opacity:.55;stroke:var(--accent,#d97757)}.kb-map-black.kb-map-on{fill:var(--accent,#d97757)}.kb.kb-skin-keycap .kb-lane{box-shadow:none;margin-bottom:var(--kb-bed,9px);background:0 0;border-radius:8px 8px 0 0;overflow:visible}.kb.kb-skin-keycap .kb-white{background:#fff;border:1px solid #e7e6e2;border-radius:0 0 8px 8px;transition:box-shadow 90ms,background .12s;box-shadow:0 6px #e8e8e6,0 9px 7px #00000014}.kb.kb-skin-keycap .kb-white+.kb-white{margin-left:-1px}.kb.kb-skin-keycap .kb-white:first-child{border-top-left-radius:8px}.kb.kb-skin-keycap .kb-white:last-of-type{border-top-right-radius:8px}.kb.kb-skin-keycap:not(.kb-display) .kb-white:hover{background:#fafaf8}.kb.kb-skin-keycap .kb-black{background:linear-gradient(#292929,#1a1a1a);border:0;border-radius:0 0 6px 6px;height:64%;transition:box-shadow 90ms,background .12s;box-shadow:0 6px #111,0 9px 8px #00000030}.kb.kb-skin-keycap .kb-key.kb-pressed{filter:none;transform:none}.kb.kb-skin-keycap .kb-white.kb-pressed{box-shadow:inset 0 2px 4px #00000017,0 1px #e0e0df,0 2px 2px #0000000d}.kb.kb-skin-keycap .kb-black.kb-pressed{box-shadow:inset 0 2px 5px #0006,0 1px #101010,0 2px 2px #0000001a}.kb.kb-skin-keycap .kb-white.kb-hint{background:#fff}.kb.kb-skin-keycap .kb-black.kb-hint{background:linear-gradient(#292929,#1a1a1a)}.kb.kb-skin-keycap .kb-key.kb-hint:before{content:"";border-radius:inherit;pointer-events:none;background:#f2b03c80;animation:1.2s ease-in-out infinite kb-hint-pulse;position:absolute;inset:0}.kb.kb-skin-keycap .kb-black.kb-hint:before{background:#f2b03cd9}@keyframes kb-hint-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kb.kb-skin-keycap .kb-key.kb-hint:before{animation-duration:2.2s}}.kb.kb-skin-keycap .kb-white.kb-hi,.kb.kb-skin-keycap .kb-black.kb-hi{background:var(--correct,#14b5a2);filter:none}.kb.kb-skin-keycap .kb-white.kb-err,.kb.kb-skin-keycap .kb-black.kb-err{background:var(--wrong,#c96b57);filter:none}.kb.kb-skin-keycap .kb-key-label{font:600 11px var(--font-mono,ui-monospace, monospace);color:#9a958c;bottom:12px}.kb.kb-skin-keycap .kb-black .kb-key-label{color:#fff9}.kb.kb-skin-keycap .kb-key-hint{box-sizing:border-box;color:#393630;width:25px;height:24px;font:700 12px/1 var(--font-mono,ui-monospace, monospace);text-transform:uppercase;background:#fdfcf8;border:1px solid #d4d0c8;border-bottom-color:#bcb7ae;border-radius:5px;place-items:center;display:grid;bottom:13px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 2px #d9d5cc,0 3px 4px #0000001a}.kb.kb-skin-keycap .kb-black .kb-key-hint{text-align:center;color:#393630;border-color:#eee9df;width:22px;height:22px;font-size:11px;bottom:9px;left:50%;right:auto;box-shadow:0 2px #c9c4bb,0 3px 5px #00000040}.kb.kb-skin-keycap .kb-key.kb-hi .kb-key-hint,.kb.kb-skin-keycap .kb-key.kb-err .kb-key-hint,.kb.kb-skin-keycap .kb-key.kb-hint .kb-key-hint{color:#393630}@media (hover:hover) and (pointer:fine) and (width>=641px){.kb.kb-skin-keycap .kb-key:has(.kb-key-hint) .kb-key-label{display:none}}.kb.kb-skin-keycap.kb-display .kb-white{border-radius:0 0 3px 3px;box-shadow:0 4px #e8e8e6}.kb.kb-skin-keycap.kb-display .kb-black{border-radius:0 0 3px 3px;box-shadow:0 3px #111}.kb.kb-skin-keycap.kb-display .kb-white:first-child,.kb.kb-skin-keycap.kb-display .kb-white:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.site-header.svelte-12qhfyh{justify-content:space-between;align-items:baseline;gap:var(--s2);padding:var(--s2) var(--s2);border-bottom:1px solid var(--rule);display:flex}.site-name.svelte-12qhfyh{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:1.2rem;font-weight:500;text-decoration:none}.site-nav.svelte-12qhfyh{gap:var(--s2);font-size:.8125rem;display:flex}.site-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted);align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.site-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--clay-deep)}main.svelte-12qhfyh{width:100%;max-width:var(--measure-wide);padding:var(--s2) var(--s2) calc(var(--s5) + 72px);flex:1;margin:0 auto}@media (width>=640px){.site-header.svelte-12qhfyh{padding:var(--s2) var(--s3)}main.svelte-12qhfyh{padding:var(--s3) var(--s3) calc(var(--s5) + 72px)}}