:root{--color-bg:#f5f5f4;--color-bg-subtle:#e7e5e4;--color-surface:#ffffff;--color-border:#d6d3d1;--color-text:#1c1917;--color-text-muted:#78716c;--color-accent:#0d6efd;--color-accent-hover:#0a58ca;--color-tag-bg:#e7e5e4;--color-tag-text:#44403c;--color-status-active-bg:#d1fae5;--color-status-active-text:#065f46;--color-status-wip-bg:#fef3c7;--color-status-wip-text:#92400e;--color-status-archived-bg:var(--color-bg-subtle);--color-status-archived-text:var(--color-text-muted);--font-sans:system-ui, sans-serif;--font-mono:ui-monospace, monospace;--radius-sm:0.25rem;--radius:0.5rem;--radius-lg:0.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--measure:68ch;--max-width:56rem;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg:#1c1917;--color-bg-subtle:#292524;--color-surface:#292524;--color-border:#44403c;--color-text:#f5f5f4;--color-text-muted:#a8a29e;--color-accent:#60a5fa;--color-accent-hover:#93c5fd;--color-tag-bg:#44403c;--color-tag-text:#d6d3d1;--color-status-active-bg:#064e3b;--color-status-active-text:#6ee7b7;--color-status-wip-bg:#451a03;--color-status-wip-text:#fcd34d}}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--font-sans);line-height:1.6;background-color:var(--color-bg);color:var(--color-text);hanging-punctuation:first last}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-block:0 var(--space-4);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin-block:0 var(--space-4);max-width:var(--measure)}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}pre{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);overflow-x:auto}code{background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:.1em .3em}pre code{background:0 0;padding:0}hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-8)}time{color:var(--color-text-muted);font-size:var(--text-sm)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}.site-header{border-bottom:1px solid var(--color-border);padding-block:var(--space-4)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-6);margin-top:auto;color:var(--color-text-muted);font-size:var(--text-sm)}main{flex:1;padding-block:var(--space-12)}.site-title{font-weight:700;font-size:var(--text-lg);color:var(--color-text);text-decoration:none}.site-title:hover{color:var(--color-accent)}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-6)}.main-nav a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;transition:color .15s ease}@media(prefers-reduced-motion:reduce){.main-nav a{transition:none}}.main-nav a:hover,.main-nav a.active{color:var(--color-accent)}.main-nav a[aria-current=page]{color:var(--color-text);font-weight:600}.about{padding-block:var(--space-12)var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-12)}.about-lead{font-size:var(--text-xl);line-height:1.5;color:var(--color-text);max-width:var(--measure);margin-block:var(--space-6)0}.section-preview{margin-bottom:var(--space-12)}.section-preview-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.section-preview-header h2{margin:0}.see-all{font-size:var(--text-sm);white-space:nowrap}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.post-item{display:flex;flex-direction:column;gap:var(--space-1);a { font-size: var(--text-lg); font-weight: 600; text-decoration: none; color: var(--color-text); &:hover { color: var(--color-accent); } } .post-meta { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:var(--space-6)}.project-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .15s ease,box-shadow .15s ease;&:hover { border-color:var(--color-accent); box-shadow:0 2px 12px -4px color-mix(in srgb,var(--color-accent) 20%,transparent); } h3 { margin:0; font-size:var(--text-lg); a { color:var(--color-text); text-decoration:none; &:hover { color:var(--color-accent); } &::after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; } } } p { margin:0; color:var(--color-text-muted); font-size:var(--text-sm); flex:1; max-width:100%; }}@media(prefers-reduced-motion:reduce){.project-card{transition:none}}.project-links{display:flex;align-items:center;font-size:var(--text-sm);a { z-index: 2; padding: var(--space-2); } span { margin-right: var(--space-2); }}.post-tags{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.post-tags-label{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap}.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);a { position: relative; z-index: 2; }}.tag-list li a,.tag{display:inline-block;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:var(--text-sm);padding:var(--space-1)var(--space-3);border-radius:var(--radius);text-decoration:none}.tag-list li a:hover,.tag:hover{background:var(--color-border);color:var(--color-text)}.single-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.single-header h1{margin-bottom:var(--space-2)}.single-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--text-sm)}.single-content{max-width:var(--measure)}.single-content h2,.single-content h3{margin-top:var(--space-8)}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-header h1{margin-bottom:var(--space-2)}.page-header p{color:var(--color-text-muted);margin:0}.status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.15em .55em;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.status-active{background:var(--color-status-active-bg);color:var(--color-status-active-text)}.status-wip{background:var(--color-status-wip-bg);color:var(--color-status-wip-text)}.status-archived{background:var(--color-status-archived-bg);color:var(--color-status-archived-text)}