*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,#6366f1,#a855f7);z-index:9999;transition:width .1s linear}:root{--font-serif: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-mono: "Source Code Pro", "Courier New", monospace;--color-bg: #0f0f11;--color-surface: #1a1a1f;--color-border: #2e2e38;--color-text: #e8e8f0;--color-muted: #8888aa;--color-accent: #a78bfa;--color-accent2: #818cf8;--max-w: 720px;--radius: 8px}html{font-size:18px;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--color-accent2)}.site-header{position:sticky;top:0;background:#0f0f11eb;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;padding:0 1.5rem}.nav{max-width:var(--max-w);margin:0 auto;height:56px;display:flex;align-items:center;gap:1rem}.site-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.site-title:hover{color:var(--color-accent)}.site-tagline{font-size:.78rem;color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase}.site-footer{border-top:1px solid var(--color-border);padding:2rem 1.5rem;text-align:center;font-size:.82rem;color:var(--color-muted);margin-top:4rem}.site-footer a{color:var(--color-muted)}.site-footer a:hover{color:var(--color-accent)}.home{max-width:var(--max-w);margin:0 auto;padding:3rem 1.5rem}.home-intro{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.home-intro h1{font-family:var(--font-serif);font-size:clamp(2rem,5vw,2.8rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin-bottom:.75rem}.home-intro p{color:var(--color-muted);font-size:1rem}.post-list{list-style:none;display:flex;flex-direction:column;gap:0}.post-card{padding:1.75rem 0;border-bottom:1px solid var(--color-border)}.post-card:last-child{border-bottom:none}.post-card-meta{font-size:.78rem;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.post-card h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin-bottom:.5rem}.post-card h2 a{color:var(--color-text);text-decoration:none}.post-card h2 a:hover{color:var(--color-accent)}.post-card p{font-size:.92rem;color:var(--color-muted);line-height:1.6}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag{font-size:.72rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.2rem .6rem;color:var(--color-muted);text-transform:lowercase;letter-spacing:.03em}.post{max-width:var(--max-w);margin:0 auto;padding:2rem 1.5rem 4rem}.hero{width:100%;border-radius:var(--radius);margin-bottom:2rem;display:block;max-height:420px;object-fit:cover}.post-header{margin-bottom:2.5rem}.post-meta{font-size:.78rem;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.dot{opacity:.4}.post-title{font-family:var(--font-serif);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin-bottom:1rem}.post-description{font-size:1.05rem;color:var(--color-muted);line-height:1.7;margin-bottom:1rem;font-style:italic}.prose h2{font-family:var(--font-serif);font-size:1.55rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--color-text);margin:2.5rem 0 1rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.prose h3{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;margin:2rem 0 .75rem}.prose p{margin-bottom:1.35rem}.prose strong{color:var(--color-text);font-weight:600}.prose em{font-style:italic}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1.35rem}.prose li{margin-bottom:.4rem}.prose blockquote{border-left:3px solid var(--color-accent);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--color-surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-muted);font-style:italic}.prose pre{background:var(--color-surface)!important;border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;margin-bottom:1.35rem;font-family:var(--font-mono);font-size:.85rem}.prose code{font-family:var(--font-mono);font-size:.85em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.15em .4em}.prose pre code{background:none;border:none;padding:0;font-size:.85rem}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.prose>p:first-child strong:only-child,.prose p:has(strong:first-child){display:block}.callout{border-radius:var(--radius);padding:1rem 1.25rem;margin:1.5rem 0;border-left:4px solid;font-size:.92rem;line-height:1.7}.callout-info{background:#6366f114;border-color:#6366f1;color:#c7d2fe}.callout-warning{background:#f59e0b14;border-color:#f59e0b;color:#fde68a}.callout-tip{background:#10b98114;border-color:#10b981;color:#a7f3d0}.jargon{border-bottom:1px dashed var(--color-accent);cursor:help;position:relative;color:var(--color-accent)}.jargon:after{content:attr(data-def);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e2e;border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .9rem;font-size:.78rem;line-height:1.5;color:var(--color-text);white-space:normal;width:max-content;max-width:280px;z-index:50;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 4px 20px #00000080}.jargon:hover:after{opacity:1}@media (max-width: 640px){html{font-size:16px}.post{padding:1.5rem 1rem 3rem}.home{padding:2rem 1rem}}