:root{--bg: #fafafa;--bg-surface: #ffffff;--text: #171717;--text-muted: #6b6b6b;--border: #e5e5e5;--accent: #d97706;--accent-hover: #b45309;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--space-unit: 8px;--max-prose: 680px;--max-shell: 960px}[data-theme=dark]{--bg: #0a0a0a;--bg-surface: #171717;--text: #ededed;--text-muted: #a3a3a3;--border: #262626;--accent: #f59e0b;--accent-hover: #fbbf24}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}[data-theme=dark] body:before{opacity:.04}h1,h2,h3,h4{font-family:var(--font-body);font-weight:700;line-height:1.2;margin:0 0 calc(var(--space-unit) * 2);color:var(--text)}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700}h2{font-size:clamp(1.4rem,3.5vw,1.875rem);font-weight:600}h3{font-size:1.25rem;font-weight:600}p{margin:0 0 1.5em}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color .15s ease}a:hover{color:var(--accent-hover)}code{font-family:var(--font-mono);font-size:.9em}.section-ornament{display:flex;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 6) 0}.section-ornament:before{content:"";width:32px;height:2px;background:var(--accent);opacity:.5}.heading-accent{position:relative;padding-bottom:calc(var(--space-unit) * 1.5);margin-bottom:calc(var(--space-unit) * 3)}.heading-accent:after{content:"";position:absolute;bottom:0;left:0;width:28px;height:2.5px;background:var(--accent);border-radius:1px}.shell{width:min(var(--max-shell),92%);margin-inline:auto}.prose{max-width:var(--max-prose)}.section{padding-block:calc(var(--space-unit) * 10) calc(var(--space-unit) * 12)}.section+.section{padding-top:0}.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:calc(var(--space-unit) * 2);top:calc(var(--space-unit) * 2);width:auto;height:auto;z-index:1000;padding:calc(var(--space-unit)) calc(var(--space-unit) * 1.5);background:var(--bg);border:1px solid var(--border);color:var(--text)}.site-header{position:sticky;top:0;z-index:20;background:var(--bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}[data-theme=light] .site-header,:root:not([data-theme=dark]) .site-header{background:#fafafad9}[data-theme=dark] .site-header{background:#0a0a0ad9}.nav-wrap{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-unit) * 2)}.brand{text-decoration:none;color:var(--text);font-weight:600;font-size:1.1rem;letter-spacing:-.01em}.nav-right{display:flex;align-items:center;gap:calc(var(--space-unit) * 2)}.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:calc(var(--space-unit) * 3)}.nav-list a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.95rem;transition:color .15s ease}.nav-list a:hover{color:var(--text)}.hamburger{display:none;background:none;border:none;padding:calc(var(--space-unit));cursor:pointer;color:var(--text);min-width:44px;min-height:44px;align-items:center;justify-content:center}.hamburger svg{display:block}.mobile-nav{display:none}.hero{padding-top:calc(var(--space-unit) * 10);padding-bottom:calc(var(--space-unit) * 10)}.hero h1{margin-bottom:calc(var(--space-unit) * 2)}.hero-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-muted);max-width:48ch;margin-bottom:calc(var(--space-unit) * 4);line-height:1.6}.cta-row{display:flex;flex-wrap:wrap;gap:calc(var(--space-unit) * 1.5)}.btn{display:inline-flex;align-items:center;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 2.5);border:1px solid transparent;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .15s ease;min-height:44px}.btn:hover{background:var(--accent-hover);color:#fff}.btn.secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn.secondary:hover{background:var(--bg-surface);color:var(--text)}.now-section{padding-block:calc(var(--space-unit) * 4);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.now-timestamp{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin-bottom:calc(var(--space-unit))}.now-content{color:var(--text-muted);font-size:.95rem;line-height:1.6}.now-content p{margin:0}.project-grid{display:grid;gap:calc(var(--space-unit) * 3)}.project-card{display:block;text-decoration:none;padding:calc(var(--space-unit) * 3) 0;border-bottom:1px solid var(--border);transition:background .15s ease}.project-card:hover{background:var(--bg-surface);margin-inline:calc(var(--space-unit) * -2);padding-inline:calc(var(--space-unit) * 2)}.project-card-title{font-weight:600;font-size:1.15rem;color:var(--text);margin-bottom:calc(var(--space-unit))}.project-card-desc{color:var(--text-muted);margin-bottom:calc(var(--space-unit) * 1.5);line-height:1.5}.project-card-desc:last-child{margin-bottom:0}.tech-tags{display:flex;flex-wrap:wrap;gap:calc(var(--space-unit))}.tech-tag{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.blog-list{list-style:none;margin:0;padding:0}.blog-list-item{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--space-unit) * 2);padding-block:calc(var(--space-unit) * 2);border-bottom:1px solid var(--border)}.blog-list-item:first-child{border-top:1px solid var(--border)}.blog-list-title{font-weight:500;color:var(--text)}.blog-list-title a{color:var(--text);text-decoration:none}.blog-list-title a:hover{color:var(--accent)}.blog-list-date{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.article{max-width:var(--max-prose)}.article-head{margin-bottom:calc(var(--space-unit) * 5)}.article-head h1{margin-bottom:calc(var(--space-unit))}.article-meta{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.article-body p,.article-body li{color:var(--text-muted);line-height:1.7}.article-body ul,.article-body ol{margin:0 0 1.5em;padding-left:1.5em}.article-body strong{color:var(--text);font-weight:600}.article-body code{background:var(--bg-surface);padding:.15em .35em;border:1px solid var(--border);font-size:.85em}.article-body pre{background:var(--bg-surface);border:1px solid var(--border);padding:calc(var(--space-unit) * 2);overflow-x:auto;margin:0 0 1.5em}.article-body pre code{background:none;border:none;padding:0}.article-body h2{margin-top:calc(var(--space-unit) * 5)}.article-body h3{margin-top:calc(var(--space-unit) * 4)}.related-project{margin-top:calc(var(--space-unit) * 5);padding-top:calc(var(--space-unit) * 3);border-top:1px solid var(--border);font-size:.95rem;color:var(--text-muted)}.project-meta{display:flex;flex-wrap:wrap;gap:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 3)}.project-links{display:flex;gap:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 4)}.empty-state{color:var(--text-muted);font-style:italic;padding-block:calc(var(--space-unit) * 3)}.site-footer{border-top:1px solid var(--border);margin-top:calc(var(--space-unit) * 10)}.footer-wrap{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-unit) * 2);padding-block:calc(var(--space-unit) * 2)}.footer-wrap p{margin:0;font-size:.9rem;color:var(--text-muted)}.footer-links{display:flex;gap:calc(var(--space-unit) * 2)}.footer-links a{font-size:.9rem;color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-separator{color:var(--border);user-select:none}.theme-toggle{background:none;border:none;padding:calc(var(--space-unit));cursor:pointer;color:var(--text-muted);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease}.theme-toggle:hover{color:var(--text)}@media(max-width:639px){.nav-list,.nav-right .nav-list{display:none}.hamburger{display:inline-flex}.mobile-nav.is-open{display:flex;flex-direction:column;position:fixed;inset:0;z-index:30;background:var(--bg);padding:calc(var(--space-unit) * 3);gap:calc(var(--space-unit) * 4)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center}.mobile-nav-close{background:none;border:none;padding:calc(var(--space-unit));cursor:pointer;color:var(--text);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.mobile-nav-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--space-unit) * 3)}.mobile-nav-links a{font-size:1.25rem;font-weight:500;text-decoration:none;color:var(--text)}.hero{padding-top:calc(var(--space-unit) * 6);padding-bottom:calc(var(--space-unit) * 6)}.section{padding-block:calc(var(--space-unit) * 6) calc(var(--space-unit) * 8)}.footer-wrap{flex-direction:column;align-items:flex-start;gap:calc(var(--space-unit))}.blog-list-item{flex-direction:column;gap:calc(var(--space-unit) * .5)}}@media(min-width:640px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}body:before{display:none}}[data-theme=dark] .icon-sun[data-astro-cid-x3pjskd3],:root:not([data-theme=dark]) .icon-moon[data-astro-cid-x3pjskd3]{display:none}[data-theme=dark] .icon-moon[data-astro-cid-x3pjskd3]{display:block}:root:not([data-theme=dark]) .icon-sun[data-astro-cid-x3pjskd3]{display:block}