@import 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..900;1,14..32,300..900&family=JetBrains+Mono:ital,wght@0,400;0,500;1,400&display=swap';:root{--font-sans:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-serif:'Lora', 'Georgia', 'Times New Roman', serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;--bg:#0c0c0c;--bg-surface:#141414;--bg-elevated:#1c1c1c;--border:#282828;--border-subtle:#232323;--text:#e4e4e4;--text-2:#888888;--text-3:#555555;--accent:#22c55e;--accent-2:#4ade80;--accent-sub:rgba(34, 197, 94, 0.12);--accent-glow:rgba(34, 197, 94, 0.28);--sidebar-w:260px;--content-max:780px;--radius-s:5px;--radius:10px;--radius-l:14px;--shadow-s:0 1px 4px rgba(0,0,0,.4);--shadow:0 4px 20px rgba(0,0,0,.5);--shadow-l:0 8px 40px rgba(0,0,0,.6);--ease:cubic-bezier(.4,0,.2,1);--t1:.15s;--t2:.25s;--t3:.4s}[data-theme=light]{--bg:#f7f7f8;--bg-surface:#ffffff;--bg-elevated:#f0f0f1;--border:#e5e5e7;--border-subtle:#ececee;--text:#111111;--text-2:#555555;--text-3:#aaaaaa;--accent:#16a34a;--accent-2:#22c55e;--accent-sub:rgba(22, 163, 74, 0.08);--accent-glow:rgba(22, 163, 74, 0.2);--shadow-s:0 1px 4px rgba(0,0,0,.06);--shadow:0 4px 20px rgba(0,0,0,.09);--shadow-l:0 8px 40px rgba(0,0,0,.13)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}body{font-family:var(--font-sans);font-size:16px;line-height:1.75;background:var(--bg);color:var(--text);transition:background var(--t3)var(--ease),color var(--t3)var(--ease);overflow-x:hidden;font-optical-sizing:auto}.bg-tetris{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.45}.layout{position:relative;z-index:1;display:flex;min-height:100vh}.content-wrapper{margin-left:var(--sidebar-w);flex:1;min-width:0;padding:3.5rem 2.5rem;display:flex;justify-content:center;transition:margin-left var(--t2)var(--ease)}.main{width:100%;max-width:var(--content-max)}.progress-bar{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:200;transition:width .1s linear;box-shadow:0 0 10px var(--accent-glow)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow-y:auto;overflow-x:hidden;transition:transform var(--t2)var(--ease),background var(--t3)var(--ease),border-color var(--t3)var(--ease)}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:1.75rem 1.25rem 1.25rem}.profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.25rem}.avatar-wrap{position:relative;display:inline-block;margin-bottom:.875rem}.avatar{width:108px;height:108px;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--border);transition:border-color var(--t2)var(--ease),box-shadow var(--t2)var(--ease),transform var(--t2)var(--ease),filter var(--t2)var(--ease)}.avatar-wrap::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent;background:conic-gradient(from 0,var(--accent),transparent 35%,var(--accent))border-box;-webkit-mask:linear-gradient(#fff 0 0)padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity var(--t2)var(--ease)}.avatar-wrap:hover::after{opacity:1;animation:avatar-ring-spin 1.2s linear infinite}.avatar-wrap:hover .avatar{border-color:var(--accent);transform:translateY(-3px)scale(1.05);filter:saturate(1.08);box-shadow:0 0 0 4px var(--bg-surface),0 0 0 5px var(--border),0 0 20px var(--accent-glow)}@keyframes avatar-ring-spin{to{transform:rotate(360deg)}}.site-name{font-size:.9375rem;font-weight:700;color:var(--text);letter-spacing:-.02em;text-decoration:none;transition:color var(--t1)var(--ease);line-height:1.2}.site-name:hover{color:var(--accent)}.site-tagline{font-size:.6875rem;color:var(--text-3);margin-top:.25rem;letter-spacing:.07em;text-transform:uppercase;font-weight:500}.nav{flex:1}.nav ul{list-style:none;display:flex;flex-direction:column;gap:.125rem}.nav-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--radius-s);color:var(--text-2);text-decoration:none;font-size:.8438rem;font-weight:500;transition:color var(--t1)var(--ease),background var(--t1)var(--ease);position:relative}.nav-link:hover{color:var(--text);background:var(--bg-elevated)}.nav-link.active{color:var(--accent);background:var(--accent-sub)}@keyframes indicatorIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}.nav-link.active::before{content:'';position:absolute;left:0;top:25%;bottom:25%;width:2px;background:var(--accent);border-radius:0 2px 2px 0;animation:indicatorIn .2s var(--ease)both}.nav-icon{width:1rem;height:1rem;flex-shrink:0;opacity:.6;transition:opacity var(--t1)var(--ease)}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{opacity:1}.sidebar-footer{padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.social{display:flex;gap:.25rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-s);color:var(--text-3);text-decoration:none;transition:color var(--t1)var(--ease),background var(--t1)var(--ease)}.social-link:hover{color:var(--accent);background:var(--accent-sub)}.social-link svg{width:1rem;height:1rem}.theme-toggle-wrap{display:flex;justify-content:center}.theme-btn{display:flex;align-items:center;gap:.4rem;padding:.375rem .75rem;border-radius:99px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-2);font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;transition:color var(--t1)var(--ease),background var(--t1)var(--ease),border-color var(--t1)var(--ease)}.theme-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-sub)}.theme-btn svg{width:.875rem;height:.875rem}.icon-sun{display:none}.icon-moon{display:block}[data-theme=light] .icon-sun{display:block}[data-theme=light] .icon-moon{display:none}.topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:150;align-items:center;justify-content:space-between;padding:0 1rem;gap:.75rem;transition:background var(--t3)var(--ease),border-color var(--t3)var(--ease)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-brand{font-size:.9375rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em}.icon-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-s);background:0 0;border:none;color:var(--text-2);cursor:pointer;transition:color var(--t1)var(--ease),background var(--t1)var(--ease)}.icon-btn:hover{color:var(--text);background:var(--bg-elevated)}.icon-btn svg{width:1.25rem;height:1.25rem}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--t2)var(--ease)}.sidebar-overlay.active{opacity:1;pointer-events:auto}.hero{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.hero-title{font-size:2rem;font-weight:800;letter-spacing:-.035em;line-height:1.2;color:var(--text)}.hero-desc{font-size:1.0625rem;color:var(--text-2);margin-top:.75rem;line-height:1.7}.hero-link{display:inline-block;margin-top:1rem;font-size:.875rem;font-weight:600;color:var(--accent);text-decoration:none;transition:color var(--t1)var(--ease)}.hero-link:hover{color:var(--accent-2)}.home-section-header{margin-bottom:1.5rem}.home-section-title{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.post-list{display:flex;flex-direction:column}.post-card{display:block;padding:1.5rem 0;border-bottom:1px solid var(--border-subtle);text-decoration:none;color:inherit;transition:transform var(--t1)var(--ease);opacity:0;transform:translateY(12px);animation:fadeUp .4s var(--ease)forwards}.post-card:last-child{border-bottom:none}.post-card:hover .post-title{color:var(--accent)}.post-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.post-category{font-size:.6875rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);text-decoration:none}.meta-sep{color:var(--border);font-size:.75rem}.post-date,.post-rtime{font-size:.8rem;color:var(--text-2);font-feature-settings:"tnum"}.post-title{font-size:1.1875rem;font-weight:700;color:var(--text);letter-spacing:-.025em;line-height:1.35;margin-bottom:.4rem;transition:color var(--t1)var(--ease)}.post-summary{font-size:.875rem;color:var(--text-2);line-height:1.65}.post-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.75rem}.tag{display:inline-flex;align-items:center;padding:.175rem .5rem;border-radius:99px;font-size:.6875rem;font-weight:500;color:var(--text-2);background:var(--bg-elevated);border:1px solid var(--border);text-decoration:none;transition:color var(--t1)var(--ease),background var(--t1)var(--ease),border-color var(--t1)var(--ease)}.tag:hover{color:var(--accent);background:var(--accent-sub);border-color:var(--accent)}.pagination{list-style:none;display:flex;justify-content:center;align-items:center;gap:.375rem;padding:3rem 0 1rem;flex-wrap:wrap}.page-item{display:flex}.page-item .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .625rem;border-radius:var(--radius-s);font-size:.875rem;font-weight:500;text-decoration:none;color:var(--text-2);background:var(--bg-elevated);border:1px solid var(--border);transition:color var(--t1)var(--ease),background var(--t1)var(--ease),border-color var(--t1)var(--ease)}.page-item .page-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-sub)}.page-item.active .page-link{color:var(--accent);background:var(--accent-sub);border-color:var(--accent);font-weight:600;cursor:default;pointer-events:none}.page-item.disabled .page-link{color:var(--text-3);background:0 0;border-color:var(--border-subtle);cursor:not-allowed;pointer-events:none;opacity:.4}.single-layout{display:grid;grid-template-columns:minmax(0,var(--content-max))minmax(0,1fr);gap:4rem;align-items:start;width:100%;max-width:980px;margin:0 auto}.article{min-width:0}.article-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.article-category{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-decoration:none;transition:color var(--t1)var(--ease)}.article-category:hover{color:var(--accent-2)}.article-title{font-size:clamp(1.75rem,4vw,2.375rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;color:var(--text);margin:.5rem 0 1.25rem}.article-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.8125rem;color:var(--text-2)}.article-meta .sep{color:var(--border)}.article-content{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85;color:var(--text)}.article-content>*+*{margin-top:1.25rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5{font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text);scroll-margin-top:1.5rem}.article-content h2{font-size:1.5rem;margin-top:3rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.article-content h3{font-size:1.25rem;margin-top:2.25rem}.article-content h4{font-size:1.0625rem;margin-top:1.75rem}.article-content p{color:var(--text)}.article-content a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:2px;transition:color var(--t1)var(--ease),text-decoration-color var(--t1)var(--ease)}.article-content a:hover{color:var(--accent-2);text-decoration-color:var(--accent-2)}.article-content strong{font-weight:600;color:var(--text)}.article-content em{font-style:italic}.article-content ul,.article-content ol{padding-left:1.5rem;display:flex;flex-direction:column;gap:.3rem}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{padding-left:.25rem}.article-content li::marker{color:var(--accent)}.article-content blockquote{position:relative;border-left:3px solid var(--accent);margin:1.75rem 0;padding:.75rem 1.25rem;background:var(--accent-sub);border-radius:0 var(--radius-s)var(--radius-s)0;font-style:italic}.article-content blockquote p{margin:0;color:var(--text-2)}.article-content blockquote p+p{margin-top:.5rem}.article-content :not(pre)>code{font-family:var(--font-mono);font-size:.84em;background:var(--bg-elevated);color:var(--accent-2);padding:.15em .4em;border-radius:4px;border:1px solid var(--border);font-style:normal}.article-content pre,.highlight pre{margin:1.75rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.article-content pre code{display:block;padding:1.25rem 1.375rem;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.65;background:#1a1a1a !important;color:#e4e4e4;border:none;border-radius:0}.highlight{margin:1.75rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.highlight pre{margin:0;border:none;border-radius:0}.highlight code,.highlight pre code{display:block;padding:1.25rem 1.375rem;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.65}.article-content table{width:100%;border-collapse:collapse;margin:1.75rem 0;font-size:.9rem;overflow:hidden;border-radius:var(--radius-s);border:1px solid var(--border);display:block;overflow-x:auto}.article-content thead{background:var(--bg-elevated)}.article-content th,.article-content td{padding:.625rem .875rem;border:1px solid var(--border);text-align:left;vertical-align:top}.article-content th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}.article-content tr:hover td{background:var(--bg-elevated)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin:1.75rem auto;display:block;box-shadow:var(--shadow)}.article-content em:has(+br),.article-content p>em:only-child{display:block;text-align:center;font-size:.8125rem;color:var(--text-3);margin-top:-.75rem;margin-bottom:1.25rem}.article-content hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.post-nav-link{display:block;padding:1rem;border-radius:var(--radius);border:1px solid var(--border);text-decoration:none;color:inherit;transition:border-color var(--t1)var(--ease),background var(--t1)var(--ease)}.post-nav-link:hover{border-color:var(--accent);background:var(--accent-sub)}.post-nav-link.next{text-align:right}.post-nav-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:.3rem}.post-nav-title{font-size:.875rem;font-weight:600;color:var(--text);line-height:1.4;transition:color var(--t1)var(--ease)}.post-nav-link:hover .post-nav-title{color:var(--accent)}.toc-container{display:none;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border)transparent}.toc-container::-webkit-scrollbar{width:3px}.toc-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.toc-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.75rem;padding-left:.75rem}.toc-list,#TableOfContents ul{list-style:none;display:flex;flex-direction:column;gap:1px;padding:0}#TableOfContents ul ul{padding-left:.75rem;margin-top:1px}.toc-link,#TableOfContents a{display:block;padding:.3rem .75rem;border-left:2px solid var(--border-subtle);font-size:.8rem;color:var(--text-3);text-decoration:none;line-height:1.5;transition:color var(--t1)var(--ease),border-color var(--t1)var(--ease);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-link:hover,#TableOfContents a:hover{color:var(--text-2);border-left-color:var(--border)}.toc-link.active,#TableOfContents a.active{color:var(--accent);border-left-color:var(--accent);font-weight:500}.page-header{margin-bottom:2.5rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border-subtle)}.page-title{font-size:2rem;font-weight:800;letter-spacing:-.035em;line-height:1.2;color:var(--text)}.page-desc{font-size:.875rem;color:var(--text-2);margin-top:.5rem;line-height:1.6}.page-content{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.85;color:var(--text)}.page-content>*+*{margin-top:1.25rem}.page-content p{color:var(--text)}.page-content a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:2px;transition:color var(--t1)var(--ease),text-decoration-color var(--t1)var(--ease)}.page-content a:hover{color:var(--accent-2);text-decoration-color:var(--accent-2)}.page-content h1,.page-content h2,.page-content h3,.page-content h4{font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text);scroll-margin-top:1.5rem}.page-content h2{font-size:1.4375rem;margin-top:2.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.page-content h3{font-size:1.1875rem;margin-top:2rem}.page-content h4{font-size:1rem;margin-top:1.75rem}.page-content ul,.page-content ol{padding-left:1.5rem;display:flex;flex-direction:column;gap:.3rem}.page-content ul{list-style:disc}.page-content ol{list-style:decimal}.page-content li{padding-left:.25rem}.page-content li::marker{color:var(--accent)}.page-content :not(pre)>code{font-family:var(--font-mono);font-size:.84em;background:var(--bg-elevated);color:var(--accent-2);padding:.15em .4em;border-radius:4px;border:1px solid var(--border);font-style:normal}.page-content pre{margin:1.75rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.page-content pre code{display:block;padding:1.25rem 1.375rem;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.65;background:#1a1a1a !important;color:#e4e4e4;border:none;border-radius:0}.page-content blockquote{border-left:3px solid var(--accent);padding:.75rem 1.25rem;background:var(--accent-sub);border-radius:0 var(--radius-s)var(--radius-s)0;margin:1.5rem 0}.page-content blockquote p{margin:0;color:var(--text-2);font-style:italic}.page-content blockquote p+p{margin-top:.4rem}.page-content blockquote p:last-child:not(:first-child),.page-content blockquote footer{display:block;font-style:normal;font-size:.875rem;font-weight:500;color:var(--text-3);margin-top:.35rem}.page-content strong{font-weight:600}.page-content img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin:1.75rem auto;display:block}.page-content hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.archive-year-section{margin-bottom:2.5rem}.archive-year{font-size:.8rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.archive-list{list-style:none;display:flex;flex-direction:column;gap:0}.archive-item{display:flex;align-items:baseline;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.archive-item:last-child{border-bottom:none}.archive-date{font-size:.8rem;color:var(--text-2);font-feature-settings:"tnum";white-space:nowrap;min-width:5rem}.archive-title{font-size:.9375rem;font-weight:500;color:var(--text);text-decoration:none;transition:color var(--t1)var(--ease);line-height:1.5}.archive-title:hover{color:var(--accent)}.category-group{margin-top:2rem}.category-group-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.category-group-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.category-group-count{font-size:.75rem;color:var(--text-3);background:var(--bg-elevated);padding:.1rem .45rem;border-radius:99px;border:1px solid var(--border)}.category-group-posts{display:flex;flex-direction:column;gap:.25rem}.category-group-post{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;border-radius:var(--radius-s);text-decoration:none;transition:background var(--t1)var(--ease),color var(--t1)var(--ease)}.category-group-post:hover{background:var(--bg-elevated)}.category-group-post-title{font-size:.9375rem;font-weight:500;color:var(--text);transition:color var(--t1)var(--ease)}.category-group-post:hover .category-group-post-title{color:var(--accent)}.category-group-post-date{font-size:.8125rem;color:var(--text-3);white-space:nowrap}.term-header{margin-bottom:2.5rem}.term-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.4rem}.term-title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.term-count{font-size:.875rem;color:var(--text-3);margin-top:.35rem}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;min-height:50vh}.error-code{font-size:6rem;font-weight:900;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.error-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.error-desc{font-size:.9375rem;color:var(--text-2);margin-bottom:2rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.625rem 1.25rem;border-radius:var(--radius-s);background:var(--accent);color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:background var(--t1)var(--ease),transform var(--t1)var(--ease)}.btn:hover{background:var(--accent-2);transform:translateY(-1px)}.site-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.site-footer p{font-size:.75rem;color:var(--text-3)}.site-footer a{color:var(--text-3);text-decoration:none;font-family:var(--font-mono);transition:color var(--t1)var(--ease)}.site-footer a:hover{color:var(--accent)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-in{animation:fadeIn .5s var(--ease)forwards}.post-card:nth-child(1){animation-delay:.05s}.post-card:nth-child(2){animation-delay:.1s}.post-card:nth-child(3){animation-delay:.15s}.post-card:nth-child(4){animation-delay:.2s}.post-card:nth-child(5){animation-delay:.25s}.post-card:nth-child(6){animation-delay:.3s}.post-card:nth-child(7){animation-delay:.35s}.post-card:nth-child(8){animation-delay:.4s}.post-card:nth-child(9){animation-delay:.45s}.post-card:nth-child(10){animation-delay:.5s}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:1280px){.toc-container{display:block}.content-wrapper{padding-right:1.5rem}.main:has(.single-layout){max-width:none}}@media(max-width:1279px){.single-layout{grid-template-columns:minmax(0,1fr);max-width:var(--content-max);margin:0 auto}}@media(max-width:1023px){.sidebar{transform:translateX(-100%);box-shadow:var(--shadow-l)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block}.topbar{display:flex}.content-wrapper{margin-left:0;padding-top:calc(56px + 2rem);padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:639px){.bg-tetris{opacity:.4}.content-wrapper{padding-left:1rem;padding-right:1rem}.article-header{margin-bottom:1.75rem;padding-bottom:1.5rem}.article-title{font-size:1.5rem}.article-content{font-size:1rem;line-height:1.75}.post-nav{grid-template-columns:1fr}.post-nav-link.next{text-align:left}}