:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", "Inter", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Inter", system-ui, sans-serif;--font-mono:"SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, monospace;--bg:#FAF6F0;--bg-rgb:250, 246, 240;--fg:#2A1E17;--fg-secondary:#735F52;--accent:#4A3222;--border:#E5DCD0;--surface:#F2EAE1;--selection:rgba(163, 116, 79, 0.22);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1.0625rem;--text-md:1.25rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:2.75rem;--text-3xl:3.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-width:1200px;--content-width:850px;--blur:20px;--transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme=dark]{--bg:#120D0A;--bg-rgb:18, 13, 10;--fg:#F4EDE4;--fg-secondary:#A69485;--accent:#D4A373;--border:#2E221B;--surface:#1E1612;--selection:rgba(212, 163, 115, 0.3)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw;width:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--fg);line-height:1.47059;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";transition:background-color var(--transition),color var(--transition);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}main{flex:1 0 auto;width:100%;max-width:100vw;overflow-x:hidden}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:var(--transition)}li{list-style:none}::selection{background:var(--selection)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-6);width:100%}.content-narrow{max-width:var(--content-width);margin:0 auto;width:100%}.nav{position:sticky;top:0;z-index:1000;height:64px;background:rgba(var(--bg-rgb),.7);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-bottom:.5px solid var(--border);width:100%}.nav-inner{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;gap:var(--space-4)}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:-.03em;color:var(--fg);white-space:nowrap;flex-shrink:0}.nav-links{display:flex;gap:var(--space-6);align-items:center;flex-shrink:0}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--fg-secondary);display:flex;align-items:center;height:100%}.nav-link:hover{color:var(--fg)}.resume-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:20px;font-size:var(--text-xs);font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,4%)}.resume-btn svg{transition:transform .2s ease}.resume-btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.12)}.resume-btn:hover svg{transform:translateY(1px)}.hero{padding:var(--space-16)0 var(--space-12);text-align:left}.hero-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.035em;line-height:1.1;margin-bottom:var(--space-3);color:var(--fg);background:0 0;-webkit-text-fill-color:initial}.hero-subtitle{font-size:var(--text-base);color:var(--fg-secondary);font-weight:400;line-height:1.47059;letter-spacing:-.011em;max-width:550px;margin:0}.post-list{padding-bottom:var(--space-16)}.post-row{display:block;padding:var(--space-8)0;border-bottom:.5px solid var(--border);transition:var(--transition)}@media(hover:hover) and (pointer:fine){.post-row:hover{transform:translateX(var(--space-2))}}.post-row-inner{display:grid;grid-template-columns:140px 1fr;gap:var(--space-8);align-items:baseline}.post-date{font-size:var(--text-sm);color:var(--fg-secondary);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.006em}.post-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2);color:var(--fg)}.post-summary{font-size:var(--text-base);color:var(--fg-secondary);line-height:1.5;letter-spacing:-.005em;max-width:650px}.article-header{padding:var(--space-16)0 var(--space-12);text-align:left}.article-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.035em;line-height:1.1;margin-bottom:var(--space-4);color:var(--fg)}.article-meta{font-size:var(--text-sm);color:var(--fg-secondary);margin-bottom:var(--space-12)}.prose{font-size:var(--text-base);line-height:1.65;letter-spacing:-.011em;color:var(--fg);overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;width:100%;max-width:100%}.prose p{margin-bottom:var(--space-6);overflow-wrap:break-word;word-break:break-word}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--fg);font-family:var(--font-display);overflow-wrap:break-word;word-break:break-word}.prose h2{font-size:var(--text-xl);font-weight:700;margin:var(--space-16)0 var(--space-4);letter-spacing:-.025em}.prose h3{font-size:var(--text-lg);font-weight:600;margin:var(--space-12)0 var(--space-3);letter-spacing:-.018em}.prose h4{font-size:var(--text-md);font-weight:600;margin:var(--space-8)0 var(--space-2)}.prose strong,.prose b{font-weight:600;color:var(--fg)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:var(--transition);overflow-wrap:break-word;word-break:break-word}.prose a:hover{opacity:.8}.prose ul{list-style-type:disc;padding-left:var(--space-6);margin-bottom:var(--space-6)}.prose ol{list-style-type:decimal;padding-left:var(--space-6);margin-bottom:var(--space-6)}.prose li{list-style:inherit;margin-bottom:var(--space-2);line-height:1.6;overflow-wrap:break-word;word-break:break-word}.prose li>ul,.prose li>ol{margin-top:var(--space-2);margin-bottom:var(--space-2)}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.88em;background:var(--surface);border:1px solid var(--border);padding:.15em .4em;border-radius:4px;color:var(--fg);overflow-wrap:break-word;word-break:break-all;white-space:normal}.prose pre{background:var(--surface);border:1px solid var(--border);padding:var(--space-6);border-radius:12px;margin:var(--space-8)0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre;max-width:100%;width:100%;box-sizing:border-box}.prose pre code{background:0 0;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}.highlight{max-width:100%;width:100%;margin:var(--space-8)0;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.highlight .chroma{margin:0;max-width:100%}.chroma{background:var(--surface)!important;border:1px solid var(--border);padding:var(--space-6);border-radius:12px;margin:var(--space-8)0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;width:100%;box-sizing:border-box}.prose blockquote{border-left:3px solid var(--accent);padding:var(--space-2)0 var(--space-2)var(--space-4);margin:var(--space-6)0;color:var(--fg-secondary);font-style:italic;overflow-wrap:break-word;word-break:break-word}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--space-12)0}.prose table{width:100%;border-collapse:collapse;margin:var(--space-8)0;font-size:var(--text-sm);display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;box-sizing:border-box}.prose th,.prose td{border:1px solid var(--border);padding:var(--space-3)var(--space-4);text-align:left}.prose th{background:var(--surface);font-weight:600}.katex-display{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%;padding:var(--space-3)0;margin:var(--space-6)0!important}.katex{font-size:1.05em;max-width:100%}.prose img{border-radius:8px;margin:var(--space-6)auto;max-width:100%;height:auto}.footer{margin-top:auto;padding:var(--space-16)0 var(--space-12);border-top:.5px solid var(--border);color:var(--fg-secondary);font-size:var(--text-xs);text-align:center}.search-wrapper,.home-search-wrapper{position:relative}#search-input{background:var(--surface);border:1px solid var(--border);padding:var(--space-2)var(--space-4);border-radius:8px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--fg);outline:none;width:140px;transition:var(--transition)}#home-search-input{background:var(--surface);border:1px solid var(--border);padding:var(--space-4)var(--space-6);border-radius:12px;font-family:var(--font-sans);font-size:var(--text-base);color:var(--fg);outline:none;width:100%;max-width:600px;transition:var(--transition);box-shadow:0 4px 12px rgba(42,30,23,5%)}#home-search-input::placeholder{color:var(--fg-secondary);opacity:.75}#home-search-input:focus{background:var(--surface);border-color:#8c5e3c;box-shadow:0 0 0 3px rgba(140,94,60,.2)}.search-results-container{position:absolute;top:100%;width:100%;max-height:400px;background:var(--bg);border:1px solid var(--border);border-radius:var(--space-3);margin-top:var(--space-2);box-shadow:0 10px 30px rgba(0,0,0,.1);overflow-y:auto;display:none;z-index:1001}#search-results{right:0;width:350px;max-width:calc(100vw - 2rem)}#home-search-results{left:0;width:100%;max-width:600px}[data-theme=dark] .search-results-container{box-shadow:0 10px 30px rgba(0,0,0,.5)}.search-item{padding:var(--space-4);border-bottom:.5px solid var(--border);transition:var(--transition)}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--surface)}.search-item a{display:block}.search-item-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.search-item-meta{font-size:var(--text-xs);color:var(--fg-secondary)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1)forwards}@media(max-width:768px){:root{--text-3xl:2.25rem;--text-2xl:1.75rem;--text-xl:1.35rem;--text-lg:1.15rem;--text-base:1rem;--space-16:2.5rem;--space-12:2rem;--space-10:1.5rem;--space-8:1.25rem}.container{padding:0 var(--space-4)}.nav{height:56px}.nav-logo{font-size:1.25rem}.nav-links{gap:var(--space-3)}.resume-btn{padding:4px 10px;font-size:var(--text-xs);gap:4px}.hero{padding:var(--space-10)0 var(--space-8)}.hero-title{font-size:var(--text-2xl)}.article-header{padding:var(--space-10)0 var(--space-6)}.article-title{font-size:var(--text-2xl);line-height:1.18;margin-bottom:var(--space-3);word-break:break-word}.article-meta{margin-bottom:var(--space-6);font-size:var(--text-xs)}.post-list{padding-bottom:var(--space-10)}.post-row{padding:var(--space-4)0}.post-row-inner{grid-template-columns:1fr;gap:var(--space-1)}.post-title{font-size:1.15rem;line-height:1.3}.post-summary{font-size:var(--text-sm)}.prose{font-size:var(--text-sm);line-height:1.6}.prose pre,.chroma{padding:var(--space-4);font-size:.8125rem;border-radius:8px;margin:var(--space-6)0}.prose ul,.prose ol{padding-left:var(--space-4)}.mermaid-wrap{padding:1rem .5rem;margin:1.5rem 0;border-radius:8px}.footer{padding:var(--space-10)0 var(--space-6)}}@media(max-width:480px){:root{--text-2xl:1.5rem}.container{padding:0 .875rem}.nav-inner{gap:var(--space-2)}.nav-logo{font-size:1.1rem;max-width:140px;overflow:hidden;text-overflow:ellipsis}.nav-links{gap:var(--space-2)}.resume-btn{padding:4px 8px;font-size:.7rem}.article-title{font-size:1.45rem}#home-search-input{padding:var(--space-3)var(--space-4);font-size:var(--text-sm)}}.toc-sidebar{display:none}@media(min-width:1100px){.toc-sidebar{display:block;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.toc-sidebar::-webkit-scrollbar{display:none;width:0;height:0}}.toc-sidebar #TableOfContents{border-left:1.5px solid var(--border);padding-left:0}.toc-sidebar #TableOfContents>ul{list-style:none;padding:0;margin:0}.toc-sidebar #TableOfContents>ul>li{list-style:none;margin:2px 0}.toc-sidebar #TableOfContents>ul>li>a{color:var(--fg-secondary);text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px 10px 6px 14px;font-size:var(--text-sm);line-height:1.35;border-left:2px solid transparent;margin-left:-1.5px;border-radius:0 6px 6px 0;transition:all .2s cubic-bezier(.4,0,.2,1);overflow-wrap:break-word;word-break:break-word}.toc-sidebar #TableOfContents>ul>li>a:hover{color:var(--fg);background:var(--surface)}.toc-sidebar #TableOfContents>ul>li>a.active{color:var(--fg);font-weight:600;border-left-color:var(--accent);background:var(--surface)}.toc-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--fg-secondary);transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s;cursor:pointer;border-radius:3px}.toc-sidebar #TableOfContents>ul>li>a:hover .toc-chevron{color:var(--fg)}.toc-sidebar #TableOfContents>ul>li.is-open>a .toc-chevron{transform:rotate(90deg);color:var(--fg)}.toc-sidebar #TableOfContents>ul>li>ul{display:none;list-style:none;margin:4px 0 6px 14px;padding:2px 0 2px 10px;border-left:1px solid var(--border)}.toc-sidebar #TableOfContents>ul>li.is-open>ul{display:block;animation:tocFadeIn .2s ease-out}@keyframes tocFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toc-sidebar #TableOfContents>ul>li>ul>li{list-style:none;margin:2px 0}.toc-sidebar #TableOfContents>ul>li>ul>li>a{color:var(--fg-secondary);text-decoration:none;display:block;padding:4px 8px;font-size:.8125rem;line-height:1.35;border-radius:4px;border-left:none;transition:all .15s ease;overflow-wrap:break-word;word-break:break-word}.toc-sidebar #TableOfContents>ul>li>ul>li>a:hover{color:var(--fg);background:var(--surface)}.toc-sidebar #TableOfContents>ul>li>ul>li>a.active{color:var(--fg);font-weight:600;background:var(--surface)}@view-transition{navigation: auto;
}