:root{--ats-bg: #f7f8f5;--ats-surface: #ffffff;--ats-ink: #101820;--ats-muted: #5b6470;--ats-line: #d9dfd7;--ats-accent: #156f8f;--ats-accent-2: #369ef6;--ats-code-bg: #eef1ee;--ats-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ats-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}html[data-theme=spnc_dark]{--ats-bg: #101820;--ats-surface: #172026;--ats-ink: #e8edf1;--ats-muted: #9aa6b2;--ats-line: #314048;--ats-accent: #6ec1ff;--ats-accent-2: #369ef6;--ats-code-bg: #0c1218;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--ats-font);font-size:17px;line-height:1.6;color:var(--ats-ink);background:var(--ats-bg)}a{color:var(--ats-accent)}a:hover{text-decoration-thickness:2px}img,video{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ats-bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--ats-line)}.site-header .bar{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.01em;text-decoration:none;color:var(--ats-ink);font-size:18px}.brand span{color:var(--ats-accent)}.site-nav{display:flex;gap:14px;margin-left:auto;align-items:center;flex-wrap:wrap}.site-nav a{color:var(--ats-ink);text-decoration:none;font-weight:500;opacity:.85}.site-nav a:hover,.site-nav a[aria-current=page]{opacity:1;color:var(--ats-accent)}.theme-toggle{border:1px solid var(--ats-line);background:var(--ats-surface);color:var(--ats-ink);border-radius:999px;padding:4px 10px;cursor:pointer;font:inherit;font-size:14px}main.wrap{max-width:1100px;margin:0 auto;padding:28px 16px 64px}main.narrow{max-width:780px}main.full{max-width:none;padding:0}.site-footer{border-top:1px solid var(--ats-line);color:var(--ats-muted);font-size:14px}.site-footer .bar{max-width:1100px;margin:0 auto;padding:18px 16px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}.site-footer a{color:inherit}.post-header h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 10px}.post-meta{color:var(--ats-muted);font-size:15px;display:flex;gap:10px;flex-wrap:wrap}.post-meta a{color:inherit}.post-hero{margin:22px 0;border-radius:12px;overflow:hidden;border:1px solid var(--ats-line)}.post-hero img{display:block;width:100%}.prose{font-size:17.5px}.prose h2{font-size:26px;margin-top:2em}.prose h3{font-size:21px;margin-top:1.6em}.prose pre{background:var(--ats-code-bg);border:1px solid var(--ats-line);border-radius:10px;padding:14px 16px;overflow:auto;font-family:var(--ats-mono);font-size:14px;line-height:1.5}.prose code{font-family:var(--ats-mono);font-size:.92em;background:var(--ats-code-bg);padding:.1em .35em;border-radius:5px}.prose pre code{background:none;padding:0;font-size:inherit}.prose img{border-radius:10px;border:1px solid var(--ats-line)}.prose blockquote{border-left:3px solid var(--ats-accent);margin:1.4em 0;padding:.2em 1em;color:var(--ats-muted)}.prose table{border-collapse:collapse;width:100%;display:block;overflow:auto}.prose th,.prose td{border:1px solid var(--ats-line);padding:6px 10px;text-align:left}.post-tags{margin-top:32px;display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:13px;border:1px solid var(--ats-line);border-radius:999px;padding:2px 10px;text-decoration:none;color:var(--ats-muted)}.chip:hover{color:var(--ats-accent);border-color:var(--ats-accent)}.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;border-top:1px solid var(--ats-line);font-size:15px}.list-title{font-size:clamp(26px,3.5vw,34px);margin:0 0 6px}.list-sub{color:var(--ats-muted);margin:0 0 24px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;list-style:none;padding:0;margin:0}.card{background:var(--ats-surface);border:1px solid var(--ats-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card .thumb{aspect-ratio:16/9;background:var(--ats-code-bg);overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.card h3{margin:0;font-size:18px;line-height:1.3}.card h3 a{color:var(--ats-ink);text-decoration:none}.card h3 a:hover{color:var(--ats-accent)}.card .meta{color:var(--ats-muted);font-size:13.5px}.card p{margin:0;color:var(--ats-muted);font-size:15px}.pager{display:flex;justify-content:center;gap:14px;margin-top:32px}.pager a,.pager span{padding:6px 12px;border:1px solid var(--ats-line);border-radius:8px;text-decoration:none}.pager span{color:var(--ats-muted)}.comments{margin-top:48px;padding-top:24px;border-top:1px solid var(--ats-line)}@media(max-width:640px){body{font-size:16px}.prose{font-size:16.5px}}