:root{--accent: oklch(72% .19 5);--bg: oklch(13% .01 260);--fg-dim: oklch(65% .008 260);--fg-mute: oklch(78% .01 260);--fg: oklch(93% .005 260);--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--match-bg: oklch(28% .04 5);--match-fg: oklch(82% .08 5);--rule-soft: oklch(32% .008 260);--rule: oklch(38% .01 260);--surface: oklch(27% .014 260)}*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}:root{--fs-base: clamp(1rem, .94rem + .25vw, 1.125rem);--fs-body: var(--fs-base);--fs-label: calc(var(--fs-base) * .75);--fs-mono: calc(var(--fs-base) * .875);--fs-h2: calc(var(--fs-base) * .8125);--fs-lede: clamp(1.25rem, 1.05rem + .85vw, 1.625rem);--fs-wordmark: clamp(3rem, 2rem + 5vw, 5.5rem);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--ease-out: cubic-bezier(.2, .8, .2, 1)}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:400;line-height:1.55;min-height:100dvh;display:grid;grid-template-rows:1fr auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--match-bg);color:var(--match-fg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{padding:var(--space-lg) var(--space-xl);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--fg-dim);display:flex;align-items:center;justify-content:center;gap:.6em}.site-footer a{color:var(--fg-mute);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .2s ease,border-color .2s ease}.site-footer a:hover,.site-footer a:focus-visible{color:var(--accent);border-bottom-color:var(--accent);outline:none}.footer-dot{width:4px;height:4px;background:var(--rule);display:inline-block}@media(max-width:560px){.site-footer{padding:1.25rem 1rem;font-size:.625rem}}:root{color-scheme:dark}main{width:100%}.format-switch{position:fixed;top:clamp(var(--space-xs),2vw,var(--space-md));right:clamp(var(--space-xs),2vw,var(--space-md));z-index:10;display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:9999px;background:#010202b3;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid oklch(100% 0 0 / .12);box-shadow:0 1px 2px #0006,0 12px 28px -8px #0009;transform-origin:center;view-transition-name:format-switch;animation:format-switch-attention 1.2s cubic-bezier(.4,0,.2,1) .3s 3 both}.format-switch--lightbox{view-transition-name:format-switch-lightbox;animation:none}::view-transition-group(format-switch),::view-transition-group(format-switch-lightbox),::view-transition-group(lightbox-close),::view-transition-group(lightbox-hints){animation:none}::view-transition-old(format-switch),::view-transition-old(format-switch-lightbox),::view-transition-old(lightbox-close),::view-transition-old(lightbox-hints){display:none}::view-transition-new(format-switch),::view-transition-new(format-switch-lightbox),::view-transition-new(lightbox-close),::view-transition-new(lightbox-hints){animation:none;opacity:1}@keyframes format-switch-attention{0%,to{transform:scale(1);box-shadow:0 1px 2px #0000004d,0 8px 24px -8px #00000080,0 0 color-mix(in oklab,var(--accent) 0%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--accent) 0%,transparent)}50%{transform:scale(1.08);box-shadow:0 1px 2px #0000004d,0 8px 32px -8px #0009,0 0 32px 4px color-mix(in oklab,var(--accent) 70%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--accent) 80%,transparent)}}@media(prefers-reduced-motion:reduce){.format-switch{animation:none}}.format-switch__pill{position:absolute;top:4px;bottom:4px;width:calc(50% - 5px);border-radius:9999px;background:var(--accent);pointer-events:none;view-transition-name:format-switch-pill;transition:left .25s ease,right .25s ease}.format-switch:has(.format-switch__option:nth-child(2).is-active) .format-switch__pill{left:4px}.format-switch:has(.format-switch__option:nth-child(3).is-active) .format-switch__pill{right:4px}.format-switch__option{position:relative;z-index:1;display:inline-grid;place-content:center;min-width:64px;height:40px;padding:0 18px;border:none;border-radius:9999px;background:transparent;font-family:inherit;font-size:var(--fs-label);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute);text-decoration:none;cursor:pointer;transition:color .2s ease}.format-switch__option.is-active{color:var(--bg);cursor:default}.format-switch__option:not(.is-active):hover,.format-switch__option:not(.is-active):focus-visible{color:var(--fg);outline:none}.kbd{display:inline-grid;place-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:#101214e6;border:1px solid oklch(100% 0 0 / .18);border-bottom-width:2px;color:var(--fg);font:600 .75rem / 1 var(--font-mono);text-transform:none;letter-spacing:0}@media(hover:none){.lightbox__hints{display:none}}::view-transition-group(root){animation-duration:.2s}::view-transition-group(format-switch-pill){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(format-switch-pill){display:none}::view-transition-new(format-switch-pill){animation:none;opacity:1}.format-switch__option.is-active{view-transition-name:format-switch-active-label}::view-transition-group(format-switch-active-label){animation:none}::view-transition-old(format-switch-active-label){display:none}::view-transition-new(format-switch-active-label){animation:none;opacity:1}::view-transition-old(gallery),::view-transition-new(gallery){animation-duration:.5s;animation-timing-function:ease-in-out}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:2px;view-transition-name:gallery}.gallery a{display:block;position:relative;overflow:hidden}.gallery img{width:100%;height:auto;display:block}.lightbox{position:fixed;inset:0;z-index:100;background:#000001;animation:lightbox-fade .2s ease-out}.lightbox[hidden]{display:none}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;view-transition-name:lightbox-image}::view-transition-group(lightbox-image),::view-transition-old(lightbox-image),::view-transition-new(lightbox-image){animation-duration:.5s;animation-timing-function:ease-in-out}.lightbox__close{position:absolute;z-index:2;top:clamp(var(--space-xs),2vw,var(--space-md));left:clamp(var(--space-xs),2vw,var(--space-md));width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:9999px;background:#010202b3;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);view-transition-name:lightbox-close;border:1px solid oklch(100% 0 0 / .12);color:var(--fg);cursor:pointer;transition:color .2s ease,background .2s ease}.lightbox__close svg{width:18px;height:18px;display:block}.lightbox__close:hover,.lightbox__close:focus-visible{background:#08090bd9;outline:none}body.lightbox-open{overflow:hidden}body.lightbox-open .format-switch:not(.format-switch--lightbox){display:none}.lightbox__hints{position:absolute;z-index:2;bottom:clamp(var(--space-md),3vw,var(--space-lg));left:50%;transform:translate(-50%);view-transition-name:lightbox-hints;display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 16px;border-radius:9999px;background:#010202b3;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid oklch(100% 0 0 / .12);box-shadow:0 1px 2px #0006,0 12px 28px -8px #0009;color:var(--fg-mute);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;max-width:calc(100% - var(--space-lg) * 2)}.lightbox__hints__group{display:inline-flex;align-items:center;gap:6px}.lightbox__hints__sep{width:1px;align-self:stretch;background:#ffffff24}@media(max-width:520px){.lightbox__hints{gap:6px;padding:6px 12px;font-size:.65rem;letter-spacing:.04em}.lightbox__hints__group{gap:4px}.lightbox__hints .kbd{min-width:18px;height:18px;padding:0 4px;font-size:.65rem}}