:root{--bg-primary:#0A0A0A;--bg-secondary:#141414;--bg-tertiary:#1E1E1E;--text-primary:#FFFFFF;--text-secondary:#B0B0B0;--text-tertiary:#707070;--accent:#FFFFFF;--accent-hover:#D4D4D4;--border:#262626;--code-bg:#111111;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Consolas', monospace;--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;--space-24:6rem;--space-32:8rem;--max-prose:920px;--max-page:1200px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--transition-fast:150ms ease;--transition-base:250ms ease}[data-theme=light]{--bg-primary:#FFFFFF;--bg-secondary:#F9FAFB;--bg-tertiary:#F3F4F6;--text-primary:#111827;--text-secondary:#6B7280;--text-tertiary:#9CA3AF;--accent:#111827;--accent-hover:#4B5563;--border:#E5E7EB;--code-bg:#F3F4F6}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:1.0625rem;font-weight:400;line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:800;color:var(--text-primary)}h1{font-size:2.75rem;letter-spacing:-.03em;margin-bottom:var(--space-6)}h2{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin-top:var(--space-12);margin-bottom:var(--space-4)}h3{font-size:1.375rem;font-weight:700;margin-top:var(--space-8);margin-bottom:var(--space-3)}h4{font-size:1.125rem;font-weight:700;margin-top:var(--space-6);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}a{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--text-tertiary);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color var(--transition-fast)}a:hover{text-decoration-color:var(--text-primary)}strong{font-weight:700}blockquote{border-left:3px solid var(--text-tertiary);padding-left:var(--space-6);margin:var(--space-6)0;color:var(--text-secondary);font-style:italic}hr{border:none;border-top:1px solid var(--border);margin:var(--space-12)0}img{max-width:100%;height:auto;border-radius:var(--radius-md)}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}li::marker{color:var(--text-tertiary)}code{font-family:var(--font-mono);font-size:.875rem}:not(pre)>code{background-color:var(--bg-tertiary);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--text-primary)}pre{background-color:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;margin:var(--space-6)0;position:relative}pre code{background:0 0;padding:0;border-radius:0;color:var(--text-primary);font-size:.875rem;line-height:1.6}.code-block-wrapper{position:relative}.copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:var(--space-1)var(--space-2);font-family:var(--font-sans);font-size:.75rem;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast)}pre:hover .copy-btn,.code-block-wrapper:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--border);color:var(--text-primary)}.copy-btn.copied{color:var(--text-primary)}table{width:100%;border-collapse:collapse;margin:var(--space-6)0;font-size:.9375rem}th{text-align:left;font-weight:600;border-bottom:2px solid var(--border);padding:var(--space-3)var(--space-4);color:var(--text-primary)}td{border-bottom:1px solid var(--border);padding:var(--space-3)var(--space-4);color:var(--text-secondary)}tr:hover td{color:var(--text-primary)}.container{max-width:var(--max-page);margin:0 auto;padding:0 var(--space-6)}.prose{max-width:var(--max-prose);margin:0 auto}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background-color:initial;transition:background-color var(--transition-base),backdrop-filter var(--transition-base)}.nav.scrolled{background-color:rgba(10,10,10,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}[data-theme=light] .nav.scrolled{background-color:rgba(255,255,255,.85)}.nav-inner{max-width:var(--max-page);margin:0 auto;padding:var(--space-4)var(--space-6);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.375rem;font-weight:900;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;transition:color var(--transition-fast)}.nav-logo:hover{color:var(--text-secondary);text-decoration:none}.nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none;padding:0;margin:0}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);text-decoration:none}.theme-toggle{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.theme-toggle:hover{color:var(--text-primary)}.theme-toggle svg{width:20px;height:20px}.nav-mobile-toggle{display:none;background:0 0;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-2)}.nav-mobile-toggle svg{width:24px;height:24px}@media(max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:var(--bg-primary);border-bottom:1px solid var(--border);padding:var(--space-4)var(--space-6);gap:var(--space-4)}.nav-links.open{display:flex}.nav-mobile-toggle{display:flex}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-24)var(--space-6)}.hero-name{font-size:4.5rem;font-weight:900;letter-spacing:-.015em;line-height:1.05;margin-bottom:var(--space-4);color:var(--text-primary)}.hero-title{font-size:1.375rem;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:var(--space-2)}.hero-tagline{font-size:1.125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-8);max-width:540px}.hero-social{display:flex;gap:var(--space-6);align-items:center}.hero-social a{color:var(--text-tertiary);transition:color var(--transition-fast),transform var(--transition-fast);display:flex}.hero-social a:hover{color:var(--text-primary);transform:translateY(-2px);text-decoration:none}.hero-social svg{width:24px;height:24px}.scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);color:var(--text-tertiary);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%)translateY(0)}40%{transform:translateX(-50%)translateY(-8px)}60%{transform:translateX(-50%)translateY(-4px)}}@media(max-width:768px){.hero-name{font-size:3rem}.hero-title{font-size:1.125rem}}@media(max-width:480px){.hero-name{font-size:2.5rem}}.section{padding:var(--space-24)var(--space-6)}.section-title{font-size:.9375rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin-bottom:var(--space-8)}.about-text{max-width:var(--max-prose);margin:0 auto;font-size:1.125rem;line-height:1.8;color:var(--text-secondary)}.about-text a{color:var(--text-primary)}.stack-grid{max-width:var(--max-prose);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:640px){.stack-grid{grid-template-columns:1fr}}.stack-item{padding:var(--space-4)var(--space-6);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.stack-item:hover{border-color:var(--text-secondary)}.stack-item-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:var(--space-1)}.stack-item-detail{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.now-grid{max-width:var(--max-prose);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.now-item{padding:var(--space-6);border-left:2px solid var(--text-tertiary)}.now-item-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.now-item-detail{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.post-list{max-width:var(--max-prose);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.post-card{display:block;padding:var(--space-6);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-base),transform var(--transition-base);text-decoration:none}.post-card:hover{border-color:var(--text-secondary);transform:translateY(-2px);text-decoration:none}.post-card-categories{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.category-pill{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1)var(--space-2);border:1px solid var(--text-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);line-height:1}.post-card-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-2);line-height:1.35}.post-card-description{font-size:.9375rem;color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.6}.post-card-meta{font-size:.8125rem;color:var(--text-tertiary)}.post-card-meta span+span::before{content:'\00B7';margin:0 var(--space-2)}.view-all{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:500;color:var(--text-secondary);margin-top:var(--space-8);transition:gap var(--transition-fast),color var(--transition-fast)}.view-all:hover{gap:var(--space-3);color:var(--text-primary);text-decoration:none}.page-header{padding:calc(var(--space-32) + 60px)var(--space-6)var(--space-12);text-align:center}.page-header h1{margin-bottom:var(--space-3)}.page-header p{color:var(--text-secondary);max-width:500px;margin:0 auto}.filters{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.filter-btn{background:0 0;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:var(--space-1)var(--space-4);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.filter-btn.active{border-color:var(--text-primary);color:var(--text-primary);background-color:rgba(255,255,255,6%)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background-color:var(--text-primary);z-index:200;transition:width 50ms linear}.post-header{padding:calc(var(--space-32) + 60px)var(--space-6)var(--space-8);max-width:var(--max-prose);margin:0 auto}.post-header .post-card-categories{margin-bottom:var(--space-4)}.post-header h1{font-size:2.5rem;margin-bottom:var(--space-4)}.post-meta{font-size:.875rem;color:var(--text-tertiary);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.post-meta span+span::before{content:'\00B7';margin:0 var(--space-1)}.post-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.post-tag{font-size:.8125rem;color:var(--text-tertiary);transition:color var(--transition-fast)}.post-tag:hover{color:var(--text-primary);text-decoration:none}.post-body{max-width:var(--max-prose);margin:0 auto;padding:0 var(--space-6)var(--space-16)}.post-body h2{padding-left:var(--space-4);border-left:3px solid var(--text-tertiary)}.post-body img{display:block;margin:var(--space-8)auto}.post-body .figure{margin:var(--space-8)0;text-align:center}.post-body .figure img{margin:0 auto var(--space-2)}.post-body .figure p,.post-body figcaption{font-size:.875rem;color:var(--text-tertiary);font-style:italic}.post-nav{max-width:var(--max-prose);margin:0 auto;padding:var(--space-8)var(--space-6);display:flex;justify-content:space-between;border-top:1px solid var(--border)}.post-nav a{color:var(--text-secondary);font-size:.9375rem;transition:color var(--transition-fast)}.post-nav a:hover{color:var(--text-primary);text-decoration:none}.post-nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);display:block;margin-bottom:var(--space-1)}.projects-grid{max-width:var(--max-prose);margin:0 auto;display:grid;gap:var(--space-6)}.project-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-base)}.project-card:hover{border-color:var(--text-secondary);transform:translateY(-2px)}.project-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}.project-card-body{padding:var(--space-6)}.project-card-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.project-card-description{font-size:.9375rem;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.6}.project-card-links{display:flex;gap:var(--space-4)}.project-card-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:center;gap:var(--space-1)}.about-page{max-width:var(--max-prose);margin:0 auto;padding:calc(var(--space-32) + 60px)var(--space-6)var(--space-16)}.about-page h1{margin-bottom:var(--space-8)}.about-section{margin-bottom:var(--space-12)}.about-section h2{padding-left:0;border-left:none;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-top:0;margin-bottom:var(--space-6)}.experience-item{margin-bottom:var(--space-6);padding-left:var(--space-6);border-left:1px solid var(--border)}.experience-item:hover{border-left-color:var(--text-primary)}.experience-role{font-weight:700;color:var(--text-primary)}.experience-company{color:var(--text-secondary)}.experience-period{font-size:.875rem;color:var(--text-tertiary)}.experience-detail{font-size:.875rem;color:var(--text-secondary);margin-top:var(--space-1);line-height:1.5}.elsewhere-links{display:flex;flex-direction:column;gap:var(--space-3)}.elsewhere-links a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);transition:color var(--transition-fast)}.elsewhere-links a:hover{color:var(--text-primary);text-decoration:none}.footer{border-top:1px solid var(--border);padding:var(--space-8)var(--space-6);text-align:center}.footer-inner{max-width:var(--max-page);margin:0 auto;font-size:.8125rem;color:var(--text-tertiary)}.footer a{color:var(--text-tertiary);transition:color var(--transition-fast)}.footer a:hover{color:var(--text-secondary)}.page-404{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-16)var(--space-6)}.page-404 h1{font-size:6rem;color:var(--text-primary);margin-bottom:var(--space-4)}.page-404 p{color:var(--text-secondary);max-width:500px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.htmlwidget-output{max-width:100%;overflow-x:auto;margin:var(--space-6)0}.hljs{background:var(--code-bg)!important;color:var(--text-primary)}.post-body .figure,.post-body .plotly,.post-body .html-widget{max-width:100%;overflow-x:auto}.footnotes{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border);font-size:.875rem;color:var(--text-secondary)}.footnotes hr{display:none}::selection{background-color:rgba(74,222,128,.2);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}