:root,:root[data-theme=dark]{--color-bg: #0c0b09;--color-bg-alt: #14120e;--color-bg-elev-2: #1c1a14;--color-text: #f0ead6;--color-text-secondary: #c9c1ad;--color-text-muted: #8a8275;--color-accent: #f59e0b;--color-accent-rgb: 245, 158, 11;--color-accent-2: #06b6d4;--color-accent-2-rgb: 6, 182, 212;--color-border: rgba(240, 234, 214, .08);--color-border-strong: rgba(240, 234, 214, .18);--color-card: #15130e;--color-surface: rgba(240, 234, 214, .03);--color-code-bg: #060503;--color-code-fg: #f0ead6;--color-glow: rgba(245, 158, 11, .15);--font-display: "Fraunces", "Times New Roman", Georgia, serif;--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace}:root[data-theme=light]{--color-bg: #f3ecdc;--color-bg-alt: #faf3e1;--color-bg-elev-2: #fffaee;--color-text: #1a1610;--color-text-secondary: #3d362b;--color-text-muted: #6b6358;--color-accent: #c2410c;--color-accent-rgb: 194, 65, 12;--color-accent-2: #0e7490;--color-accent-2-rgb: 14, 116, 144;--color-border: rgba(26, 22, 16, .12);--color-border-strong: rgba(26, 22, 16, .24);--color-card: #fffaee;--color-surface: rgba(26, 22, 16, .03);--color-code-bg: #1a1610;--color-code-fg: #f3ecdc;--color-glow: rgba(194, 65, 12, .12)}:root[data-theme=cyber]{--color-bg: #02060a;--color-bg-alt: #050d10;--color-bg-elev-2: #071318;--color-text: #4eff96;--color-text-secondary: #8affb8;--color-text-muted: #2a8a5e;--color-accent: #ffea00;--color-accent-rgb: 255, 234, 0;--color-accent-2: #ff10f0;--color-accent-2-rgb: 255, 16, 240;--color-border: rgba(78, 255, 150, .18);--color-border-strong: rgba(78, 255, 150, .4);--color-card: #050d10;--color-surface: rgba(78, 255, 150, .04);--color-code-bg: #000;--color-code-fg: #4eff96;--color-glow: rgba(78, 255, 150, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}[data-theme=cyber] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(78,255,150,.025) 2px,rgba(78,255,150,.025) 3px);z-index:200;mix-blend-mode:overlay}body.theme-anim,body.theme-anim *,body.theme-anim *:before,body.theme-anim *:after{transition:background-color .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1),fill .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1)!important}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.container{max-width:1100px;margin:0 auto;padding:0 24px}.container--narrow{max-width:760px}::selection{background:var(--color-accent);color:var(--color-bg)}.cursor{display:none!important}.progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));z-index:100;box-shadow:0 0 12px var(--color-accent),0 0 4px var(--color-accent)}.bg-grid{background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:56px 56px;background-position:center center}.float-dot{position:absolute;border-radius:50%;filter:blur(60px);opacity:.22;animation:drift 16s ease-in-out infinite;pointer-events:none}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.95)}}.mouse-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-accent-rgb),.12) 0%,transparent 60%);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s ease;filter:blur(30px);z-index:1}.cursor-tw:after{content:"▌";color:var(--color-accent);animation:blink 1s steps(1) infinite;margin-left:4px;font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.logo-cursor{display:inline-block;width:.5em;height:1em;background:var(--color-accent);margin-left:3px;animation:blink 1.1s steps(1) infinite;vertical-align:text-bottom}.blog-nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(var(--color-accent-rgb),.02);border-bottom:1px solid var(--color-border)}.blog-nav-inner{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.blog-logo{font-family:var(--font-mono);font-weight:700;font-size:1.05rem;color:var(--color-text);text-decoration:none;display:flex;align-items:center}.blog-logo .slash{color:var(--color-accent)}.blog-logo .dim{color:var(--color-text-muted)}.blog-nav-links{display:none;align-items:center;gap:32px;font-family:var(--font-mono);font-size:.85rem}@media(min-width:768px){.blog-nav-links{display:flex}}.hover-link{position:relative;color:var(--color-text-secondary);text-decoration:none;transition:color .3s ease}.hover-link:hover{color:var(--color-text)}.hover-link:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--color-accent);transition:width .35s cubic-bezier(.4,0,.2,1)}.hover-link:hover:after{width:100%}.theme-toggle{display:inline-flex;background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-radius:999px;padding:3px;gap:2px}.theme-btn{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;color:var(--color-text-muted);transition:all .35s cubic-bezier(.4,0,.2,1);font-size:12px}.theme-btn.active{background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 14px rgba(var(--color-accent-rgb),.5)}.theme-btn:hover:not(.active){color:var(--color-text);transform:scale(1.08)}.stat-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-radius:999px;font-family:var(--font-mono);font-size:12px;text-decoration:none;color:var(--color-text);transition:all .3s ease}.stat-pill:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-glow);transform:translateY(-1px)}.stat-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-2);box-shadow:0 0 8px var(--color-accent-2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tag{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);padding:4px 9px;border:1px solid rgba(var(--color-accent-rgb),.5);border-radius:2px;background:rgba(var(--color-accent-rgb),.08);font-weight:500}.btn-primary{background:var(--color-accent);color:var(--color-bg);padding:13px 22px;border:none;border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:10px;text-decoration:none;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(var(--color-accent-rgb),.6)}.btn-primary:hover:before{transform:translate(100%)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);padding:13px 22px;border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.blog-hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px}.blog-hero-inner{position:relative;z-index:2;width:100%}.blog-hero-meta{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);flex-wrap:wrap}.blog-hero-title{font-family:var(--font-mono);font-weight:700;font-size:clamp(2.25rem,7vw,5.5rem);line-height:1.04;letter-spacing:-.04em;margin-bottom:28px}.blog-hero-title .prompt{color:var(--color-text-muted)}.blog-hero-lead{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.9rem);font-style:italic;font-weight:400;line-height:1.3;margin-bottom:18px;max-width:38ch}.blog-hero-sub{font-size:1rem;color:var(--color-text-muted);line-height:1.6;max-width:60ch;margin-bottom:44px}.blog-hero-sub .name{color:var(--color-text);font-weight:500}.blog-hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:72px}.blog-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:640px}@media(min-width:768px){.blog-stats{grid-template-columns:repeat(4,1fr)}}.blog-stat-num{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.75rem,4vw,2.25rem);color:var(--color-accent);line-height:1}.blog-stat-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-top:8px}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em}.scroll-hint .line{width:1px;height:30px;background:linear-gradient(to bottom,var(--color-accent),transparent)}.marquee-wrap{overflow:hidden;white-space:nowrap;padding:20px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.marquee{display:inline-flex;animation:scroll 40s linear infinite;gap:60px;padding-right:60px;font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.blog-section{padding:100px 0}.blog-section--alt{background:var(--color-bg-alt)}.section-eyebrow{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent);margin-bottom:16px}.section-title{font-family:var(--font-display);font-weight:900;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:-.035em;line-height:1}.section-title .it{font-style:italic;font-weight:400}.section-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:56px}.cards-grid{display:grid;gap:24px}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.article-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:4px;padding:28px;position:relative;overflow:hidden;text-decoration:none;color:var(--color-text);display:block;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s cubic-bezier(.4,0,.2,1),border-color .4s ease}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.article-card:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:80px;background:radial-gradient(circle at bottom right,var(--color-glow),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.article-card:hover{transform:translateY(-8px);border-color:var(--color-border-strong);box-shadow:0 24px 48px -20px #00000073}[data-theme=light] .article-card:hover{box-shadow:0 24px 48px -20px #1a161033}.article-card:hover:before{transform:scaleX(1)}.article-card:hover:after{opacity:1}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.card-num{font-family:var(--font-mono);font-weight:700;font-size:56px;color:var(--color-accent);opacity:.18;line-height:.9;letter-spacing:-.04em;transition:opacity .4s ease}.article-card:hover .card-num{opacity:.45}.card-date{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);margin-bottom:16px}.article-card h2{font-family:var(--font-display);font-weight:700;font-size:1.4rem;line-height:1.25;margin-bottom:16px;transition:color .3s ease}.article-card:hover h2{color:var(--color-accent)}.card-excerpt{font-size:.9rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:32px}.card-read{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}.card-read .arrow{display:inline-block;transition:transform .35s cubic-bezier(.4,0,.2,1)}.article-card:hover .card-read .arrow{transform:translate(8px)}.archive-item{display:grid;grid-template-columns:100px 1fr auto auto;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.archive-item:first-child{border-top:1px solid var(--color-border)}.archive-item:before{content:"";position:absolute;left:-16px;top:50%;width:8px;height:8px;background:var(--color-accent);border-radius:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease}.archive-item:hover{padding-left:16px;border-bottom-color:var(--color-accent)}.archive-item:hover:before{transform:translateY(-50%) scale(1)}.archive-item:hover .archive-title{color:var(--color-accent)}.archive-date{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.archive-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:4px;transition:color .3s ease}.archive-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.archive-read{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);white-space:nowrap}.blog-post-date{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);letter-spacing:.05em}.blog-page-title{font-family:var(--font-display);font-weight:900;letter-spacing:-.035em}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.blog-footer{padding:48px 0;border-top:1px solid var(--color-border)}.blog-footer-inner{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}@media(min-width:768px){.blog-footer-row{display:flex;align-items:center;justify-content:space-between;width:100%}}.blog-footer-note{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.blog-footer-social{display:flex;align-items:center;gap:20px;font-size:1.05rem}.blog-footer-term{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:24px;width:100%}.blog-footer-term .sigil{color:var(--color-accent)}.blog-post-page{max-width:760px;margin:0 auto;padding:140px 24px 100px}.blog-post-back{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--color-text-muted);margin-bottom:28px;transition:color .3s ease}.blog-post-back:hover{color:var(--color-accent)}.blog-post-header{margin-bottom:48px}.blog-post-page-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.12;letter-spacing:-.025em;margin:20px 0}.blog-post-page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);letter-spacing:.05em}.blog-post-page-meta .dot{color:var(--color-border-strong)}.blog-post-content{font-size:1.05rem;line-height:1.85;color:var(--color-text-secondary)}.blog-post-content h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-text);margin:52px 0 18px;letter-spacing:-.015em}.blog-post-content h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-text);margin:38px 0 14px}.blog-post-content p{margin-bottom:22px}.blog-post-content a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blog-post-content a:hover{border-bottom-color:var(--color-accent)}.blog-post-content ul,.blog-post-content ol{margin:18px 0;padding-left:26px}.blog-post-content li{margin-bottom:10px}.blog-post-content li::marker{color:var(--color-accent)}.blog-post-content strong{color:var(--color-text);font-weight:600}.blog-post-content blockquote{margin:28px 0;padding:18px 24px;border-left:2px solid var(--color-accent);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-display);font-style:italic;font-size:1.15rem}.blog-post-content blockquote p{margin:0}.blog-post-content :not(pre)>code{font-family:var(--font-mono);font-size:.85em;background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent);padding:2px 6px;border-radius:3px}.blog-post-content pre{margin:28px 0;padding:22px;background:var(--color-code-bg);color:var(--color-code-fg);border:1px solid var(--color-border-strong);border-radius:8px;overflow-x:auto}.blog-post-content pre code{font-family:var(--font-mono);font-size:.82rem;line-height:1.7;background:none;color:inherit;padding:0}.code-window{margin:28px 0;background:var(--color-code-bg);border:1px solid var(--color-border-strong);border-radius:8px;overflow:hidden;box-shadow:0 30px 60px -30px #00000080}.code-window pre{margin:0;border:none;border-radius:0}.code-header{background:#ffffff0a;border-bottom:1px solid var(--color-border);padding:11px 16px;display:flex;align-items:center;justify-content:space-between}[data-theme=cyber] .code-header{background:#4eff960a}.code-dots{display:flex;gap:6px}.code-dots span{width:11px;height:11px;border-radius:50%;display:inline-block}.code-dots span:nth-child(1){background:#ff5f57}.code-dots span:nth-child(2){background:#febc2e}.code-dots span:nth-child(3){background:#28c840}.code-lang{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);text-transform:lowercase}.copy-btn{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-muted);padding:5px 11px;font-size:11px;font-family:var(--font-mono);border-radius:3px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.copy-btn.copied{color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent)}.blog-post-content img{max-width:100%;height:auto;border-radius:4px;margin:28px 0}.blog-post-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:.92rem;display:block;overflow-x:auto}.blog-post-content th,.blog-post-content td{text-align:left;padding:10px 16px;border:1px solid var(--color-border)}.blog-post-content thead th{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text);background:var(--color-surface)}.blog-post-content tbody tr:hover{background:var(--color-surface)}.blog-post-foot{margin-top:64px;padding-top:32px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:5px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@media(max-width:768px){.article-card{padding:22px}.card-num{font-size:42px}.archive-item{grid-template-columns:1fr auto;gap:8px 16px}.archive-date{grid-column:1 / -1}.archive-read,.archive-item .tag{display:none}.blog-section{padding:72px 0}.blog-post-page{padding:110px 18px 72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}