*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg: oklch(.16 .025 250);--bg2: oklch(.13 .025 250);--surface: oklch(.22 .022 250);--surface2: oklch(.26 .022 250);--ink: oklch(.97 .005 250);--dim: oklch(.72 .02 250);--line: oklch(.32 .025 250);--accent: oklch(.82 .16 195);--accent2: oklch(.78 .18 145);--glow: oklch(.82 .16 195 / .45);--tileBg: oklch(.94 .015 75);--tileInk: oklch(.22 .03 60);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--font-display: "Barlow Condensed", ui-sans-serif, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-serif: "Instrument Serif", Georgia, serif;--clr-teal: #1DB8A0;--ff-display: "Instrument Serif", Georgia, serif;--ff-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--ff-mono: "JetBrains Mono", ui-monospace, monospace;--clr-primary: var(--accent);--clr-primary-d: oklch(.7 .14 195);--clr-secondary: var(--accent2);--clr-bg: var(--bg);--clr-surface: var(--surface);--clr-surface-low: var(--surface);--clr-surface-high: var(--surface2);--clr-surface-highest: var(--surface2);--clr-text: var(--ink);--clr-muted: var(--dim);--clr-border: var(--line);--clr-accent: color-mix(in oklch, var(--accent) 12%, var(--surface));--clr-accent2: var(--line);--clr-secondary-cont: color-mix(in oklch, var(--accent2) 22%, var(--surface));--clr-on-sec-cont: var(--accent2);--clr-error: oklch(.65 .22 25);--radius: 8px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0,0,0,.25);--shadow-md: 0 4px 20px rgba(0,0,0,.3);--transition: .18s ease}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-feature-settings:"ss01","ss02";min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-nav{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:14px 28px;background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}.site-nav-brand{display:flex;align-items:center;gap:12px}.site-nav-logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:var(--bg);font-family:var(--font-mono);font-weight:700;font-size:18px;box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 35%,transparent),0 6px 22px var(--glow);text-decoration:none}.site-nav-title{font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--ink)}.site-nav-sub{font-family:var(--font-mono);font-size:10px;color:var(--dim);letter-spacing:.06em;margin-top:2px}.site-nav-links{display:flex;gap:4px;justify-self:center;background:color-mix(in oklch,var(--surface) 70%,transparent);border:1px solid var(--line);border-radius:999px;padding:4px}.site-nav-link{font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--dim);text-decoration:none;padding:6px 14px;border-radius:999px;transition:.16s;white-space:nowrap}.site-nav-link:hover{color:var(--ink);background:color-mix(in oklch,var(--surface2) 60%,transparent);text-decoration:none}.site-nav-mono{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;justify-self:end}main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.site-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:22px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--dim);flex-wrap:wrap;margin-top:2rem}.site-footer-sep{width:4px;height:4px;border-radius:99px;background:var(--accent);box-shadow:0 0 8px var(--glow)}.site-footer a{color:var(--dim);text-decoration:none}.site-footer a:hover{color:var(--accent)}@media(max-width:880px){.site-nav{grid-template-columns:auto 1fr;gap:16px;padding:12px 16px}.site-nav-links,.site-nav-mono{display:none}main{padding:1.5rem 1rem}}