:root{color-scheme:light dark;--font-body: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #fafafa;--fg: #222222;--muted: #656565;--accent: #0077ff;--border: rgba(17, 24, 39, .12)}[data-theme=dark]{--bg: #050810;--fg: #f0f6ff;--muted: #8ea1c2;--accent: #5aa9ff;--border: rgba(129, 140, 248, .3)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-body);display:flex;flex-direction:column}.site-header,.site-footer{padding:1.75rem clamp(1.5rem,3vw,3rem);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border)}.site-footer{border-top:1px solid var(--border);border-bottom:none;justify-content:center;font-size:.85rem;color:var(--muted)}.site-footer a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor;padding-bottom:.05rem}.site-footer a:hover{color:var(--accent);border-bottom-color:var(--accent)}.heart{color:#e11d48}.site-header h1{margin:0;font-family:var(--font-sans);font-size:clamp(1.4rem,3vw,1.8rem);letter-spacing:.04em;text-transform:uppercase}.site-header h1 a{color:inherit;text-decoration:none}.tagline{margin:.35rem 0 0;font-size:.85rem;color:var(--muted)}.theme-toggle{border:1px solid var(--border);background:transparent;color:var(--fg);padding:.35rem .65rem;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:background .2s ease,color .2s ease}.theme-toggle:hover{background:var(--fg);color:var(--bg)}.layout{flex:1;display:grid;grid-template-columns:minmax(16rem,21rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,3rem);width:min(1200px,100%);margin:0 auto}.post-index{display:flex;flex-direction:column;gap:.75rem;position:sticky;top:clamp(1rem,4vw,2rem);align-self:start}.label{margin:0;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hint{margin:.75rem 0 0;color:var(--muted);font-size:.75rem}.posts{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.posts li{border-left:2px solid transparent;padding-left:.75rem;transition:border-color .2s ease}.posts li.active{border-color:var(--accent)}.post-link{display:flex;justify-content:space-between;gap:1rem;color:inherit;text-decoration:none;font-size:.9rem}.post-title{font-family:var(--font-sans)}.post-meta{color:var(--muted);font-size:.75rem;white-space:nowrap}.reader{min-height:60vh;display:flex;flex-direction:column;gap:1.5rem}.reader-header h2{margin:0;font-family:var(--font-sans);font-size:clamp(1.2rem,3vw,1.6rem)}.reader-meta{margin:.35rem 0 0;color:var(--muted);font-size:.85rem}.reader-description{margin:.75rem 0 0;font-family:var(--font-sans);color:var(--muted)}.reader-content{line-height:1.65;font-size:.95rem}.reader-content pre{padding:.75rem 1rem;border:1px dashed var(--border);border-radius:.25rem;overflow-x:auto}.reader-content code{font-family:var(--font-body)}.placeholder{margin-top:4rem;text-align:center;color:var(--muted)}.placeholder.error h2{color:#ef4444}@media (max-width: 860px){.layout{grid-template-columns:1fr}.post-index{position:static;order:2}.reader{order:1}.post-link{font-size:1rem}}