:root{color-scheme:dark;--bg:#121014;--panel:#1a151c;--text:#f4eef3;--muted:#a69ba8;--line:#382d3a;--accent:#f5a6cf;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p{line-height:1.7}.shell{max-width:1160px;margin:0 auto;padding:0 48px}.site-header{display:flex;align-items:center;justify-content:space-between;height:112px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-weight:750;letter-spacing:-.7px;font-size:24px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;font-family:var(--mono);border:1px solid var(--line);font-size:20px;margin-right:12px;color:var(--accent)}.brand-mark span{font-size:16px}.muted{color:var(--muted);font-weight:450}.brand-dot{color:var(--accent)}nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}nav span{margin-left:3px;color:var(--muted)}.rss{color:var(--accent)}.intro{padding:86px 0 0;position:relative}.eyebrow{font:11px var(--mono);letter-spacing:1.8px;display:flex;align-items:center;gap:10px;color:var(--muted)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.intro h1,.not-found h1{font-weight:550;font-size:clamp(50px,7.1vw,88px);line-height:1.06;letter-spacing:-5px;margin:28px 0 27px}.intro h1>span,.not-found h1>span{color:var(--accent)}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between}.intro-bottom p{font-size:16px;color:var(--muted);margin:0}.intro-label{font:10px var(--mono);letter-spacing:1.2px;color:var(--subtle);writing-mode:vertical-rl;position:absolute;top:250px;right:0}.terminal-line{display:flex;align-items:center;gap:12px;font:12px var(--mono);color:var(--subtle);margin-top:45px;padding:17px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line)}.terminal-line>span:first-child{color:var(--accent)}.cursor{color:var(--accent);margin-left:-8px}.writing{padding-top:54px;padding-bottom:60px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.section-heading h2{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:0;display:flex;align-items:center;gap:10px}.count{font:10px var(--mono);border:1px solid var(--line);color:var(--muted);padding:3px 6px}.section-heading>span{font:10px var(--mono);letter-spacing:1px;color:var(--subtle)}.featured{background:var(--panel);border:1px solid var(--line);padding:31px 34px;position:relative}.featured:before{content:'';width:32px;height:3px;position:absolute;left:-1px;top:-1px;background:var(--accent)}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font:11px var(--mono);color:var(--muted)}.meta-dot{color:var(--subtle)}.featured .post-meta{margin-bottom:28px}.accent{color:var(--accent)}.featured h2{font-size:30px;line-height:1.25;font-weight:500;letter-spacing:-.9px;margin:13px 0 12px}.post-content h2 a,.post-content h3 a{display:flex;justify-content:space-between;gap:20px}.post-arrow{font-family:var(--mono);font-weight:400;color:var(--muted);font-size:25px}.featured p{max-width:650px;font-size:14px;color:var(--muted);margin:0 0 20px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{font:10px var(--mono);color:var(--tag-text);background:var(--tag-bg);padding:5px 8px;border-radius:2px}.read-link{display:inline-flex;gap:25px;align-items:center;margin-top:27px;color:var(--accent);font:12px var(--mono)}.post-row{display:grid;grid-template-columns:160px 1fr;gap:28px;padding:31px 4px;border-bottom:1px solid var(--line)}.post-row .post-meta{align-content:start;gap:7px;font-size:10px;padding-top:6px}.post-row .post-meta .meta-dot{display:none}.post-row .post-meta>span:nth-child(3){flex-basis:100%;color:var(--subtle)}.entry-number{display:none}.post-row h3{font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.35;margin:0 0 10px}.post-row p{margin:0 0 15px;color:var(--muted);font-size:13px;max-width:660px}.post-row .tag{background:transparent;border:1px solid var(--line);color:var(--tag-text);padding:3px 6px;font-size:9px}footer{border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:105px;color:var(--subtle);font-size:10px;font-family:var(--mono)}.footer-brand{font-size:14px;font-family:var(--sans);font-weight:600;color:var(--text)}footer>a:last-child{color:var(--tag-text)}.skip-link{position:absolute;top:-100px;left:15px;background:var(--accent);color:var(--bg);padding:10px;z-index:10}.skip-link:focus{top:10px}.preview-bar{background:var(--tag-bg);color:var(--accent);text-align:center;padding:9px 14px;font:11px var(--mono)}.draft{color:var(--accent);font:10px var(--mono);border:1px solid var(--accent);padding:2px 5px}.article{max-width:760px;margin:0 auto;padding:49px 0 20px}.back-link{font:12px var(--mono);color:var(--muted)}.article-header{margin-top:50px;padding-bottom:32px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-1.8px;font-weight:550;margin:23px 0 19px;overflow-wrap:anywhere}.article-description{font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:23px}.prose{font-size:16px;line-height:1.85;padding-top:18px;overflow-wrap:anywhere;color:var(--prose)}.prose h2,.prose h3,.prose h4{color:var(--text);line-height:1.3;letter-spacing:-.6px;margin-top:2em;margin-bottom:.7em;font-weight:550}.prose h2{font-size:28px}.prose h3{font-size:23px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose pre{overflow-x:auto;background:var(--code-bg);border:1px solid var(--line);padding:20px;font-size:13px;line-height:1.7;border-radius:3px}.prose code{font-family:var(--mono);font-size:.85em;color:var(--code-text)}.prose :not(pre)>code{background:var(--code-bg);padding:3px 5px;border-radius:3px}.prose blockquote{border-left:2px solid var(--accent);margin:25px 0;padding:2px 0 2px 22px;color:var(--muted)}.prose img{max-width:100%;height:auto;border-radius:3px}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 14px}.prose th{background:var(--panel)}.prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}.prose li{padding-left:4px;margin:6px 0}.article-end{border-top:1px solid var(--line);margin:50px 0 25px;padding:35px 0;font:12px var(--mono);text-align:center;color:var(--muted)}.article-end>span{color:var(--accent)}.article-end a{color:var(--accent)}.empty{color:var(--muted);padding:35px 0}.not-found{padding:100px 0 130px}.not-found p{color:var(--muted)}
@media(min-width:1300px){.shell{max-width:1160px}.intro{padding-top:91px}.intro h1{font-size:88px}}
@media(max-width:700px){.shell{padding:0 23px}.site-header{height:86px}.wordmark{font-size:21px}.brand-mark{width:27px;height:27px;margin-right:8px}nav{gap:16px;font-size:11px}nav .rss{display:none}.intro{padding-top:59px}.intro h1{letter-spacing:-2.6px;margin-top:25px;font-size:clamp(48px,10.5vw,72px)}.intro-bottom p{font-size:14px}.intro-bottom br{display:none}.intro-label{display:none}.terminal-line{margin-top:33px}.writing{padding-top:35px;padding-bottom:35px}.featured{padding:26px 23px}.featured h2{font-size:25px}.post-row{grid-template-columns:1fr;gap:12px;padding:25px 0}.post-row .post-meta>span:nth-child(3){flex-basis:auto}.post-row .post-meta .meta-dot{display:block}.post-row h3{font-size:21px}.section-heading>span{font-size:9px}.post-arrow{font-size:20px}footer{flex-wrap:wrap;justify-content:space-between;padding:25px 0;gap:16px}footer>span{order:3;flex-basis:100%;font-size:9px}.article{padding-top:30px}.article-header{margin-top:34px}.article-description{font-size:16px}.prose{font-size:15px}.prose pre{padding:15px}.preview-bar{font-size:9px}.eyebrow{font-size:9px;letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared theme tokens keep every surface consistent in both modes. */
:root{--subtle:#a08da3;--line-soft:#2a222e;--tag-bg:#30202d;--tag-text:#e6b5d1;--code-bg:#211923;--code-text:#f1bbdb;--prose:#d5c9d8;--accent-glow:#f5a6cf30}
:root[data-theme="light"]{color-scheme:light;--bg:#fbf8fc;--panel:#fff;--text:#241c28;--muted:#6c5e70;--line:#dfd4e2;--accent:#a52467;--subtle:#796b7d;--line-soft:#e9dfea;--tag-bg:#f6e8f0;--tag-text:#993d72;--code-bg:#f6eff8;--code-text:#8b235f;--prose:#473b4c;--accent-glow:#a5246720}
.header-actions{display:flex;align-items:center;gap:25px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);font:11px var(--mono);cursor:pointer;white-space:nowrap}
.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.theme-icon{flex-shrink:0}.moon-icon{display:none}[data-theme="light"] .sun-icon{display:none}[data-theme="light"] .moon-icon{display:block}
@media(max-width:700px){.header-actions{gap:14px}nav{gap:14px}.theme-toggle{width:36px;padding:8px}.theme-toggle [data-theme-label]{display:none}}
@media(max-width:370px){.shell{padding:0 17px}.wordmark{font-size:19px}.header-actions{gap:10px}nav{gap:11px}}