:root{--bg:#fbfbfa;--text:#33332f;--strong:#141413;--muted:#6b6b65;--faint:#7f7f79;--ul:#b8b8b2;--line:#e8e8e4;--stage:#f2f2ef;--card:#fff;--card-line:#e6e6e2;--code:#f6f6f4;--hover:#1414130b;--accent:#0a74e8;--accent-soft:#0a74e81f;--accent-ink:#fff;--handle:#fff;--ring:#ffffffeb;--chip:#1b1b1a;--chip-ink:#f3f3f0;--shadow:0 1px 2px #1414130a;--thumb-edge:#14141314;--sans:var(--font-sans);--serif:var(--font-serif);--mono:var(--font-mono);--out:cubic-bezier(.23, 1, .32, 1);--drawer:cubic-bezier(.32, .72, 0, 1);--col:620px;--gutter:20px;--astro-code-foreground:var(--strong);--astro-code-background:transparent;--astro-code-token-keyword:#c2410c;--astro-code-token-string:#0f766e;--astro-code-token-string-expression:#0f766e;--astro-code-token-constant:#a21caf;--astro-code-token-function:var(--accent);--astro-code-token-parameter:var(--text);--astro-code-token-punctuation:var(--muted);--astro-code-token-comment:var(--faint);--astro-code-token-link:var(--accent);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111110;--text:#cfcfca;--strong:#f3f3f0;--muted:#9c9c96;--faint:#7f7f78;--ul:#5c5c56;--line:#2a2a28;--stage:#191918;--card:#1e1e1c;--card-line:#323230;--code:#171716;--hover:#ffffff0a;--accent:#4aa3ff;--accent-soft:#4aa3ff29;--accent-ink:#0b1a2c;--handle:#111110;--ring:#111110e6;--chip:#f3f3f0;--chip-ink:#141413;--shadow:none;--thumb-edge:#ffffff14;--astro-code-token-keyword:#fb923c;--astro-code-token-string:#5eead4;--astro-code-token-string-expression:#5eead4;--astro-code-token-constant:#e879f9;color-scheme:dark}}@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}*{margin:0}html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--sans);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-synthesis-weight:none;font-optical-sizing:auto;font-size:15px;line-height:1.7}::selection{background:var(--accent-soft)}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,video,svg,canvas{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.defs{width:0;height:0;position:absolute;overflow:hidden}.ic{fill:currentColor;flex:none;width:16px;height:16px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:calc(var(--col) + 2 * var(--gutter));min-height:100dvh;padding:0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-content:start;margin:0 auto;display:grid}.js:not(.ready) .page{opacity:0;visibility:hidden}.ready .page{transition:opacity .24s var(--out)}.ready.instant .page{transition:none}.ready:not(.instant) [data-in]{animation:rise .6s var(--out) both;animation-delay:calc(var(--i,0) * 45ms)}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}.top{height:28px;margin:max(48px, calc(env(safe-area-inset-top) + 24px)) 0 56px;view-transition-name:top;justify-content:space-between;align-items:center;display:flex}.brand{border-radius:6px;align-items:center;gap:8px;text-decoration:none;display:flex}.brand-mark{width:18px;height:18px}.brand-name{letter-spacing:-.01em;color:var(--strong);font-size:14px;font-weight:560;line-height:1}.rss{height:28px;color:var(--muted);align-items:center;gap:6px;padding:0 2px;font-size:13px;line-height:1;text-decoration:none;transition:color .15s;display:inline-flex}.rss .ic{width:13px;height:13px}.credit{padding:20px 0 max(48px, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--faint);view-transition-name:credit;justify-content:space-between;gap:16px;margin-top:72px;font-size:13px;display:flex}.credit a{color:var(--muted);text-decoration:none;transition:color .15s}.intro h1{letter-spacing:-.005em;color:var(--strong);margin-bottom:12px;font-size:15px;font-weight:560}.intro p{color:var(--muted);text-wrap:pretty}em{font-family:var(--serif);color:var(--strong);font-size:1.08em;font-style:italic;line-height:1}.sect{color:var(--strong);align-items:center;gap:12px;margin:64px 0 20px;font-size:13px;font-weight:520;display:flex}.sect:after{content:"";background:var(--line);flex:1;height:1px}.sect span{color:var(--faint);font-variant-numeric:tabular-nums;font-weight:400}.filters{flex-wrap:wrap;gap:4px;margin:-4px 0 18px;display:flex}.chip{height:28px;color:var(--muted);transition:background-color .15s ease, color .15s ease, transform .12s var(--out);border-radius:8px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:450;line-height:1;text-decoration:none;display:inline-flex}.chip[aria-current=page]{background:var(--stage);color:var(--strong)}.chip:active{transform:scale(.97)}.list{margin:0 -12px -12px;padding:0;list-style:none;display:grid}.row-link{border-radius:12px;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;padding:12px;text-decoration:none;display:grid;position:relative}.row-link:before{content:"";border-radius:inherit;background:var(--stage);opacity:0;transition:opacity .15s;position:absolute;inset:0}.row-t{width:fit-content;color:var(--strong);text-wrap:balance;font-weight:480;position:relative}.row-d{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1;margin-top:2px;font-size:14px;line-height:1.55;display:-webkit-box;position:relative;overflow:hidden}.row-m{font-family:var(--mono);color:var(--faint);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;grid-area:1/2;padding-top:1px;font-size:12.5px;line-height:1.7;position:relative}.row-th{aspect-ratio:16/10;background:var(--stage);border-radius:8px;grid-row:1/span 2;width:112px;position:relative;overflow:hidden}.row-th:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--thumb-edge);pointer-events:none;position:absolute;inset:0}.row-th img{object-fit:cover;width:100%;height:100%}.row-th .glyph{font-family:var(--mono);letter-spacing:.04em;color:var(--strong);font-variant-numeric:tabular-nums;place-items:center;font-size:22px;font-weight:500;display:grid;position:absolute;inset:0}.thumbs .row-link{grid-template-columns:112px minmax(0,1fr) auto;align-items:start;column-gap:16px}.thumbs .row-t,.thumbs .row-d{grid-column:2}.thumbs .row-m{grid-column:3}.empty{color:var(--muted);padding:12px 0}.back{color:var(--muted);align-items:center;gap:6px;margin-bottom:40px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.back .ic{width:14px;height:14px;transition:transform .2s var(--out)}.fig{margin:36px 0 40px}.stage{background:var(--stage);box-shadow:var(--shadow);border-radius:14px;padding:4px}.stage-in{background:var(--card);box-shadow:0 0 0 1px var(--card-line);border-radius:10px;position:relative;overflow:hidden}.pad{padding:clamp(20px,5vw,36px) clamp(14px,4vw,28px)}.cap{color:var(--faint);text-align:center;text-wrap:balance;margin-top:12px;font-size:13px;line-height:1.5}.media{position:relative}.media img,.media video{width:100%;height:auto}.box{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);border:1.5px solid var(--accent);pointer-events:none;opacity:0;transition:opacity .16s var(--out);border-radius:1px;position:absolute}.box.on{opacity:1}.box i{display:none}.box:before{content:"";background:linear-gradient(var(--handle), var(--handle)) left 1.5px top 1.5px / 4px 4px no-repeat, linear-gradient(var(--handle), var(--handle)) right 1.5px top 1.5px / 4px 4px no-repeat, linear-gradient(var(--handle), var(--handle)) left 1.5px bottom 1.5px / 4px 4px no-repeat, linear-gradient(var(--handle), var(--handle)) right 1.5px bottom 1.5px / 4px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) left top / 7px 7px no-repeat, linear-gradient(var(--accent), var(--accent)) right top / 7px 7px no-repeat, linear-gradient(var(--accent), var(--accent)) left bottom / 7px 7px no-repeat, linear-gradient(var(--accent), var(--accent)) right bottom / 7px 7px no-repeat;position:absolute;inset:-5px}.box b{background:var(--accent);color:var(--accent-ink);font-family:var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:3px;padding:3px 5px;font-size:10.5px;font-weight:500;line-height:1;position:absolute;bottom:calc(100% + 6px);left:-1.5px}.box.low b{top:calc(100% + 6px);bottom:auto}.box b span{opacity:.7;margin-left:6px}.pin{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);background:var(--accent);width:22px;height:22px;color:var(--accent-ink);font-family:var(--mono);text-align:center;pointer-events:none;box-shadow:0 0 0 3px var(--ring), 0 0 0 8px var(--accent-soft);opacity:0;transition:opacity .16s var(--out), transform .22s var(--out);border-radius:50%;margin:-11px 0 0 -11px;font-size:11px;font-weight:500;line-height:22px;position:absolute;transform:scale(.8)}.pin.on{opacity:1;transform:none}.notes{margin:12px 0 0;padding:0;list-style:none;display:grid}.note{width:100%;color:var(--muted);text-align:left;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:7px 10px;font-size:13.5px;line-height:1.5;transition:background-color .15s,color .15s;display:grid}.note-n,.note-t{font-family:var(--mono);color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px;line-height:1;transition:color .15s}.note-t{font-size:12px}.note.on{background:var(--stage);color:var(--strong)}.note.on .note-n{color:var(--accent)}.ctl{background:var(--stage);min-width:30px;height:30px;color:var(--strong);font-variant-numeric:tabular-nums;white-space:nowrap;transition:background-color .15s ease, color .15s ease, transform .12s var(--out);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:480;line-height:1;display:inline-flex}.ctl:active{transform:scale(.97)}.ctl[aria-pressed=true],.ctl.primary{background:var(--strong);color:var(--bg)}.controls{border-top:1px solid var(--card-line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 14px;font-size:12.5px;display:flex}.controls output{font-family:var(--mono);color:var(--strong);font-variant-numeric:tabular-nums;font-size:12px}input[type=range]{appearance:none;cursor:pointer;background:0 0;min-width:0;height:20px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--card);width:14px;height:14px;box-shadow:0 0 0 1px var(--card-line), 0 1px 3px #0000002e;transition:transform .15s var(--out);border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--card);width:14px;height:14px;box-shadow:0 0 0 1px var(--card-line), 0 1px 3px #0000002e;border:0;border-radius:50%}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}input[type=checkbox]{accent-color:var(--accent)}.tip{z-index:50;background:var(--chip);max-width:min(320px,100vw - 12px);color:var(--chip-ink);pointer-events:none;opacity:0;transition:opacity .12s var(--out);border-radius:6px;align-items:center;gap:6px;padding:4px 7px;font-size:12px;line-height:1.35;display:flex;position:fixed}.tip kbd{font-family:var(--mono);opacity:.7;font-size:11px}.tip.on{opacity:1}.tip.instant{transition:none}.lost{gap:12px;padding-top:8px;display:grid}.lost .code{font-family:var(--mono);color:var(--faint);font-size:12.5px}.lost h1{letter-spacing:-.018em;color:var(--strong);font-size:22px;font-weight:580}.lost p{color:var(--muted)}.lost .back{margin:8px 0 0}@media (hover:hover) and (pointer:fine){.rss:hover,.credit a:hover,.back:hover,.chip:hover{color:var(--strong)}.back:hover .ic{transform:translate(-2px)}.row-link:hover:before{opacity:1}.note:hover{color:var(--strong)}.ctl:not([aria-pressed=true]):not(.primary):hover{background:var(--line)}.inspect{cursor:crosshair}}::view-transition-old(root){animation:.18s ease-in both vt-out}::view-transition-new(root){animation:vt-in .3s var(--out) both}html:active-view-transition-type(forward)::view-transition-new(root){animation:vt-rise .38s var(--out) both}html:active-view-transition-type(back)::view-transition-old(root){animation:.24s cubic-bezier(.4,0,1,1) both vt-sink}html:active-view-transition-type(back)::view-transition-new(root){animation:vt-in .32s var(--out) both}::view-transition{background:var(--bg)}@keyframes vt-in{0%{opacity:0}}@keyframes vt-out{to{opacity:0}}@keyframes vt-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes vt-sink{to{opacity:0;transform:translateY(12px)}}::view-transition-group(*){animation-duration:.38s;animation-timing-function:var(--drawer)}::view-transition-old(.hero-title),::view-transition-new(.hero-title){object-fit:none;object-position:left top;width:auto;height:100%}::view-transition-old(.row),::view-transition-new(.row){height:100%}::view-transition-old(top),::view-transition-new(top),::view-transition-old(credit),::view-transition-new(credit){animation:none}::view-transition-old(top),::view-transition-old(credit){display:none}@media (width<=640px){.top{margin:max(28px, calc(env(safe-area-inset-top) + 16px)) 0 40px}.row-link{grid-template-columns:minmax(0,1fr)}.row-m{text-align:left;grid-area:auto/1;margin-top:4px}.thumbs .row-link{grid-template-columns:88px minmax(0,1fr);column-gap:14px}.thumbs .row-th{grid-row:1/span 3;width:88px}.thumbs .row-m{grid-column:2}.fig{margin-inline:-12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}@view-transition{navigation:none}}.intro a{text-decoration:underline;text-decoration-color:var(--ul);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}@media (hover:hover) and (pointer:fine){.intro a:hover{color:var(--strong);text-decoration-color:var(--muted)}}