:root{--bg: #ecece7;--bg-2: #e2e2dc;--card: #f6f6f2;--ink: #111110;--ink-2: #4a4a46;--ink-3: #686862;--line: #cfcfc8;--accent: #2f45ff;--accent-ink: #ffffff;--ok: #1f8a4c;--warn: #b26a00;--bad: #c22f2f;--radius: 14px;--sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d0d0c;--bg-2: #161614;--card: #1a1a18;--ink: #efefe9;--ink-2: #b4b4ad;--ink-3: #75756f;--line: #2c2c29;--accent: #7c8bff;--accent-ink: #0d0d0c;--ok: #4cc27d;--warn: #e3a33b;--bad: #ef6b6b;color-scheme:dark}}:root[data-theme=dark]{--bg: #0d0d0c;--bg-2: #161614;--card: #1a1a18;--ink: #efefe9;--ink-2: #b4b4ad;--ink-3: #75756f;--line: #2c2c29;--accent: #7c8bff;--accent-ink: #0d0d0c;--ok: #4cc27d;--warn: #e3a33b;--bad: #ef6b6b;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}.mono{font-family:var(--mono);font-size:.82em;letter-spacing:-.01em}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}.nav.scrolled{border-bottom-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;text-decoration:none;font-size:15px}.brand svg{width:26px;height:26px}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a.link{text-decoration:none;padding:8px 12px;border-radius:999px;color:var(--ink-2);font-size:14px}.nav-links a.link:hover{color:var(--ink);background:var(--bg-2)}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer}.icon-btn:hover{border-color:var(--ink-3)}.icon-btn svg{width:16px;height:16px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600;font-size:15px;cursor:pointer;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink-3)}.btn.small{padding:8px 14px;font-size:13px}.textlink{font-weight:600;text-underline-offset:5px;text-decoration-thickness:1px}@media(max-width:720px){.nav{padding:12px 16px}.nav-links a.link.hide-sm{display:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}section[id]{scroll-margin-top:90px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}