:root{--bg-color:#0d1117;--bg-secondary:#161b22;--bg-hover:#1f252d;--text-color:#e6edf3;--text-secondary:#848d97;--text-muted:#6e7681;--accent-color:#58a6ff;--accent-hover:#79c0ff;--font-body:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif;--font-mono:'SF Mono', 'Cascadia Code', 'Fira Code', 'JetBrains Mono', monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius:6px;--transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-color);font-family:var(--font-body);font-size:16px;line-height:1.6;margin:0;padding:0;background:linear-gradient(-45deg,var(--bg-color),var(--bg-secondary),#10141b,#2a313c);background-size:400% 400%;animation:animateBg 6s ease-in-out infinite}.container{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-color);line-height:1.3;margin:var(--spacing-2xl)0 var(--spacing-md);letter-spacing:-.02em}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover)}#header{padding:var(--spacing-xl)0;display:flex;justify-content:center;margin-bottom:var(--spacing-3xl)}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:var(--spacing-sm)}.main-nav a{color:var(--text-muted);font-weight:500;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);transition:var(--transition)}.main-nav a:hover,.main-nav a.active{color:var(--text-color);background-color:var(--bg-hover)}.home{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl)0;margin-bottom:var(--spacing-3xl)}.avatar-img{width:180px;height:180px;border-radius:50%;margin-bottom:var(--spacing-lg);transition:var(--transition)}.avatar-img:hover{transform:scale(1.05)}.home-name{font-size:3.5rem;font-weight:700;margin:0 0 var(--spacing-sm);letter-spacing:-.04em;background:linear-gradient(45deg,var(--accent-color),var(--text-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:35rem}.home-socials{display:flex;gap:var(--spacing-md)}.home-socials a{padding:var(--spacing-sm);border-radius:50%;transition:var(--transition);background-color:transparent;display:flex;align-items:center;justify-content:center}.home-socials a:hover{background-color:var(--bg-secondary)}.home-socials a svg{width:28px;height:28px;stroke:var(--text-muted);transition:var(--transition)}.home-socials a:hover svg{stroke:var(--accent-color)}.article-list,.project-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.article-item a,.project-item{display:block;padding:var(--spacing-lg);border-radius:var(--radius);transition:var(--transition);background-color:transparent}.article-item a:hover,.project-item:hover{background-color:var(--bg-secondary);transform:translateY(-2px)}.project-item{display:flex;flex-direction:column}.article-content{flex-grow:1;margin-right:var(--spacing-lg)}.article-title,.project-item h3{margin:0 0 var(--spacing-xs);color:var(--text-color);font-size:1.125rem;font-weight:500}.project-item h3{font-size:1.35rem}.project-item h3 a{color:var(--text-color)}.project-item h3 a:hover{color:var(--accent-color);background-image:none}.article-meta{display:flex;gap:var(--spacing-lg);font-size:.875rem;color:var(--text-muted);align-items:center;flex-shrink:0;margin:0}.article-description,.project-item p{margin:var(--spacing-xs)0 0;color:var(--text-secondary);font-size:.9rem}.project-item p{flex-grow:1;margin-bottom:var(--spacing-md)}.project-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md)}.tag{background-color:rgba(88,166,255,.1);color:var(--accent-hover);padding:var(--spacing-xs)var(--spacing-sm);border-radius:4px;font-size:.8125rem;font-weight:500}.fallback-text{text-align:center;padding:var(--spacing-3xl)var(--spacing-md);color:var(--text-secondary)}.fallback-text p{color:var(--text-secondary)}.terms-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.terms-list a{display:block;background-color:var(--bg-secondary);color:var(--text-secondary);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius);font-size:.9rem;font-weight:500;transition:var(--transition)}.terms-list a:hover{background-color:var(--bg-hover);color:var(--text-color);transform:translateY(-2px)}.term-count{margin-left:var(--spacing-sm);color:var(--text-muted)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh}.not-found h1{font-size:6rem;font-weight:700;margin:0;line-height:1;letter-spacing:-.05em;background:linear-gradient(45deg,var(--accent-color),var(--text-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.not-found h2{font-size:1.5rem;color:var(--text-secondary);margin:var(--spacing-md)0;font-weight:500}.not-found p{color:var(--text-secondary)}.not-found .button{display:inline-block;margin-top:var(--spacing-lg);padding:var(--spacing-sm)var(--spacing-xl);background-color:var(--accent-color);color:var(--bg-color);border-radius:var(--radius);font-weight:600;transition:var(--transition)}.not-found .button:hover{background-color:var(--accent-hover);transform:scale(1.05);color:var(--bg-color)}.post,.page{margin-bottom:var(--spacing-2xl)}.page-header,.post-header{margin-bottom:var(--spacing-2xl);text-align:center}.page-header h1,.post-title{font-size:2.5rem;font-weight:700;margin:0 0 var(--spacing-md);line-height:1.2}.post-description{font-size:400;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.post-meta{display:flex;justify-content:center;gap:var(--spacing-lg);font-size:.875rem;color:var(--text-muted);flex-wrap:wrap;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--text-muted)}.post-meta svg{width:16px;height:16px;margin-right:var(--spacing-xs);vertical-align:middle}.post-tags a{color:var(--text-muted);font-size:.875rem}.post-tags a:hover{color:var(--accent-color)}.post-content{line-height:1.7;font-size:1.0625rem}.post-content h2,.post-content h3{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.post-content a{background-image:linear-gradient(var(--accent-color),var(--accent-color));background-size:0% 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s ease-in-out}.post-content a:hover{background-size:100% 2px;color:var(--accent-color)}.post-content code{background-color:rgba(88,166,255,.1);color:var(--accent-hover);padding:.2em .4em;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.post-content pre{background-color:var(--bg-secondary);padding:0 var(--spacing-sm);border-radius:var(--radius);overflow-x:auto;margin:var(--spacing-sm)0}.post-content pre code{background:0 0;padding:0;color:inherit;font-size:inherit}.post-content blockquote{margin:var(--spacing-lg)0;padding:var(--spacing-sm)var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius);color:var(--text-secondary);font-style:italic}::selection{background-color:var(--accent-color);color:var(--bg-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#2a313c;border-radius:var(--radius)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:var(--radius)}@media(min-width:768px){.project-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 var(--spacing-md)}#header{padding:var(--spacing-lg)0;margin-bottom:var(--spacing-2xl)}.home{margin-bottom:var(--spacing-2xl)}.home-name{font-size:2.5rem}.home-description{font-size:1.1rem}h1{font-size:1.875rem}.post-title{font-size:2rem}.post-description{font-size:1.125rem}.post-meta{flex-direction:column;gap:var(--spacing-sm);align-items:center}}@media(max-width:480px){body{font-size:15px}.main-nav ul{gap:var(--spacing-xs)}.main-nav a{padding:var(--spacing-sm);font-size:.9rem}.home-name{font-size:2rem}.article-meta{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}}@keyframes animateBg{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}