*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d1117;--color-surface: #161b22;--color-text: #e6edf3;--color-text-muted: #7d8590;--color-accent: #06b6d4;--color-accent-secondary: #0891b2;--color-border: #30363d;--color-shadow: rgba(6, 182, 212, .12);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--font-sans: Menlo, Monaco, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", Courier, monospace;--font-mono: Menlo, Monaco, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", Courier, monospace;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--transition: .18s cubic-bezier(.4, 0, .2, 1);--header-height: 4rem}@media(prefers-color-scheme:light){:root{--color-bg: #1a1d24;--color-surface: #21252b;--color-text: #d4d4d4;--color-text-muted: #8b949e;--color-accent: #22d3ee;--color-accent-secondary: #06b6d4;--color-border: #2c313a;--color-shadow: rgba(34, 211, 238, .12)}}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent);color:var(--color-bg);padding:var(--space-xs) var(--space-md);text-decoration:none;font-family:var(--font-mono);font-size:var(--font-size-sm);z-index:10000;transition:top var(--transition)}.skip-link:focus{top:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(6,182,212,.015) 0px,transparent 1px,transparent 2px,rgba(6,182,212,.015) 3px);z-index:9999;opacity:.6}@media(prefers-color-scheme:light){body:before{background:repeating-linear-gradient(0deg,rgba(34,211,238,.015) 0px,transparent 1px,transparent 2px,rgba(34,211,238,.015) 3px);opacity:.5}}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.02em;position:relative}h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}h2{font-size:var(--font-size-2xl);margin:var(--space-xl) 0 var(--space-md)}h3{font-size:var(--font-size-xl);margin:var(--space-lg) 0 var(--space-sm)}.post-item-title:hover{animation:glitch-normal .3s cubic-bezier(.25,.46,.45,.94)}@keyframes glitch-normal{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-2px)}}.post-content h1:hover,.post-content h2:hover,.post-content h3:hover{animation:glitch-subtle .4s cubic-bezier(.25,.46,.45,.94)}@keyframes glitch-subtle{0%,to{transform:translate(0);opacity:1}10%{transform:translate(-.5px,.5px);opacity:.95}20%{transform:translate(.5px,-.5px);opacity:.98}30%{transform:translate(-.5px,-.5px);opacity:.95}40%{transform:translate(.5px,.5px);opacity:.98}50%,to{transform:translate(0);opacity:1}}p{margin-bottom:var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:all var(--transition);position:relative}a:hover{opacity:.8}.post-link .post-item-title:before{content:"[ ";opacity:0;transition:opacity var(--transition)}.post-link .post-item-title:after{content:" ]";opacity:0;transition:opacity var(--transition)}.post-link:hover .post-item-title:before,.post-link:hover .post-item-title:after{opacity:1}.container{max-width:42rem;margin:0 auto;padding:0 var(--space-md)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-content{max-width:56rem;height:100%;margin:0 auto;padding:0 var(--space-md);display:flex;justify-content:space-between;align-items:center}.site-title{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);letter-spacing:-.02em;position:relative}.site-title:before{content:"> ";color:var(--color-accent)}.header-nav{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted)}.nav-link{color:var(--color-text-muted);padding:var(--space-xs);transition:color var(--transition)}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-separator{color:var(--color-text-muted);opacity:.4;user-select:none}main{flex:1;margin-top:calc(var(--header-height) + var(--space-xl));margin-bottom:var(--space-2xl)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-lg);background:var(--color-surface)}.footer-content{max-width:56rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-xs)}.footer-left,.footer-right{display:flex;align-items:center;gap:var(--space-sm)}.footer-icon{width:1.25rem;height:1.25rem;color:var(--color-text-muted);transition:color var(--transition);display:flex;align-items:center;justify-content:center}.footer-icon svg{width:100%;height:100%;fill:currentColor}.footer-icon:hover{color:var(--color-accent)}.footer-text{color:var(--color-text-muted)}.post-item{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);transition:all var(--transition)}.post-item:last-child{border-bottom:none}.post-date{display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs);letter-spacing:.05em}.post-date:before{content:"// ";color:var(--color-accent)}.post-link{text-decoration:none;display:block}.post-item-title{font-size:var(--font-size-xl);margin:0 0 var(--space-sm);color:var(--color-text);transition:color var(--transition);font-family:var(--font-mono)}.post-link:hover .post-item-title{color:var(--color-accent)}.post-item-abstract{color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1.6}.post-item-tags{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.tag-text{transition:color var(--transition)}.tag-text:before{content:"#";color:var(--color-accent)}.tag-sep{opacity:.4;margin:0 .25rem}.post-item:hover .tag-text{color:var(--color-accent)}.back-link{display:inline-block;margin-bottom:var(--space-lg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm)}.back-link:before{content:"< ";color:var(--color-accent)}.back-link:hover{color:var(--color-accent)}.post-content{max-width:42rem;margin:0 auto;font-size:var(--font-size-base);line-height:1.8}.post-content h1{font-size:var(--font-size-3xl);margin:var(--space-2xl) 0 var(--space-lg)}.post-content h1:first-child{margin-top:0}.post-content h2{font-size:var(--font-size-2xl);margin:var(--space-xl) 0 var(--space-md)}.post-content h2:before{content:"## ";color:var(--color-accent);margin-right:var(--space-xs)}.post-content h3{font-size:var(--font-size-xl);margin:var(--space-lg) 0 var(--space-sm)}.post-content h3:before{content:"### ";color:var(--color-accent);margin-right:var(--space-xs)}.post-content img{width:100%;height:auto;margin:var(--space-xl) 0;border:1px solid var(--color-border)}.post-content pre{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-md);overflow-x:auto;margin:var(--space-lg) 0;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6}.post-content code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface);padding:.125rem .375rem;border:1px solid var(--color-border)}.post-content pre code{background:none;padding:0;border:none}.post-content blockquote{border-left:2px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-lg) 0;color:var(--color-text-muted);font-style:italic}.post-content ul,.post-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.post-content li{margin-bottom:var(--space-xs)}.post-content a{color:var(--color-accent);border-bottom:1px solid transparent}.post-content a:hover{border-bottom-color:var(--color-accent)}.post-footer{margin-top:var(--space-2xl);padding-top:var(--space-lg)}.post-divider{border:none;border-top:1px solid var(--color-border);margin-bottom:var(--space-lg)}.post-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-md)}.post-meta a{color:var(--color-text-muted);border-bottom:1px solid transparent}.post-meta a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.post-actions{display:flex;gap:var(--space-sm)}.icon-btn{width:1.75rem;height:1.75rem;padding:.25rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.icon-btn svg{width:100%;height:100%;fill:currentColor}.icon-btn:hover{color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-shadow)}.next-post-section{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2xl) 0;margin-top:var(--space-2xl)}.next-post-card{display:block;padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);transition:all var(--transition)}.next-post-card:hover{border-color:var(--color-accent);box-shadow:0 0 16px var(--color-shadow)}.next-label{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.next-label:before{content:"> ";color:var(--color-accent)}.next-post-card h2{margin:0 0 var(--space-sm);font-size:var(--font-size-xl)}.next-post-card p{margin:0;color:var(--color-text-muted);line-height:1.6}body{animation:page-load .6s cubic-bezier(.16,1,.3,1)}@keyframes page-load{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}@media(max-width:1024px){.container,.header-content{padding:0 var(--space-lg)}}@media(max-width:834px){:root{--font-size-3xl: 2.25rem;--font-size-2xl: 1.75rem;--font-size-xl: 1.375rem}.container{padding:0 var(--space-md)}.post-content{font-size:var(--font-size-base)}}@media(max-width:768px){:root{--font-size-3xl: 2rem;--font-size-2xl: 1.5rem;--font-size-xl: 1.25rem;--header-height: 3.5rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem}.header-content{padding:0 var(--space-sm)}.site-title{font-size:var(--font-size-base)}.footer-content{flex-direction:column;gap:var(--space-md)}.footer-left,.footer-right{width:100%;justify-content:center}.post-item{margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}}@media(max-width:480px){:root{--font-size-3xl: 1.75rem;--font-size-2xl: 1.375rem;--font-size-xl: 1.125rem}.container,.header-content{padding:0 var(--space-sm)}.header-nav{font-size:var(--font-size-xs);gap:.25rem}.post-content h2:before,.post-content h3:before{display:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before{display:none}}