:root{--c-ink:#121212;--c-ink-soft:#2a2a28;--c-paper:#fbf8ef;--c-white:#fff;--c-gold:#f2b51b;--c-gold-deep:#c98a0c;--c-gold-pale:#fbe7a6;--c-green:#1f9d55;--c-green-ink:#0d7a40;--c-green-deep:#0d5c35;--c-green-pale:#bfe6c8;--c-mint:#9fd7c2;--c-night:#101310;--c-night-2:#181c18;--c-cream:#f3eedf;--c-red:#c62828;--font-pixel:"Silkscreen", ui-monospace, "SF Mono", Menlo, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:clamp(1.75rem, 4vw + 1rem, 2.75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--border-width:2px;--shadow-offset:4px;--step-fast:80ms steps(2);--step-slow:.16s steps(4);--container:60rem;--gutter:1rem}:root,[data-theme=day]{--bg:var(--c-paper);--surface:var(--c-white);--surface-sunken:#f3efe2;--text:var(--c-ink);--text-muted:#5b5a54;--border:var(--c-ink);--shadow:var(--c-ink);--accent:var(--c-gold);--accent-text:var(--c-ink);--accent-soft:var(--c-gold-pale);--accent-2:var(--c-green);--accent-2-text:var(--c-white);--link:var(--c-green-ink);--code-bg:var(--c-green-pale);--focus:var(--c-gold);--danger:var(--c-red);--success:var(--c-green-ink);--pattern-from:#f7d36a;--pattern-to:#e9a514;--pattern-ink:#5c38004d;--pattern-pop:var(--c-ink);--pattern-fill:var(--c-paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=night]{--bg:var(--c-night);--surface:var(--c-night-2);--surface-sunken:#0b0d0b;--text:var(--c-cream);--text-muted:#a9a698;--border:var(--c-cream);--shadow:var(--c-cream);--accent:var(--c-gold);--accent-text:var(--c-ink);--accent-soft:#3d3112;--accent-2:#2fbf6f;--accent-2-text:var(--c-ink);--link:#4fd18a;--code-bg:#1f3a2a;--focus:var(--c-gold);--danger:#ff8a80;--success:#4fd18a;--pattern-from:#14402b;--pattern-to:#08130f;--pattern-ink:#bfe6c829;--pattern-pop:var(--c-gold);--pattern-fill:#08130f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:var(--c-night);--surface:var(--c-night-2);--text:var(--c-cream);--text-muted:#a9a698;--border:var(--c-cream);--shadow:var(--c-cream);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-theme=gold]{--bg:#f4c64a;--surface:#fbe7a6;--surface-sunken:#eeb92f;--text:#241800;--text-muted:#5c4508;--border:#241800;--shadow:#241800;--accent:#241800;--accent-text:#fbe7a6;--accent-soft:#f8d877;--accent-2:var(--c-green-deep);--accent-2-text:var(--c-white);--link:#241800;--code-bg:#f8d877;--focus:var(--c-green-deep);--danger:#8e1b1b;--success:var(--c-green-deep);--pattern-from:#fbe7a6;--pattern-to:#f2b51b;--pattern-ink:#24180047;--pattern-pop:#241800;--pattern-fill:#fbe7a6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=matcha]{--bg:#d5ecd9;--surface:#f1f9f1;--surface-sunken:#c3e3c9;--text:#0b2a1b;--text-muted:#3d5c4a;--border:#0b2a1b;--shadow:#0b2a1b;--accent:var(--c-gold);--accent-text:#0b2a1b;--accent-soft:#eaf3c4;--accent-2:var(--c-green-deep);--accent-2-text:var(--c-white);--link:var(--c-green-deep);--code-bg:#c3e3c9;--focus:var(--c-gold-deep);--danger:#a32020;--success:var(--c-green-deep);--pattern-from:#bfe6c8;--pattern-to:#3fa66a;--pattern-ink:#05321942;--pattern-pop:#0b2a1b;--pattern-fill:#f1f9f1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);-webkit-font-smoothing:antialiased;transition:background-color var(--step-slow);margin:0;line-height:1.7}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}img,svg,canvas,video{max-width:100%;display:block}canvas{image-rendering:pixelated}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}::selection{background:var(--c-gold);color:var(--c-ink)}code,kbd,pre,samp{font-family:var(--font-mono)}.ui-container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.ui-stack{gap:var(--gap,var(--space-4));flex-direction:column;display:flex}.ui-cluster{align-items:center;gap:var(--gap,var(--space-2));flex-wrap:wrap;display:flex}.ui-grid{grid-template-columns:repeat(auto-fill, minmax(var(--min,13.5rem), 1fr));gap:var(--gap,var(--space-5));display:grid}.ui-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-muted{color:var(--text-muted)}.ui-pixel{font-family:var(--font-pixel);letter-spacing:.02em}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.ui-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;font-size:var(--text-sm);color:var(--accent-text);background:var(--accent);border:var(--border-width) solid var(--border);box-shadow:3px 3px 0 var(--shadow);cursor:pointer;white-space:nowrap;transition:transform var(--step-fast), box-shadow var(--step-fast);border-radius:0;padding:.375rem .875rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.ui-btn:hover{box-shadow:4px 4px 0 var(--shadow);transform:translate(-1px,-1px)}.ui-btn:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ui-btn--secondary{color:var(--text);background:var(--surface)}.ui-btn--accent,.ui-btn[aria-pressed=true]{color:var(--accent-2-text);background:var(--accent-2)}.ui-btn--ghost{color:var(--text);box-shadow:none;background:0 0;border-color:#0000}.ui-btn--ghost:hover{border-color:var(--border);box-shadow:none;transform:none}.ui-btn--sm{min-height:2rem;font-size:var(--text-xs);padding:.25rem .625rem}.ui-btn--icon{min-width:2.5rem;padding:.375rem}.ui-btn svg{width:1.125rem;height:1.125rem}.ui-card{background:var(--surface);color:var(--text);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow);display:block}.ui-card--pad{padding:var(--space-4)}.ui-card--interactive{transition:transform var(--step-fast), box-shadow var(--step-fast);text-decoration:none}.ui-card--interactive:hover{box-shadow:6px 6px 0 var(--shadow);transform:translate(-2px,-2px)}.ui-card--interactive:active{box-shadow:2px 2px 0 var(--shadow);transform:translate(2px,2px)}.ui-eyebrow{margin-bottom:var(--space-1);font-family:var(--font-pixel);font-size:var(--text-xs);letter-spacing:.04em;color:var(--link);display:inline-block}.ui-section{margin-top:var(--space-8)}.ui-section__head{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.ui-section__desc{margin-top:var(--space-1);color:var(--text-muted)}.ui-page-header{margin-block:var(--space-6) var(--space-5)}.ui-page-header__lede{margin-top:var(--space-2);max-width:36em;font-size:var(--text-lg);color:var(--text-muted)}.ui-list{margin:0;padding:0;list-style:none}.ui-list>li+li{border-top:var(--border-width) solid var(--border)}.ui-list__item{gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}a.ui-list__item:hover{background:var(--accent-soft)}.ui-list__icon{width:2rem;height:2rem}.ui-list__title{font-weight:600}.ui-list__desc{font-size:var(--text-sm);color:var(--text-muted);display:block}.ui-list__meta{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--text-muted)}.ui-field{gap:var(--space-1);display:grid}.ui-field__label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.ui-field__hint{color:var(--text-muted);font-size:.8125rem}.ui-field__error{color:var(--danger);font-size:.8125rem}.ui-input{width:100%;font:.9375rem/1.5 var(--font-mono);color:var(--text);background:var(--surface);border:var(--border-width) solid var(--border);padding:var(--space-2) .625rem;border-radius:0}.ui-input[aria-invalid=true]{border-color:var(--danger)}textarea.ui-input{resize:vertical;min-height:12rem}select.ui-input{font-family:var(--font-sans);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text) 50%), linear-gradient(135deg, var(--text) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px;padding-right:2rem}.ui-range{width:100%;accent-color:var(--accent-2)}.ui-check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;display:inline-flex}.ui-check input{width:1.125rem;height:1.125rem;accent-color:var(--accent-2);margin:0}.ui-segmented{border:var(--border-width) solid var(--border);background:var(--surface);flex-wrap:wrap;display:inline-flex}.ui-segmented button{min-height:2.25rem;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;padding:.25rem .75rem;font-weight:600}.ui-segmented button+button{border-left:var(--border-width) solid var(--border)}.ui-segmented button[aria-checked=true]{background:var(--accent);color:var(--accent-text)}.ui-swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-swatch{border:var(--border-width) solid var(--border);cursor:pointer;width:2.25rem;height:2.25rem;padding:0}.ui-swatch[aria-checked=true]{outline:3px solid var(--accent-2);outline-offset:2px}.ui-output{grid-template-columns:max-content minmax(0,1fr) auto;margin:0;display:grid}.ui-output>div>*{border-top:var(--border-width) solid var(--border);min-width:0;margin:0;padding:.625rem .875rem}.ui-output>div:first-child>*{border-top:0}.ui-output dt{color:var(--text-muted);font-size:.8125rem;font-weight:600}.ui-output dd{font-family:var(--font-mono);overflow-wrap:anywhere}.ui-copy{font-family:var(--font-pixel);color:var(--link);cursor:pointer;background:0 0;border:0;font-size:.6875rem}.ui-copy:hover{text-decoration:underline}.ui-kbd{font:var(--text-xs) var(--font-mono);white-space:nowrap;border:1.5px solid;border-bottom-width:3px;padding:0 .3em}.ui-badge{padding:0 var(--space-2);font:var(--text-xs) / 1.7 var(--font-pixel);color:var(--accent-text);background:var(--accent);border:var(--border-width) solid var(--border);display:inline-block}.ui-badge--green{color:var(--accent-2-text);background:var(--accent-2)}.ui-callout{padding:var(--space-3) var(--space-4);border-left:4px solid var(--accent);background:var(--accent-soft)}.ui-toast{left:50%;bottom:var(--space-5);z-index:100;font:var(--text-xs) var(--font-pixel);color:var(--c-ink);background:var(--c-gold);border:2px solid var(--c-ink);box-shadow:3px 3px 0 var(--c-ink);padding:.375rem .75rem;animation:.16s steps(3,end) ui-pop;position:fixed;transform:translate(-50%)}@keyframes ui-pop{0%{opacity:0;transform:translate(-50%,8px)}}.ui-icon{shape-rendering:crispedges;flex:none}.ui-icon__fill{fill:var(--surface)}.ui-icon__ink,.ui-icon__tone{fill:currentColor}.ui-canvas{width:100%;height:auto}.ui-canvas--framed{border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow);background:var(--surface)}.ui-quiz{gap:var(--space-4);padding:var(--space-4);display:grid}.ui-quiz__progress{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;display:flex}.ui-quiz__q{font-size:var(--text-lg);font-weight:700}.ui-quiz__options{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.ui-quiz__option{gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border);background:var(--surface);cursor:pointer;align-items:center;display:flex}.ui-quiz__option:hover{background:var(--accent-soft)}.ui-quiz__option[data-state=correct]{background:var(--accent-2);color:var(--accent-2-text)}.ui-quiz__option[data-state=wrong]{opacity:.7;text-decoration:line-through}.ui-quiz__option input{accent-color:var(--accent-2)}.ui-quiz__explain{font-size:var(--text-sm)}.ui-term{display:inline;position:relative}.ui-term__word{font:inherit;color:inherit;cursor:help;background:0 0;border:0;border-bottom:2px dotted;padding:0}.ui-term__word:focus-visible{outline:2px solid var(--focus,var(--accent));outline-offset:2px}.ui-term__tip{z-index:30;bottom:calc(100% + var(--space-2));width:max-content;max-width:min(22rem,80vw);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);text-align:left;color:var(--text);background:var(--surface);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border);font-weight:400;line-height:1.5;display:none;position:absolute;left:50%;transform:translate(-50%)}.ui-term__title{margin-bottom:var(--space-1);display:block}.ui-term:hover .ui-term__tip,.ui-term__word:focus-visible+.ui-term__tip,.ui-term--open .ui-term__tip{display:block}.ui-theme-select{align-items:center;gap:var(--space-1);display:inline-flex}.ui-theme-select select{min-height:2.25rem;font-size:var(--text-sm);width:auto;padding-block:.125rem}.ui-menubar{z-index:20;background:var(--surface);border-bottom:var(--border-width) solid var(--border);position:sticky;top:0}.ui-menubar__inner{align-items:center;gap:var(--space-4);min-height:2.75rem;width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto;display:flex}.ui-menubar__brand{align-items:center;display:flex}.ui-menubar__nav{gap:var(--space-1);scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.ui-menubar__nav a{font-size:var(--text-sm);white-space:nowrap;padding:.125rem .625rem;font-weight:600;text-decoration:none}.ui-menubar__nav a:hover,.ui-menubar__nav a[aria-current=page]{background:var(--text);color:var(--surface)}.ui-menubar__end{align-items:center;gap:var(--space-3);font-family:var(--font-pixel);font-size:var(--text-xs);margin-left:auto;display:flex}.ui-window{background:var(--surface);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow)}.ui-window__bar{align-items:center;gap:var(--space-3);height:1.75rem;padding:0 var(--space-2);border-bottom:var(--border-width) solid var(--border);background:repeating-linear-gradient(to bottom, transparent 0 2px, var(--border) 2px 3px) center / 100% 13px no-repeat, var(--surface);display:flex}.ui-window__box{background:var(--surface);border:var(--border-width) solid var(--border);flex:none;width:.875rem;height:.875rem}.ui-window__box--ghost{visibility:hidden}.ui-window__title{padding:0 var(--space-2);background:var(--surface);font-family:var(--font-pixel);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;margin-inline:auto;line-height:1.75rem;overflow:hidden}.ui-window__actions{background:var(--surface);padding-left:var(--space-1);flex:none}.ui-window__body{padding:var(--space-5)}@media (width<=40rem){.ui-window__body{padding:var(--space-4)}}.ui-desktop{z-index:-1;pointer-events:none;image-rendering:auto;width:100vw;height:100vh;position:fixed;inset:0}.ui-island{margin-block:var(--space-4);min-width:0}.ui-island:empty,.ui-island__loading{border:var(--border-width) dashed var(--border);background:var(--surface-sunken);min-height:6rem}.skip-link{z-index:50;position:absolute;left:-999px}.skip-link:focus{left:var(--space-4);top:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--accent);color:var(--accent-text)}.brand{align-items:center;gap:var(--space-2);font-size:var(--text-md);text-decoration:none;display:inline-flex}.menubar-clock{text-align:right;min-width:2.75rem}@media (width<=40rem){.brand span,.menubar-clock{display:none}}.desk{gap:var(--space-6);padding-block:var(--space-6) var(--space-7);display:grid}.desk>*,.home>*{min-width:0}.desk:has(.desk-wide){--container:120rem}.site-footer{padding-bottom:var(--space-6)}.site-footer p{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);background:var(--surface);border:var(--border-width) solid var(--border);display:inline-block}.home{gap:var(--space-6);display:grid}.hello{gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.hello__lede{margin-top:var(--space-3);max-width:34em;font-size:var(--text-lg);color:var(--text-muted)}.hello__actions{margin-top:var(--space-5);--gap:var(--space-3)}@media (width<=40rem){.hello{grid-template-columns:1fr}}.critter{justify-items:center;gap:var(--space-2);text-align:center;margin:0;display:grid}.critter__btn{padding:var(--space-3);background:var(--accent-soft);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow);cursor:pointer}.critter__sprite{width:112px;height:112px;display:block}.critter__sprite.hop{animation:.36s steps(4,end) hop}@keyframes hop{50%{transform:translateY(-14px)}}.critter figcaption{font-size:var(--text-sm);display:grid}.critter strong{font-size:var(--text-lg)}.sky{gap:var(--space-4);display:grid}.sky canvas,.sky__placeholder{aspect-ratio:2;border:var(--border-width) solid var(--border);background:var(--c-mint);width:100%}.toy-card{flex-direction:column;text-decoration:none;display:flex}.toy-card canvas{aspect-ratio:4/3;border-bottom:var(--border-width) solid var(--border)}.toy-card__body{padding:var(--space-3) var(--space-4) var(--space-4)}.toy-card__body p{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.home__columns{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:start;display:grid}.home__stack{gap:var(--space-6);display:grid}.ui-window__body>.flush{margin:calc(-1 * var(--space-5))}@media (width<=40rem){.ui-window__body>.flush{margin:calc(-1 * var(--space-4))}}.stage{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 18rem;align-items:start;display:grid}@media (width<=52rem){.stage{grid-template-columns:1fr}}.stage__canvas{justify-content:center;min-width:0;display:flex}.pad-canvas{aspect-ratio:1;touch-action:none;cursor:crosshair;width:min(100%,32rem)}.two-col{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.color-well{border:var(--border-width) solid var(--border);cursor:pointer;background:0 0;width:2.75rem;height:2.6rem;padding:0}.contrast{padding:var(--space-5)}.contrast__big{font-size:2rem;font-weight:800}.contrast__badges{margin-top:var(--space-3)}.contrast__ratio{font-size:var(--text-lg)}.uuid-list,.json-out pre{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin:0;line-height:1.8;overflow-x:auto}.json-out{min-height:12rem;max-height:32rem;overflow:auto}.token{align-items:center;gap:var(--space-2);font-size:var(--text-xs);display:flex}.token__chip{border:var(--border-width) solid var(--border);width:1.75rem;height:1.75rem}.icon-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));display:grid}.icon-grid figure{justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-1);border:var(--border-width) solid var(--border);background:var(--surface);margin:0;display:grid}.icon-grid figcaption{font-family:var(--font-pixel);color:var(--text-muted);font-size:.625rem}.prose{max-width:38em;margin-inline:auto;font-size:1.0625rem;line-height:1.9}.prose__meta{font-size:var(--text-xs);color:var(--text-muted)}.prose h1{margin:var(--space-2) 0 var(--space-5)}.prose h2{margin-top:var(--space-7)}.prose p,.prose ul,.prose ol{margin:1em 0}.prose li+li{margin-top:.35em}.prose a{color:var(--link)}.prose code{background:var(--code-bg);padding:.1em .35em;font-size:.9em}.prose blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);margin:1.5em 0;padding:.25em 1em}.prose .ui-quiz{margin-block:var(--space-5)}.ui-window__body>.ui-page-header:first-child{margin-top:0}@media (width<=40rem){.ui-theme-select select{max-width:5.75rem;padding-right:1.5rem}.ui-menubar__nav a{padding-inline:.375rem}}.visitors{gap:var(--space-5);grid-template-columns:minmax(0,3fr) minmax(12rem,1fr);align-items:start;display:grid}@media (width<=52rem){.visitors{grid-template-columns:1fr}}.visitor-map{background:var(--surface-sunken);border:var(--border-width) solid var(--border);width:100%;height:auto;image-rendering:pixelated;display:block}.visitor-map__land{fill:color-mix(in srgb, var(--text) 18%, var(--surface-sunken))}.visitor-map__hit{fill:var(--accent);cursor:help}.visitor-map__hit--1{fill:color-mix(in srgb, var(--accent) 45%, var(--surface-sunken))}.visitor-map__hit--2{fill:color-mix(in srgb, var(--accent) 70%, var(--surface-sunken))}.visitor-map__hit--4{fill:color-mix(in srgb, var(--accent) 70%, var(--text))}.visitor-map__hit:hover{fill:var(--accent-2)}.visitors__text p{margin-block:0 var(--space-4)}.visitors__top{margin:var(--space-2) 0 0;padding:0;list-style:none}.visitors__top li{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-1);border-block-end:1px dashed color-mix(in srgb, var(--border) 30%, transparent);display:flex}.vadmin__stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin-block-end:var(--space-5);display:grid}.vadmin__stat{gap:var(--space-1);padding:var(--space-3);display:grid}.vadmin__stat strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.vadmin__countries{gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap;display:flex}.vadmin__chip{gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb, var(--border) 35%, transparent);color:inherit;align-items:baseline;text-decoration:none;display:inline-flex}.vadmin__chip:hover,.vadmin__chip[aria-current=true]{background:var(--accent-soft)}.vadmin__chip small{color:var(--text-muted);font-variant-numeric:tabular-nums}.vadmin__pages{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.875rem}.vadmin__pages th,.vadmin__pages td{padding:var(--space-2) var(--space-3);text-align:start;border-block-end:1px solid color-mix(in srgb, var(--border) 20%, transparent);overflow-wrap:anywhere}.vadmin__pages th{background:var(--surface-sunken)}.vadmin__pages .num{text-align:end;font-variant-numeric:tabular-nums;width:5rem}.vadmin__pages .when{width:9rem}@media (width<=40rem){.vadmin__pages .when{display:none}}.vadmin__filters{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;margin-block-end:var(--space-3);display:flex}.vadmin__log{margin:0;padding:0;list-style:none}.vadmin__visit{padding:var(--space-2) var(--space-3);border-block-end:1px solid color-mix(in srgb, var(--border) 20%, transparent);gap:2px;min-width:0;font-size:.875rem;display:grid}.vadmin__line{gap:0 var(--space-3);flex-wrap:wrap;align-items:baseline;min-width:0;display:flex}.vadmin__line>*{overflow-wrap:anywhere;min-width:0}.vadmin__time{color:var(--text-muted);font-variant-numeric:tabular-nums}.vadmin__ip{font-family:var(--font-mono)}.vadmin__sub{color:var(--text-muted)}.vadmin__empty{padding:var(--space-4)}.vadmin__pager{gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;margin-block-start:var(--space-4);display:flex}.vadmin__pager a,.vadmin__pager span{min-width:2.25rem;padding:var(--space-1) var(--space-2);text-align:center;font-variant-numeric:tabular-nums}.vadmin__pager [aria-current=page]{background:var(--accent);color:var(--accent-text);border:var(--border-width) solid var(--border)}.prose pre{padding:var(--space-3) var(--space-4);background:var(--code-bg);border:var(--border-width) solid var(--border);margin:1.25em 0;font-size:.85em;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose h3{margin-top:var(--space-6)}ul.topic-tags{gap:var(--space-2);margin:0 0 var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.topic-tags>li+li{margin-top:0}.topic-tags .topic-tag{padding:0 var(--space-2);font:var(--text-xs) / 1.8 var(--font-pixel);color:var(--accent-2-text);background:var(--accent-2);border:var(--border-width) solid var(--border);text-decoration:none;display:inline-block}.topic-tags .topic-tag:hover,.topic-tags .topic-tag:focus-visible{color:var(--accent-text);background:var(--accent)}.lang-switch{display:inline-flex}.lang-switch__btn{min-height:2.25rem;font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;padding:.125rem .5rem}.lang-switch__btn:hover{background:var(--accent-soft)}.error-screen{align-items:flex-end;gap:var(--space-6);flex-wrap:wrap;display:flex}.error-screen__critter{justify-items:center;gap:var(--space-2);margin:0;display:grid}.error-screen__bubble{padding:var(--space-2) var(--space-3);font-size:var(--text-lg);background:var(--surface);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow);position:relative}.error-screen__bubble:after{content:"";left:50%;bottom:calc(-1 * var(--space-2) - var(--border-width));width:var(--space-2);height:var(--space-2);background:var(--border);position:absolute;transform:translate(-50%)}.error-screen__sprite canvas{width:112px;height:112px;display:block}.course-toc{gap:var(--space-3);padding-left:0;list-style:none;display:grid}.course-toc__summary{color:var(--text-muted);margin:.25rem 0 0}.course-nav{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width) dashed var(--border);flex-wrap:wrap;display:flex}.prose table{border-collapse:collapse;max-width:100%;margin-block:var(--space-4);font-size:var(--text-sm);display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.4rem .75rem;line-height:1.45}.prose th{background:var(--surface-sunken);font-weight:700}.kafka-mode{justify-self:start}.kr-status{align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;margin:0;display:flex}.kr-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.kr-topic{gap:var(--space-2);margin-block:var(--space-3);display:grid}.kr-topic__name{font:700 var(--text-sm) / 1.3 var(--font-pixel);margin:0}.kr-partitions{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.kr-partition{align-items:center;gap:2px var(--space-2);width:100%;padding:var(--space-2);font:inherit;font-size:var(--text-sm);text-align:start;color:var(--text);background:var(--surface);border:var(--border-width) solid var(--border);cursor:pointer;grid-template-columns:auto 1fr auto;display:grid}.kr-partition:hover,.kr-partition--selected{outline:3px solid var(--focus)}.kr-rate{font-variant-numeric:tabular-nums;color:var(--text-muted)}.kr-rate--on{color:var(--success)}.kr-bar{background:var(--surface-sunken);border:1px solid var(--border);grid-column:1/-1;height:10px;position:relative}.kr-bar__fill{background:var(--accent-2);opacity:.6;position:absolute;inset:0}.kr-bar__commit{background:var(--link);width:3px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.kr-records{overflow-x:auto}.kr-records table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.kr-records th,.kr-records td{padding:var(--space-1) var(--space-2);text-align:start;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.kr-admin{gap:var(--space-3);padding:var(--space-3);border:var(--border-width) dashed var(--border);display:grid}.kr-admin>summary{font:700 var(--text-sm) / 1.3 var(--font-pixel);cursor:pointer}.kr-curl{font-size:var(--text-xs);overflow-x:auto}.note-subfolder{margin-bottom:var(--space-6);scroll-margin-top:4rem}.home__window-lede{margin:0 0 var(--space-3);color:var(--text-muted)}