:root{color-scheme:light;--ink:#111827;--body:#4b5563;--muted:#5f6672;--accent:#1e6fb8;--accent-hover:#185c99;--warn:#b45309;--rule:#e5e7eb;--card:#fff;--surface:#f3f4f6;--scrollbar:#cbd5e1;--shadow-card:0 1px 2px #1118270d;--font-display:Satoshi, "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"DM Sans", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace}html{color-scheme:light;scrollbar-color:var(--scrollbar) var(--surface)}body{background:var(--card);color:var(--body);font:17px/1.75 var(--font-body);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav{z-index:10;background:color-mix(in srgb, var(--card) 90%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--rule);position:sticky;top:0}.wrap{justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:16px 24px;display:flex}.brand{display:block}.brand svg{width:auto;height:28px;display:block}.links{align-items:center;gap:28px;font-size:14px;display:flex}.links a{color:var(--body)}.links a:hover{color:var(--ink);text-decoration:none}.btn{background:var(--accent);border-radius:12px;align-items:center;padding:10px 20px;font-weight:600;display:inline-flex;color:var(--card)!important}.btn:hover{background:var(--accent-hover);text-decoration:none}main{max-width:760px;margin:auto;padding:64px 24px 96px}.eyebrow{color:var(--accent);font:700 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.14em}h1{font-family:var(--font-display);color:var(--ink);letter-spacing:-.03em;margin:16px 0 20px;font-size:clamp(34px,4.5vw,48px);font-weight:900;line-height:1.08}.meta{color:var(--muted);border-bottom:1px solid var(--rule);margin-bottom:32px;padding-bottom:28px;font-size:14px}h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;margin:56px 0 16px;font-size:28px;font-weight:700;line-height:1.2}p,ul,ol{margin:0 0 20px}li{margin:8px 0}strong{color:var(--ink);font-weight:600}.prose>p:first-child{color:var(--ink);font-size:20px}img{border-radius:16px;width:100%;height:auto;margin:32px 0 12px;display:block}p:has(>em:only-child){color:var(--muted);margin-top:-4px;font-size:14px;line-height:1.6}pre{background:var(--surface);border:1px solid var(--rule);color:var(--ink);border-radius:12px;padding:20px 24px;font-size:14px;line-height:1.6;overflow:auto}code{font-family:var(--font-mono)}p code,li code{background:var(--surface);border:1px solid var(--rule);color:var(--ink);border-radius:6px;padding:1px 5px;font-size:.85em}input[type=checkbox]{accent-color:var(--accent);margin-right:6px}.note{color:var(--muted);border-top:1px solid var(--rule);margin-top:48px;padding-top:24px;font-size:14px}.post-list{padding:0;list-style:none}.post-list li{margin:0 0 20px}.post-card{background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow-card);border-radius:16px;padding:24px;display:block}.post-card:hover{border-color:var(--accent);text-decoration:none}.post-card h2{margin:0 0 8px;font-size:22px}.post-card p{margin:0}.post-card .meta{border:0;margin:12px 0 0;padding:0}.foot{border-top:1px solid var(--rule)}.foot .wrap{color:var(--muted);padding:40px 24px;font-size:14px}.foot .links{gap:24px}@media (width<=640px){.links .hide{display:none}.nav .links{gap:16px}main{padding:40px 16px 64px}h2{font-size:24px}body{font-size:16px}pre{padding:16px;font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}