:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-elevated:#fff;--bg-code:#1a1a1a;--text-primary:#0a0a0a;--text-secondary:#525252;--text-tertiary:#a3a3a3;--text-inverted:#fff;--text-code:#e5e5e5;--accent-primary:#0a0a0a;--accent-hover:#262626;--accent-light:#0a0a0a0d;--accent-muted:#737373;--accent-color:#4f46e5;--accent-color-hover:#4338ca;--accent-color-light:#4f46e514;--accent-color-muted:#4f46e599;--accent-gradient:linear-gradient(135deg,#4f46e5,#7c3aed);--border-color:#e5e5e5;--border-hover:#0a0a0a;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f;--code-bg:#f8f9fa;--code-text:#24292e;--code-comment:#6a737d;--code-keyword:#d73a49;--code-string:#032f62;--code-function:#6f42c1;--code-number:#005cc5;--code-operator:#d73a49;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-sans:"Outfit","Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1f1f1f;--bg-elevated:#1a1a1a;--bg-code:#0a0a0a;--text-primary:#fafafa;--text-secondary:#d4d4d4;--text-tertiary:#a3a3a3;--text-inverted:#0a0a0a;--text-code:#e5e5e5;--accent-primary:#fafafa;--accent-hover:#e5e5e5;--accent-light:#fafafa1a;--accent-muted:#a3a3a3;--accent-color:#818cf8;--accent-color-hover:#a5b4fc;--accent-color-light:#818cf81f;--accent-color-muted:#818cf899;--accent-gradient:linear-gradient(135deg,#818cf8,#a78bfa);--border-color:#2a2a2a;--border-hover:#fafafa;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009;--code-bg:#141414;--code-text:#e5e5e5;--code-comment:#8b949e;--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-function:#d2a8ff;--code-number:#79c0ff;--code-operator:#ff7b72}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);font-weight:400;line-height:1.7;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(80px);z-index:-1;opacity:.05;pointer-events:none;border-radius:50%;width:50vw;height:50vw;animation:20s infinite alternate blob-float;position:fixed}[data-theme=dark] body:before,[data-theme=dark] body:after{opacity:.1}body:before{background:radial-gradient(circle,#4f46e5 0%,#0000 70%);top:-10vw;left:-10vw}body:after{background:radial-gradient(circle,#ec4899 0%,#0000 70%);animation-delay:-10s;bottom:-10vw;right:-10vw}@keyframes blob-float{0%{transform:translate(0)scale(1)}to{transform:translate(10vw,5vw)scale(1.1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.125rem,2vw,1.375rem)}p{color:var(--text-secondary);line-height:1.8}a{color:inherit;transition:all var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-muted)}strong,b{color:var(--text-primary);font-weight:700}.container{width:100%;max-width:1000px;padding:0 var(--space-lg);margin:0 auto}.container-narrow{max-width:720px}.header{z-index:100;background:rgba(var(--bg-rgb,255,255,255),.7);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-normal),border-color var(--transition-normal);position:sticky;top:0}:root{--bg-rgb:255,255,255}[data-theme=dark]{--bg-rgb:10,10,10}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:var(--text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.logo:hover{color:var(--accent-muted)}.nav{align-items:center;gap:var(--space-xs);display:flex}.nav-link{color:var(--text-secondary);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-normal);font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--text-primary);background:var(--accent-light)}.nav-icon-link{align-items:center;gap:.25rem;display:flex}.theme-toggle{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-normal);background:0 0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--accent-light);border-color:var(--text-primary)}.theme-toggle svg{width:16px;height:16px;color:var(--text-secondary)}.theme-toggle:hover svg{color:var(--text-primary)}.hero{padding:var(--space-4xl)0 var(--space-3xl)}.hero-badge{align-items:center;gap:var(--space-sm);padding:var(--space-xs)var(--space-md);background:var(--accent-light);color:var(--text-primary);border-radius:var(--radius-full);border:1px solid var(--border-color);margin-bottom:var(--space-lg);font-size:.8rem;font-weight:500;display:inline-flex}.hero-badge:before{content:"";background:var(--text-primary);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{margin-bottom:var(--space-sm);display:block}.hero-title .gradient-text{display:block}.hero-title .gradient-text>span>span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);margin-bottom:var(--space-md);font-size:.8rem;font-weight:600;font-family:var(--font-mono)}.hero-subtitle{color:var(--text-tertiary);margin-bottom:var(--space-lg);font-size:1.25rem;font-weight:500;font-family:var(--font-mono);letter-spacing:0}.hero-description{max-width:540px;color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1.0625rem;line-height:1.8}.hero-tech-stack{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.hero-tech-item{padding:var(--space-xs)var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-normal);align-items:center;font-size:.8rem;font-weight:500;display:inline-flex}.hero-tech-item:hover{border-color:var(--text-primary);color:var(--text-primary)}.hero-cta{gap:var(--space-md);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;border:1px solid #0000;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--text-inverted);border-color:var(--text-primary)}.btn-primary:hover{background:var(--accent-hover);color:var(--text-inverted);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--text-primary)}.section{padding:var(--space-3xl)0}.section-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.section-title{letter-spacing:-.02em;font-size:1.375rem;font-weight:600}.section-link{color:var(--text-tertiary);align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:500;display:flex}.section-link:hover{color:var(--text-primary)}.posts-grid{gap:var(--space-lg);padding:var(--space-lg)0 var(--space-4xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.post-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);display:block;overflow:hidden}.post-card:hover{border-color:var(--accent-color-muted);transform:translateY(-2px);box-shadow:0 8px 30px #4f46e514}[data-theme=dark] .post-card:hover{box-shadow:0 8px 30px #818cf80f}.post-card-cover{background:var(--bg-tertiary);width:100%;height:160px;position:relative;overflow:hidden}.post-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.post-card:hover .post-card-cover img{transform:scale(1.03)}.post-card-cover-placeholder{background:var(--bg-tertiary);width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.post-card-content{padding:var(--space-lg)}.post-card-meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.post-card-date{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono)}.post-card-title{margin-bottom:var(--space-sm);transition:color var(--transition-fast);letter-spacing:-.02em;font-size:1.0625rem;font-weight:600;line-height:1.5}.post-card:hover .post-card-title{color:var(--accent-color)}.post-card-description{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.7;display:-webkit-box;overflow:hidden}.post-card-tags{margin-top:.75rem}.tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tag{color:var(--accent-color);background:var(--accent-color-light);border-radius:var(--radius-full);font-size:.7rem;font-weight:500;font-family:var(--font-mono);letter-spacing:0;transition:all var(--transition-fast);align-items:center;padding:2px 10px;display:inline-flex}.tag:hover{color:var(--text-inverted);background:var(--accent-color)}a.tag-link{cursor:pointer;text-decoration:none}.project-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.project-card:hover{border-color:var(--text-primary)}.project-card-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.project-card-title{margin-bottom:var(--space-xs);align-items:baseline;gap:var(--space-md);letter-spacing:-.02em;font-size:1.125rem;font-weight:600;display:flex}.project-card-period{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono);font-weight:400}.project-card-description{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.project-card-body{padding:var(--space-lg)}.project-card-section{margin-bottom:var(--space-lg)}.project-card-section:last-child{margin-bottom:0}.project-card-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);font-size:.7rem;font-weight:600}.project-card-tech{gap:var(--space-xs);flex-wrap:wrap;display:flex}.project-card-links{gap:var(--space-sm);display:flex}.project-link{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-normal);font-size:.8rem;font-weight:500;display:inline-flex}.project-link:hover{background:var(--text-primary);color:var(--text-inverted)}.skills-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.skill-category{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.skill-category-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);align-items:center;font-size:.75rem;font-weight:600;display:flex}.skill-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skill-item{padding:var(--space-xs)var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-normal);align-items:center;font-size:.8rem;font-weight:500;display:inline-flex}.skill-item:hover{color:var(--text-primary)}.skill-item.primary{background:var(--text-primary);color:var(--text-inverted)}.skill-item.primary:hover{background:var(--accent-hover)}.post-header{padding:var(--space-3xl)0 var(--space-xl)}.post-header-back{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);margin-bottom:var(--space-xl);transition:all var(--transition-normal);font-size:.875rem;font-weight:500;display:inline-flex}.post-header-back:hover{color:var(--text-primary)}.post-header-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);color:var(--text-tertiary);font-size:.8rem;font-family:var(--font-mono);display:flex}.post-header-title{margin-bottom:var(--space-lg)}.post-header-tags{justify-content:flex-start}.post-cover{border-radius:var(--radius-lg);width:100%;height:360px;margin-bottom:var(--space-2xl);position:relative;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%}.post-content{padding-bottom:var(--space-4xl);font-size:1rem;line-height:1.85}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin-top:var(--space-2xl);margin-bottom:var(--space-md);letter-spacing:-.02em;font-weight:600}.post-content h1{font-size:1.625rem}.post-content h2{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);font-size:1.375rem}.post-content h3{font-size:1.125rem}.post-content p{margin-bottom:var(--space-lg);color:var(--text-secondary)}.post-content ul,.post-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-lg);color:var(--text-secondary)}.post-content li{margin-bottom:var(--space-sm);line-height:1.85}.post-content li>ul,.post-content li>ol{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.post-content li::marker{color:var(--text-tertiary)}.post-content ul li:has(input[type=checkbox]){margin-left:calc(var(--space-xl)*-1 + .5rem);align-items:flex-start;gap:var(--space-sm);padding-left:0;list-style-type:none;display:flex}.post-content input[type=checkbox]{appearance:none;border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:1.15rem;height:1.15rem;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;margin-top:.15rem;position:relative}.post-content input[type=checkbox]:checked{background:var(--text-primary);border-color:var(--text-primary)}.post-content input[type=checkbox]:checked:after{content:"✓";color:var(--text-inverted);font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-content input[type=checkbox]:checked+p,.post-content input[type=checkbox]:checked+span{opacity:.6;text-decoration:line-through}.post-content blockquote{padding:var(--space-lg);margin:var(--space-lg)0;background:var(--bg-secondary);border-left:3px solid var(--accent-muted);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--text-secondary);font-style:normal;position:relative}.post-content blockquote p{margin-bottom:0}.post-content code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);padding:.15em .4em;font-size:.875em;font-weight:500}.post-content strong code,.post-content b code{color:var(--text-primary);font-weight:700}.post-content em code,.post-content i code{font-style:italic}.post-content del code,.post-content s code{text-decoration:line-through}.post-content pre{margin:var(--space-xl)0;padding:var(--space-lg);background:var(--code-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);position:relative;overflow-x:auto}.post-content pre code{color:var(--code-text);background:0 0;padding:0;font-size:.875rem;font-weight:400;line-height:1.7}.post-content figure{margin:var(--space-xl)0;text-align:center}.post-content img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--space-sm)0;border:1px solid var(--border-color);margin-left:auto;margin-right:auto;display:block}.post-content figcaption{color:var(--text-tertiary);margin-top:var(--space-sm);font-size:.85rem;font-style:italic}.post-content a{color:var(--accent-color);text-decoration:underline;-webkit-text-decoration-color:var(--accent-color-muted);text-decoration-color:var(--accent-color-muted);text-underline-offset:3px;transition:all var(--transition-fast)}.post-content a:hover{-webkit-text-decoration-color:var(--accent-color);text-decoration-color:var(--accent-color);color:var(--accent-color-hover)}.post-content hr{background:var(--border-color);height:1px;margin:var(--space-2xl)0;border:none}.table-wrapper{width:100%;margin:var(--space-xl)0;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}.post-content table{border-collapse:collapse;border:none;width:100%;margin:0;font-size:.9rem}.post-content th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.post-content th,.post-content td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.post-content th:last-child,.post-content td:last-child{border-right:none}.post-content tr:last-child td{border-bottom:none}.post-content .callout,.post-content .notion-callout{gap:var(--space-md);padding:var(--space-lg);margin:var(--space-lg)0;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex}.post-content .callout-icon,.post-content .notion-callout-icon{flex-shrink:0;font-size:1.25rem}.post-content .callout-content,.post-content .notion-callout-content{flex:1}.footer{padding:var(--space-3xl)0 var(--space-xl);text-align:center;color:var(--text-tertiary);border-top:1px solid var(--border-color);font-size:.8rem}.footer a{color:var(--text-secondary);font-weight:500}.footer a:hover{color:var(--text-primary)}.footer-content{margin-bottom:var(--space-xl)}.footer-tagline{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.875rem;line-height:1.6}.footer-links{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.footer-social-link{width:36px;height:36px;color:var(--text-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.footer-social-link:hover{color:var(--accent-color);border-color:var(--accent-color);background:var(--accent-color-light)}.footer-bottom{padding-top:var(--space-md);border-top:1px solid var(--border-color)}.empty-state{text-align:center;padding:var(--space-4xl)var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-state-icon{margin-bottom:var(--space-lg);color:var(--text-tertiary);font-size:2.5rem}.empty-state-title{margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.empty-state-description{color:var(--text-tertiary);font-size:.9rem;line-height:1.8}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fade-in-up}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.about-intro{margin-bottom:var(--space-3xl)}.about-info h1{margin-bottom:var(--space-xs)}.about-role{color:var(--text-tertiary);margin-bottom:var(--space-lg);font-size:1rem;font-weight:500;font-family:var(--font-mono)}.about-bio{color:var(--text-secondary);font-size:.95rem;line-height:1.85}.contact-links{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.contact-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-normal);font-size:.85rem;font-weight:500;display:inline-flex}.contact-link:hover{background:var(--text-primary);color:var(--text-inverted)}@media (max-width:768px){.posts-grid{grid-template-columns:1fr}.hero{padding:var(--space-2xl)0;text-align:center}.hero-description{margin-left:auto;margin-right:auto}.hero-tech-stack,.hero-cta{justify-content:center}.header-inner{height:56px}.nav-link{padding:var(--space-xs)var(--space-sm);font-size:.8rem}.section-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.about-intro{text-align:center}.contact-links{justify-content:center}}.hljs{color:var(--code-text)!important;background:0 0!important}.hljs-comment,.hljs-quote{color:var(--code-comment);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:var(--code-keyword)}.hljs-string,.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:var(--code-string)}.hljs-function,.hljs-title.function_{color:var(--code-function)}.hljs-number{color:var(--code-number)}.hljs-deletion,.hljs-meta{color:var(--code-operator)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-color);color:#fff}.post-relative-container{max-width:720px;margin:0 auto;position:relative}.post-toc{width:250px;height:100%;padding-bottom:100px;display:none;position:absolute;top:0;left:calc(100% + 48px)}@media (min-width:1200px){.post-toc{display:block}}.post-toc-inner{max-height:calc(100vh - 160px);position:sticky;top:120px;overflow-y:auto}.post-toc-inner::-webkit-scrollbar{width:3px}.post-toc-inner::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.post-layout-container{max-width:720px;padding:0 var(--space-lg);margin:0 auto;position:relative}.post-main-column{width:100%}.post-sidebar-column{width:260px;padding-top:300px;display:none;position:absolute;top:0;bottom:0;left:calc(100% + 4rem)}@media (min-width:1300px){.post-sidebar-column{display:block}}.post-header{margin-bottom:var(--space-3xl);text-align:left}.post-cover{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-3xl);border:1px solid var(--border-color);position:relative;overflow:hidden}.toc-container{position:sticky;top:100px}.toc-inner{border-left:1px solid var(--border-color);padding:4px 0 4px var(--space-lg)}.toc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:1rem;font-size:.7rem;font-weight:700}.toc-list{flex-direction:column;gap:10px;list-style:none;display:flex}.toc-item a{color:var(--text-tertiary);transition:all var(--transition-fast);font-size:.8rem;line-height:1.4;text-decoration:none;display:block}.toc-item:hover a,.toc-item.active a{color:var(--text-primary)}.toc-item.active{position:relative}.toc-item.active:before{content:"";left:calc(var(--space-lg)*-1 - 1px);background:var(--accent-color);width:2px;position:absolute;top:2px;bottom:2px}.toc-item.active a{color:var(--accent-color)}.toc-level-3{padding-left:1.25rem}.toc-level-3 a{font-size:.75rem}.zoom-image{cursor:zoom-in;transition:transform var(--transition-slow)}.image-zoom-container.zoomed .zoom-image{cursor:zoom-out}.mermaid-wrapper{margin:var(--space-2xl)0;background:var(--bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);justify-content:center;width:100%;max-width:100%;display:flex;overflow:hidden}.mermaid-container{justify-content:center;align-items:center;width:100%;display:flex}.mermaid-container svg{max-width:100%;height:auto;display:block}.code-block-wrapper{margin:var(--space-xl)0;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--code-bg);overflow:hidden}.code-block-header{padding:var(--space-sm)var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.code-block-lang{font-size:.75rem;font-family:var(--font-mono);color:var(--text-tertiary);text-transform:lowercase}.copy-button{border:1px solid var(--border-color);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;display:flex}.copy-button:hover{color:var(--text-primary);background:#ffffff0d;border-color:#fff3}.code-block-wrapper pre{border:none!important;border-radius:0!important;margin:0!important}.search-container{margin-bottom:var(--space-2xl);max-width:400px;position:relative}.search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-normal);padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.search-input:focus{border-color:var(--text-primary);background:var(--bg-primary);box-shadow:var(--shadow-sm);outline:none}.search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.post-card{content-visibility:auto;contain-intrinsic-size:auto 320px}.post-content{content-visibility:auto;contain-intrinsic-size:auto 800px}.footer{content-visibility:auto;contain-intrinsic-size:auto 180px}.back-to-top{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);z-index:50;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.share-section{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-color)}.share-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-md);font-size:.75rem;font-weight:600}.share-buttons{gap:var(--space-sm);display:flex}.share-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:.8rem;font-weight:500;display:flex}.share-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-color-light)}.share-btn.copied{color:#10b981;background:#10b98114;border-color:#10b981}.related-posts{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-color)}.related-posts-title{letter-spacing:-.02em;margin-bottom:var(--space-lg);font-size:1.125rem;font-weight:600}.related-posts-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.related-post-card{padding:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);text-decoration:none;display:block}.related-post-card:hover{border-color:var(--accent-color-muted);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.related-post-card-title{color:var(--text-primary);margin-bottom:var(--space-xs);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.related-post-card:hover .related-post-card-title{color:var(--accent-color)}.related-post-card-date{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono)}.mobile-toc-toggle{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;z-index:50;box-shadow:var(--shadow-md);transition:all var(--transition-normal);justify-content:center;align-items:center;display:none;position:fixed;bottom:2rem;right:5rem}.mobile-toc-toggle:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}@media (max-width:1299px){.mobile-toc-toggle{display:flex}}.mobile-toc-overlay{z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0006;position:fixed;inset:0}.mobile-toc-overlay.open{opacity:1;pointer-events:auto}.mobile-toc-drawer{background:var(--bg-primary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:201;max-height:60vh;transition:transform var(--transition-slow);padding:var(--space-xl)var(--space-lg)var(--space-2xl);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.mobile-toc-overlay.open .mobile-toc-drawer{transform:translateY(0)}.mobile-toc-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.mobile-toc-close{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.mobile-toc-close:hover{background:var(--accent-color-light);color:var(--accent-color)}.cmd-palette-overlay{z-index:300;background:#00000080;justify-content:center;align-items:flex-start;padding-top:20vh;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);overflow:hidden}.cmd-palette-input-wrapper{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--border-color);align-items:center;gap:var(--space-sm);display:flex}.cmd-palette-input-wrapper svg{color:var(--text-tertiary);flex-shrink:0}.cmd-palette-input{color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.cmd-palette-input::placeholder{color:var(--text-tertiary)}.cmd-palette-results{max-height:320px;padding:var(--space-sm);overflow-y:auto}.cmd-palette-item{align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);color:inherit;text-decoration:none;display:flex}.cmd-palette-item:hover,.cmd-palette-item.active{background:var(--accent-color-light)}.cmd-palette-item-title{color:var(--text-primary);font-size:.875rem;font-weight:500}.cmd-palette-item-desc{color:var(--text-tertiary);margin-top:2px;font-size:.75rem}.cmd-palette-empty{padding:var(--space-2xl);text-align:center;color:var(--text-tertiary);font-size:.875rem}.cmd-palette-footer{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-lg);border-top:1px solid var(--border-color);color:var(--text-tertiary);font-size:.7rem;display:flex}.cmd-palette-footer kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);font-size:.65rem;font-family:var(--font-mono);color:var(--text-secondary);border-radius:4px;align-items:center;padding:1px 6px;display:inline-flex}.tags-page-header{padding:var(--space-3xl)0 var(--space-xl)}.tags-cloud{gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap;display:flex}.tag-chip{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.tag-chip:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-color-light)}.tag-chip.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tag-chip-count{color:var(--text-tertiary);font-size:.7rem;font-family:var(--font-mono)}.tag-chip.active .tag-chip-count{color:#fffc}.about-header{align-items:center;gap:var(--space-2xl);margin-bottom:var(--space-3xl);display:flex}.about-avatar{border-radius:var(--radius-xl);background:var(--text-primary);width:88px;height:88px;color:var(--text-inverted);letter-spacing:-.02em;border:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;font-weight:600;display:flex}.about-section{margin-bottom:var(--space-3xl)}.about-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-color);margin-bottom:var(--space-lg);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.not-found-section{text-align:center;min-height:60vh;padding:var(--space-4xl)var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-code{background:var(--accent-gradient);-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:800;line-height:1}.not-found-title{margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.not-found-desc{color:var(--text-tertiary);margin-bottom:var(--space-2xl);font-size:.9rem}.not-found-btn{align-items:center;gap:var(--space-sm);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);transition:transform var(--transition-normal),box-shadow var(--transition-normal);padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.not-found-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #4f46e54d}.search-hint{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);color:var(--text-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.7rem;display:none}.search-hint:hover{border-color:var(--accent-color);color:var(--accent-color)}@media (min-width:768px){.search-hint{display:flex}}.reading-time{align-items:center;display:inline-flex}@media (max-width:768px){.about-header{text-align:center;flex-direction:column}.contact-links{justify-content:center}.share-buttons{flex-wrap:wrap}.related-posts-grid{grid-template-columns:1fr}.cmd-palette{margin:0 var(--space-md)}.back-to-top{bottom:1.5rem;right:1rem}.mobile-toc-toggle{bottom:1.5rem;right:3.75rem}}