:root{--bg: #FDFDFC;--surface: #FFFFFF;--fg: #17181A;--muted: #55585E;--border: #E6E6E3;--accent: #1F3A5F;--faint: color-mix(in oklch, var(--muted) 78%, var(--bg));--parchment: #F4F3EF;--toggle: #D8D8D4;--font-display: "Libre Caslon Text", "Noto Serif SC", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease: cubic-bezier(.19, 1, .22, 1);--ease-2: cubic-bezier(.65, 0, .35, 1)}button{font:inherit;cursor:pointer}::selection{background:color-mix(in oklch,var(--accent) 20%,transparent)}.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,5vw,64px)}.topnav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .4s ease,background .4s ease}.topnav.scrolled{border-bottom-color:var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent)}.topnav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding-block:16px}.topnav a{border-bottom:none}.wordmark{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--fg);white-space:nowrap}.nav-right{display:flex;align-items:center;gap:clamp(16px,3vw,26px);flex-wrap:wrap}.topnav nav{display:flex;gap:clamp(16px,3vw,26px)}.topnav nav a{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--muted);position:relative;padding-block:4px}.topnav nav a.current{color:var(--fg)}.topnav nav a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--fg);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.topnav nav a:hover{color:var(--fg)}.topnav nav a:hover:after{transform:scaleX(1);transform-origin:left}.lang{position:relative;display:flex;overflow:hidden;border:1px solid var(--toggle);border-radius:2px}.lang-pill{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);background:var(--fg);transform:translate(calc(var(--on, 0) * 100%));transition:transform .3s var(--ease)}.lang button{position:relative;z-index:1;min-width:46px;padding:7px 10px;border:0;background:transparent;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted);transition:color .3s ease}.lang button:last-child{font-family:var(--font-display);font-size:13px}.lang button.on{color:var(--surface)}.lang button:not(.on):hover{color:var(--fg)}.li{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease) var(--d, 0ms),transform 1s var(--ease) var(--d, 0ms)}.topnav .li{transform:translateY(-10px)}body.loaded .li{opacity:1;transform:none}@media (max-width: 640px){.lang button{padding-block:11px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.li{opacity:1!important;transform:none!important}}