:root{--cyber-purple:#711c91;--cyber-purple-light:#9b3dc0;--cyber-cyan:#0abdc6;--cyber-cyan-light:#3dd6de;--cyber-magenta:#ea00d9;--cyber-blue:#133e7c;--cyber-blue-dark:#091833;--bg-primary:#0a0a12;--bg-secondary:#12121f;--bg-tertiary:#1a1a2e;--bg-card:rgba(18, 18, 31, 0.85);--bg-card-hover:rgba(26, 26, 46, 0.95);--text-primary:#e0e0e0;--text-secondary:#8a8a9a;--text-muted:#5a5a6a;--text-accent:var(--cyber-cyan);--border-default:rgba(113, 28, 145, 0.3);--border-hover:rgba(10, 189, 198, 0.5);--border-active:var(--cyber-cyan);--glow-cyan:0 0 5px var(--cyber-cyan), 0 0 10px rgba(10, 189, 198, 0.5);--glow-cyan-intense:0 0 5px var(--cyber-cyan), 0 0 15px var(--cyber-cyan), 0 0 30px rgba(10, 189, 198, 0.4);--glow-purple:0 0 5px var(--cyber-purple), 0 0 10px rgba(113, 28, 145, 0.5);--glow-magenta:0 0 5px var(--cyber-magenta), 0 0 10px rgba(234, 0, 217, 0.5);--font-mono:'JetBrains Mono', 'Fira Code', 'SF Mono', 'Consolas', monospace;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--max-width:800px;--max-width-wide:1200px;--header-height:60px;--border-radius:4px;--border-radius-lg:8px;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}a{color:var(--cyber-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--cyber-cyan-light)}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style-position:inside}code,pre,kbd,samp{font-family:var(--font-mono)}pre{overflow-x:auto}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}table{border-collapse:collapse;width:100%}blockquote{border-left:3px solid var(--cyber-purple);padding-left:var(--spacing-md);margin:var(--spacing-md)0;color:var(--text-secondary);font-style:italic}hr{border:none;border-top:1px solid var(--border-default);margin:var(--spacing-xl)0}::selection{background-color:var(--cyber-purple);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--cyber-purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyber-purple-light)}@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap';h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);letter-spacing:-.02em}h1{margin-bottom:var(--spacing-lg)}p{margin-bottom:var(--spacing-md)}p:last-child{margin-bottom:0}.content a{color:var(--cyber-cyan);text-decoration:underline;text-decoration-color:rgba(10,189,198,.4);text-underline-offset:2px;transition:text-decoration-color var(--transition-fast)}.content a:hover{text-decoration-color:var(--cyber-cyan)}.content ul,.content ol{margin:var(--spacing-md)0;padding-left:var(--spacing-lg);list-style-position:outside}.content li{margin-bottom:var(--spacing-sm)}.content li::marker{color:var(--cyber-purple)}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-tertiary);padding:.15em .4em;border-radius:var(--border-radius);color:var(--cyber-cyan)}pre code{background:0 0;padding:0;font-size:var(--font-size-sm)}pre{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin:var(--spacing-lg)0;overflow-x:auto}blockquote{border-left:3px solid var(--cyber-magenta);background:var(--bg-secondary);padding:var(--spacing-md)var(--spacing-lg);margin:var(--spacing-lg)0;border-radius:0 var(--border-radius)var(--border-radius)0}blockquote p:last-child{margin-bottom:0}.content table{margin:var(--spacing-lg)0;border:1px solid var(--border-default);border-radius:var(--border-radius);overflow:hidden}.content th,.content td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-default)}.content th{background:var(--bg-tertiary);font-family:var(--font-mono);font-weight:600;color:var(--cyber-cyan)}.content tr:last-child td{border-bottom:none}.content tr:hover td{background:var(--bg-secondary)}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--cyber-purple),var(--cyber-cyan),transparent);margin:var(--spacing-2xl)0}strong,b{font-weight:600;color:var(--text-primary)}em,i{font-style:italic}mark{background:rgba(234,0,217,.3);color:var(--text-primary);padding:.1em .3em;border-radius:2px}small{font-size:var(--font-size-sm);color:var(--text-secondary)}kbd{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--border-radius);padding:.15em .4em;box-shadow:0 2px 0 var(--bg-primary)}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl)var(--spacing-md)}main.wide{max-width:var(--max-width-wide)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:var(--max-width-wide)}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(113,28,145,3%) 1px,transparent 1px),linear-gradient(90deg,rgba(113,28,145,3%) 1px,transparent 1px),radial-gradient(ellipse at 50% 0%,rgba(10,189,198,8%) 0%,transparent 60%);background-size:50px 50px,50px 50px,100% 100%;pointer-events:none;z-index:-1}section{margin-bottom:var(--spacing-3xl)}section:last-child{margin-bottom:0}.section-title{font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--cyber-cyan);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.section-title::before{content:'// ';color:var(--text-muted)}.content{line-height:1.7}.content img{border-radius:var(--border-radius-lg);border:1px solid var(--border-default);margin:var(--spacing-lg)0}.content figure{margin:var(--spacing-xl)0}.content figcaption{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin-top:var(--spacing-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.my-0{margin-top:0;margin-bottom:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--cyber-cyan);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:var(--spacing-md);background:var(--bg-secondary);color:var(--cyber-cyan);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);z-index:var(--z-modal);transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-md)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:rgba(10,10,18,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-default)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);height:var(--header-height)}.site-logo{display:flex;align-items:center;text-decoration:none;overflow:visible}.logo-ghost{height:44px;width:auto;animation:peekaboo .6s ease-out forwards,float 3s ease-in-out .6s infinite;filter:drop-shadow(0 0 0 transparent);transition:filter .3s ease}.site-logo:hover .logo-ghost{filter:drop-shadow(0 0 8px rgba(255,102,178,.8))drop-shadow(0 0 16px rgba(255,102,178,.4))}@keyframes peekaboo{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.main-nav{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius);transition:all var(--transition-fast);position:relative}.nav-link::after{content:'';position:absolute;bottom:4px;left:var(--spacing-md);right:var(--spacing-md);height:1px;background:var(--cyber-cyan);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.nav-link:hover{color:var(--cyber-cyan);background:rgba(10,189,198,.1)}.nav-link:hover::after{transform:scaleX(1)}.nav-link.active{color:var(--cyber-cyan)}.nav-link.active::after{transform:scaleX(1)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:0 0;border:1px solid var(--border-default);border-radius:var(--border-radius);cursor:pointer;transition:border-color var(--transition-fast)}.menu-toggle:hover{border-color:var(--cyber-cyan)}.menu-toggle span{display:block;width:100%;height:2px;background:var(--text-secondary);transition:all var(--transition-fast)}.menu-toggle:hover span{background:var(--cyber-cyan)}@media(max-width:768px){.menu-toggle{display:flex}.main-nav{position:absolute;top:var(--header-height);left:0;right:auto;bottom:auto;flex-direction:column;align-items:stretch;gap:0;background:#0a0a12;padding:var(--spacing-md);transform:translateY(-10px);opacity:0;visibility:hidden;transition:all var(--transition-base);border:1px solid var(--border-default);border-radius:var(--border-radius);min-width:200px;box-shadow:0 4px 20px rgba(0,0,0,.5)}.main-nav.open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:var(--spacing-md);border-bottom:1px solid var(--border-default);border-radius:0}.nav-link::after{display:none}.nav-link:last-child{border-bottom:none}}.site-footer{margin-top:auto;border-top:1px solid var(--border-default);background:var(--bg-secondary)}.footer-inner{max-width:var(--max-width-wide);margin:0 auto;padding:var(--spacing-xl)var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.social-links{display:flex;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-default);border-radius:var(--border-radius);color:var(--text-secondary);transition:all var(--transition-fast)}.social-link:hover{color:var(--cyber-cyan);border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.social-link svg{width:20px;height:20px;fill:currentColor}.copyright{font-size:var(--font-size-sm);color:var(--text-muted)}.copyright a{color:var(--text-secondary)}.copyright a:hover{color:var(--cyber-cyan)}.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius);color:var(--text-secondary);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-sticky)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{color:var(--cyber-cyan);border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan);transform:translateY(-3px)}.back-to-top svg{width:20px;height:20px;fill:currentColor}@media(max-width:768px){.back-to-top{bottom:var(--spacing-md);right:var(--spacing-md)}}.post-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-card{display:block;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden}.post-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyber-purple),var(--cyber-cyan));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.post-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 30px rgba(10,189,198,.1)}.post-card:hover::before{transform:scaleX(1)}.post-card-title{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.post-card:hover .post-card-title{color:var(--cyber-cyan)}.post-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-md)}.post-card-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.post-card-meta svg{width:14px;height:14px;fill:currentColor}.post-card-summary{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--cyber-cyan);background:rgba(10,189,198,.1);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius);border:1px solid rgba(10,189,198,.2);transition:all var(--transition-fast)}.tag:hover{background:rgba(10,189,198,.2);border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan)}.post-card.featured{border-color:var(--cyber-purple);background:linear-gradient(135deg,var(--bg-card),rgba(113,28,145,.1))}.post-card.featured::before{transform:scaleX(1)}.post-card.featured .post-card-title{font-size:var(--font-size-2xl)}.post-header{margin-bottom:var(--spacing-2xl);text-align:center}.post-title{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:var(--spacing-md);line-height:1.2}.post-title:hover{text-shadow:1px 0 var(--cyber-magenta),-1px 0 var(--cyber-cyan)}.post-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted)}.post-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.post-meta-item svg{width:16px;height:16px;fill:var(--cyber-purple)}.post-meta-separator{color:var(--border-default)}.post-content{margin-bottom:var(--spacing-3xl)}.toc{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.toc-title{font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--cyber-cyan);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.toc-title::before{content:'>';color:var(--cyber-purple)}.toc-content{font-size:var(--font-size-sm)}.toc-content ul{list-style:none;padding-left:var(--spacing-md)}.toc-content>ul{padding-left:0}.toc-content li{margin-bottom:var(--spacing-xs);position:relative}.toc-content a{color:var(--text-secondary);transition:color var(--transition-fast)}.toc-content a:hover{color:var(--cyber-cyan)}.toc-content a::before{content:'- ';color:var(--text-muted)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-default)}.post-tags-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);margin-right:var(--spacing-sm)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-default)}.post-nav-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);text-decoration:none;transition:all var(--transition-base)}.post-nav-item:hover{border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan)}.post-nav-item.next{text-align:right}.post-nav-label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.post-nav-title{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--cyber-cyan)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--cyber-cyan)}.breadcrumbs span{color:var(--text-muted)}@media(max-width:640px){.post-nav{grid-template-columns:1fr}}.post-comments{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-default);max-width:720px;margin-left:auto;margin-right:auto}.comments-title{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--cyber-cyan);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.comments-title::before{content:'>';color:var(--cyber-purple)}.giscus,.giscus-frame{width:100%;max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.btn svg{width:16px;height:16px;fill:currentColor}.btn-primary{background:var(--cyber-cyan);color:var(--bg-primary);border-color:var(--cyber-cyan)}.btn-primary:hover{background:var(--cyber-cyan-light);box-shadow:var(--glow-cyan);transform:translateY(-1px)}.btn-secondary{background:0 0;color:var(--cyber-cyan);border-color:var(--cyber-cyan)}.btn-secondary:hover{background:rgba(10,189,198,.1);box-shadow:var(--glow-cyan);transform:translateY(-1px)}.btn-ghost{background:0 0;color:var(--text-secondary);border-color:var(--border-default)}.btn-ghost:hover{color:var(--cyber-cyan);border-color:var(--cyber-cyan)}.btn-purple{background:var(--cyber-purple);color:var(--text-primary);border-color:var(--cyber-purple)}.btn-purple:hover{background:var(--cyber-purple-light);box-shadow:var(--glow-purple);transform:translateY(-1px)}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-base)}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs)}.btn-icon{width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.btn-group{display:flex;gap:var(--spacing-sm)}.code-copy-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--border-radius);opacity:0;transition:all var(--transition-fast)}pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:var(--cyber-cyan);border-color:var(--cyber-cyan)}.code-copy-btn.copied{color:var(--cyber-magenta);border-color:var(--cyber-magenta)}.home-hero{text-align:center;padding:var(--spacing-2xl)var(--spacing-md);margin-bottom:var(--spacing-2xl)}.home-tagline{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-xl);line-height:1.6}.home-social{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.home-cta{display:flex;justify-content:center;gap:var(--spacing-md)}.recent-posts{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.view-all{text-align:center;margin-top:var(--spacing-xl)}.list-page{max-width:var(--max-width);margin:0 auto}.list-header{margin-bottom:var(--spacing-2xl)}.list-title{margin-bottom:var(--spacing-sm)}.list-description{color:var(--text-secondary)}.no-posts{text-align:center;color:var(--text-muted);padding:var(--spacing-3xl)}.terms-page{max-width:var(--max-width);margin:0 auto}.terms-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.term-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-fast)}.term-item:hover{border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.term-name{font-family:var(--font-mono);color:var(--cyber-cyan)}.term-count{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--border-radius)}.archives-page{max-width:var(--max-width);margin:0 auto}.archive-year{margin-bottom:var(--spacing-2xl)}.archive-year-title{font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--cyber-cyan);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.archive-list{list-style:none;padding:0}.archive-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)0;border-bottom:1px solid rgba(113,28,145,.1)}.archive-item:last-child{border-bottom:none}.archive-date{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);min-width:60px}.archive-link{color:var(--text-primary);transition:color var(--transition-fast)}.archive-link:hover{color:var(--cyber-cyan)}.error-page{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.error-content{padding:var(--spacing-2xl)}.error-ascii{font-family:var(--font-mono);font-size:.5rem;line-height:1.1;color:var(--cyber-magenta);text-shadow:var(--glow-magenta);margin-bottom:var(--spacing-xl);white-space:pre}.error-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.error-message{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.pagination{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-default)}.pagination .page-item{list-style:none}.pagination .page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-fast)}.pagination .page-link:hover{color:var(--cyber-cyan);border-color:var(--cyber-cyan)}.pagination .page-item.active .page-link{color:var(--bg-primary);background:var(--cyber-cyan);border-color:var(--cyber-cyan)}.pagination .page-item.disabled .page-link{color:var(--text-muted);pointer-events:none}.projects-page{max-width:var(--max-width-wide);margin:0 auto}.projects-header{text-align:center;margin-bottom:var(--spacing-3xl)}.projects-title{font-family:var(--font-mono);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.projects-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.projects-intro{margin-top:var(--spacing-lg);color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.project-card{position:relative;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyber-purple),var(--cyber-cyan),var(--cyber-magenta));opacity:.6;transition:opacity var(--transition-base)}.project-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 10px 40px rgba(10,189,198,.15),0 0 30px rgba(113,28,145,.1)}.project-card:hover::before{opacity:1}.project-image{position:relative;width:100%;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-image-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,transparent 0%,rgba(10,10,18,.3) 50%,rgba(10,10,18,.8) 100% );pointer-events:none}.project-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.project-title{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast)}.project-card:hover .project-title{color:var(--cyber-cyan);text-shadow:var(--glow-cyan)}.project-tagline{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--cyber-cyan);margin-bottom:var(--spacing-sm);opacity:.8}.project-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tech-tag{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--cyber-magenta);background:rgba(234,0,217,.1);padding:2px 8px;border-radius:var(--border-radius);border:1px solid rgba(234,0,217,.2);transition:all var(--transition-fast)}.project-card:hover .tech-tag{background:rgba(234,0,217,.15);border-color:rgba(234,0,217,.4)}.project-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-default)}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius);border:1px solid var(--border-default);background:0 0;transition:all var(--transition-fast)}.project-link svg{width:16px;height:16px;fill:currentColor}.project-link:hover{color:var(--cyber-cyan);border-color:var(--cyber-cyan);background:rgba(10,189,198,.1);box-shadow:var(--glow-cyan)}.project-link-primary{background:rgba(10,189,198,.1);border-color:rgba(10,189,198,.3);color:var(--cyber-cyan)}.project-link-primary:hover{background:rgba(10,189,198,.2);border-color:var(--cyber-cyan)}.project-status{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--border-radius);z-index:10}.project-status-active,.project-status-live{background:rgba(10,189,198,.2);color:var(--cyber-cyan);border:1px solid var(--cyber-cyan);box-shadow:var(--glow-cyan)}.project-status-development,.project-status-beta{background:rgba(234,0,217,.2);color:var(--cyber-magenta);border:1px solid var(--cyber-magenta)}.project-status-archived,.project-status-deprecated{background:rgba(90,90,106,.2);color:var(--text-muted);border:1px solid var(--text-muted)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.projects-title{font-size:var(--font-size-2xl)}}.glitch{position:relative}.glitch:hover{animation:glitch-skew .3s ease-in-out}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.glitch:hover::before{left:2px;text-shadow:-2px 0 var(--cyber-magenta);clip-path:inset(20% 0 30% 0);animation:glitch-anim-1 .3s ease-in-out;opacity:.8}.glitch:hover::after{left:-2px;text-shadow:2px 0 var(--cyber-cyan);clip-path:inset(40% 0 10% 0);animation:glitch-anim-2 .3s ease-in-out;opacity:.8}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(2deg)}20%{transform:skew(-1deg)}30%{transform:skew(1deg)}40%{transform:skew(-2deg)}50%{transform:skew(0)}100%{transform:skew(0)}}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 30% 0);transform:translate(0)}20%{clip-path:inset(60% 0 10% 0);transform:translate(-3px,2px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(3px,-1px)}60%{clip-path:inset(50% 0 20% 0);transform:translate(-2px,1px)}80%{clip-path:inset(30% 0 40% 0);transform:translate(2px,-2px)}100%{clip-path:inset(20% 0 30% 0);transform:translate(0)}}@keyframes glitch-anim-2{0%{clip-path:inset(40% 0 10% 0);transform:translate(0)}20%{clip-path:inset(10% 0 50% 0);transform:translate(2px,-2px)}40%{clip-path:inset(70% 0 5% 0);transform:translate(-2px,1px)}60%{clip-path:inset(20% 0 60% 0);transform:translate(3px,-1px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(-3px,2px)}100%{clip-path:inset(40% 0 10% 0);transform:translate(0)}}.chromatic-hover:hover{text-shadow:1px 0 var(--cyber-magenta),-1px 0 var(--cyber-cyan);animation:chromatic-shift .2s ease-out}@keyframes chromatic-shift{0%{text-shadow:0 0 transparent,0 0 transparent}50%{text-shadow:2px 0 var(--cyber-magenta),-2px 0 var(--cyber-cyan)}100%{text-shadow:1px 0 var(--cyber-magenta),-1px 0 var(--cyber-cyan)}}.neon-text{text-shadow:var(--glow-cyan)}.neon-text-purple{text-shadow:var(--glow-purple)}.neon-text-magenta{text-shadow:var(--glow-magenta)}.neon-pulse{animation:neon-pulse 3s ease-in-out infinite}@keyframes neon-pulse{0%,100%{text-shadow:var(--glow-cyan)}50%{text-shadow:var(--glow-cyan-intense)}}.neon-border{border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan)}.neon-border-purple{border-color:var(--cyber-purple);box-shadow:var(--glow-purple)}.ascii-logo-wrapper{text-align:center;margin-bottom:var(--spacing-xl)}.ascii-logo,.ascii-logo-mobile{font-family:var(--font-mono);font-size:clamp(.35rem,1.2vw,.7rem);line-height:1.1;display:inline-block;text-align:left;margin:0;padding:var(--spacing-lg);background:0 0;border:none;white-space:pre;overflow:hidden}.ascii-logo-mobile{display:none}.ascii-ghost{color:var(--cyber-cyan);text-shadow:0 0 5px var(--cyber-cyan),0 0 10px rgba(10,189,198,.5),0 0 20px rgba(10,189,198,.3)}.ascii-lab{color:var(--cyber-purple-light);text-shadow:0 0 5px var(--cyber-purple),0 0 10px rgba(113,28,145,.5),0 0 20px rgba(113,28,145,.3)}.ascii-lab-text{display:block;font-size:1.2em;letter-spacing:.5em;color:var(--cyber-purple-light);text-shadow:0 0 5px var(--cyber-purple),0 0 10px rgba(113,28,145,.5);margin-top:var(--spacing-sm)}.ascii-logo-wrapper:hover .ascii-ghost,.ascii-logo-wrapper:hover .ascii-lab{animation:logo-flicker .15s ease-in-out}@keyframes logo-flicker{0%,100%{opacity:1}25%{opacity:.8}50%{opacity:1}75%{opacity:.9}}.gradient-text{background:linear-gradient(135deg,var(--cyber-cyan),var(--cyber-purple),var(--cyber-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-underline{position:relative}.neon-underline::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--cyber-cyan);box-shadow:var(--glow-cyan);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.neon-underline:hover::after{transform:scaleX(1)}@media(max-width:900px){.ascii-logo{display:none}.ascii-logo-mobile{display:inline-block;font-size:clamp(.3rem,2vw,.5rem)}}@media(max-width:500px){.ascii-logo-mobile{font-size:.28rem;padding:var(--spacing-md)}}.scanlines{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;overflow:hidden}.scanlines::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 0,rgba(0,0,0,3%),rgba(0,0,0,3%) 1px,transparent 1px,transparent 2px );animation:scanline-move 8s linear infinite}.scanlines::after{content:'';position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient( 180deg,transparent 0%,rgba(10,189,198,2%) 50%,transparent 100% );animation:scanline-sweep 6s linear infinite}@keyframes scanline-move{0%{transform:translateY(0)}100%{transform:translateY(4px)}}@keyframes scanline-sweep{0%{top:-100px}100%{top:100%}}@keyframes crt-flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.98}15%{opacity:.96}20%{opacity:1}100%{opacity:1}}.crt-effect{animation:crt-flicker 4s infinite}@media(prefers-reduced-motion:reduce){.scanlines::before,.scanlines::after{animation:none}.crt-effect{animation:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .5s ease-out}@keyframes fade-in-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up .5s ease-out}.stagger-fade-in>*{opacity:0;animation:fade-in-up .4s ease-out forwards}.stagger-fade-in>*:nth-child(1){animation-delay:.1s}.stagger-fade-in>*:nth-child(2){animation-delay:.15s}.stagger-fade-in>*:nth-child(3){animation-delay:.2s}.stagger-fade-in>*:nth-child(4){animation-delay:.25s}.stagger-fade-in>*:nth-child(5){animation-delay:.3s}.stagger-fade-in>*:nth-child(6){animation-delay:.35s}.stagger-fade-in>*:nth-child(7){animation-delay:.4s}.stagger-fade-in>*:nth-child(8){animation-delay:.45s}.stagger-fade-in>*:nth-child(9){animation-delay:.5s}.stagger-fade-in>*:nth-child(10){animation-delay:.55s}@keyframes cursor-blink{0%,50%{border-color:var(--cyber-cyan)}51%,100%{border-color:transparent}}.typing-cursor::after{content:'';display:inline-block;width:2px;height:1em;background:var(--cyber-cyan);margin-left:2px;animation:cursor-blink 1s step-end infinite}@keyframes slide-in-left{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slide-in-left .4s ease-out}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.float{animation:float 3s ease-in-out infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes border-glow-pulse{0%,100%{box-shadow:0 0 5px var(--cyber-cyan),0 0 10px rgba(10,189,198,.3)}50%{box-shadow:0 0 10px var(--cyber-cyan),0 0 20px rgba(10,189,198,.5)}}.border-glow-pulse{animation:border-glow-pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.highlight{position:relative;margin:var(--spacing-lg)0}.highlight pre{margin:0;padding:var(--spacing-lg);padding-top:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);overflow-x:auto}.highlight pre::before{content:attr(data-lang);position:absolute;top:0;right:var(--spacing-md);padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);border-radius:0 0 var(--border-radius)var(--border-radius);text-transform:uppercase;letter-spacing:.05em}.chroma{background-color:var(--bg-secondary);color:var(--text-primary)}.chroma .err{color:#f55}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lnt,.chroma .ln{color:var(--text-muted);padding-right:var(--spacing-md);user-select:none}.chroma .hl{background-color:rgba(10,189,198,.1);display:block}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt{color:var(--cyber-magenta);font-weight:500}.chroma .n{color:var(--text-primary)}.chroma .na{color:var(--cyber-cyan)}.chroma .nb{color:var(--cyber-cyan)}.chroma .nc{color:var(--cyber-cyan);font-weight:600}.chroma .no{color:var(--cyber-purple-light)}.chroma .nd{color:var(--cyber-magenta)}.chroma .ni{color:var(--text-primary)}.chroma .ne{color:#f55}.chroma .nf{color:var(--cyber-cyan)}.chroma .nl{color:var(--cyber-purple-light)}.chroma .nn{color:var(--text-primary)}.chroma .nt{color:var(--cyber-magenta)}.chroma .nv{color:var(--cyber-purple-light)}.chroma .l{color:var(--cyber-purple-light)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss{color:#50fa7b}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--cyber-purple-light)}.chroma .o,.chroma .ow{color:var(--cyber-magenta)}.chroma .p{color:var(--text-primary)}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs{color:#6272a4;font-style:italic}.chroma .cp,.chroma .cpf{color:var(--cyber-cyan)}.chroma .gd{color:#f55}.chroma .ge{font-style:italic}.chroma .gi{color:#50fa7b}.chroma .gs{font-weight:700}.chroma .gu{color:var(--cyber-cyan)}.chroma .w{color:var(--text-primary)}.chroma .nb{color:var(--cyber-cyan)}.chroma .nv{color:var(--cyber-purple-light)}.content code:not([class*=language-]){font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;background:var(--bg-tertiary);border-radius:var(--border-radius);color:var(--cyber-cyan);border:1px solid var(--border-default)}@media(max-width:1024px){:root{--spacing-3xl:3rem}main{padding:var(--spacing-lg)var(--spacing-md)}}@media(max-width:768px){:root{--spacing-2xl:2rem;--spacing-3xl:2.5rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.post-title{font-size:1.75rem}.post-meta{flex-direction:column;gap:var(--spacing-sm)}.post-meta-separator{display:none}.post-card{padding:var(--spacing-md)}.toc{padding:var(--spacing-md)}.toc-content ul ul{padding-left:var(--spacing-sm)}}@media(max-width:480px){:root{--spacing-xl:1.25rem;--spacing-2xl:1.5rem}body{font-size:15px}h1{font-size:1.5rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.container,main{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.btn{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-sm)var(--spacing-lg)}.post-card-tags,.post-tags{gap:var(--spacing-xs)}.tag{font-size:.65rem;padding:2px 6px}pre{font-size:var(--font-size-xs)}.code-copy-btn{display:none}}@media(max-width:768px){.home-hero{padding:var(--spacing-xl)var(--spacing-sm)}.home-tagline{font-size:var(--font-size-base);padding:0 var(--spacing-sm)}.home-social{gap:var(--spacing-sm)}.home-cta{flex-direction:column;gap:var(--spacing-sm)}.home-cta .btn{width:100%;justify-content:center}}@media(max-width:768px){.list-header{margin-bottom:var(--spacing-lg)}.list-title{font-size:1.5rem}.archive-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.archive-date{font-size:var(--font-size-xs)}}@media(max-width:640px){.terms-list{gap:var(--spacing-sm)}.term-item{padding:var(--spacing-sm)var(--spacing-md)}}@media(max-width:480px){.error-ascii{font-size:.35rem}.error-title{font-size:1.25rem}}@media print{.site-header,.site-footer,.back-to-top,.scanlines,.post-nav,.toc{display:none!important}body{background:#fff;color:#000}a{color:#000;text-decoration:underline}.post-card,.highlight pre{border:1px solid #ccc;background:#f5f5f5}}