:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}:root,html,body{height:100%}html,body{margin:0}html[data-theme=boring]{--bg: #f5f6f8;--text: #1a1d21;--primary: #d0d6de;--secondary: #4a5565;--accent: #2d6cdf;--border: #ccd3dc;--muted-bg: #ffffff;--radius: 8px;--border-w: 1px;--shadow: 0 1px 3px rgba(16, 24, 40, .08)}html[data-theme=boring] body{background:var(--bg)}html[data-theme=boring] .nb-card:before{display:none!important}html[data-theme=boring] .nb-card{border:1px solid var(--border);box-shadow:none}html[data-theme=boring] .nb-button{background:var(--secondary);color:#fff;box-shadow:none;transform:translate(0)}html[data-theme=boring] .nb-button:hover{background:var(--accent);color:var(--text)}html[data-theme=boring] .nb-nav a:hover{border-color:var(--secondary);background:#2d6cdf1f}html[data-theme=neobrutal]{--bg: #fff3c4;--text: #0a0a0a;--primary: #00f0ff;--secondary: #ff1ebe;--accent: #ffef00;--border: #000000;--muted-bg: #fffdf4;--radius: 14px;--border-w: 5px;--shadow: 12px 12px 0 #000}html[data-theme=neobrutal]{background:radial-gradient(360px 320px at 12% 15%,rgba(255,30,190,.25),transparent 72%),radial-gradient(420px 360px at 88% 12%,rgba(0,240,255,.22),transparent 70%),repeating-linear-gradient(135deg,rgba(10,10,10,.08) 0 14px,transparent 14px 28px),linear-gradient(180deg,#fff3c4,#ffe9fd,#c2f6ff);background-attachment:fixed,fixed,fixed,fixed}html[data-theme=neobrutal] body{background:transparent}html[data-theme=neobrutal] body:before,html[data-theme=neobrutal] body:after{content:"";position:fixed;width:320px;height:320px;border:5px solid #000;border-radius:28px;box-shadow:12px 12px #000000d9;z-index:-1;pointer-events:none}html[data-theme=neobrutal] body:before{top:14%;left:-80px;background:linear-gradient(135deg,#00f0ff,#ffe600)}html[data-theme=neobrutal] body:after{bottom:12%;right:-90px;background:linear-gradient(135deg,#ff1ebe,#00f0ff);transform:rotate(-6deg)}html[data-theme=neobrutal] .nb-card{border-width:5px;box-shadow:14px 14px #000}html[data-theme=neobrutal] .section-title{display:inline-block;padding:6px 18px;background:var(--accent);border:5px solid #000;box-shadow:8px 8px #000;transform:rotate(-1.5deg)}html[data-theme=neobrutal] .section-title+.section-subtitle{transform:rotate(-.2deg)}html[data-theme=neobrutal] .section>.nb-card{background:repeating-linear-gradient(135deg,#00f0ff1f 0 14px,#ff1ebe0d 14px 28px),var(--muted-bg)}html[data-theme=neobrutal] .nb-button{background:var(--primary);border-width:5px;box-shadow:8px 8px #000;transform:translate(-4px,-4px)}html[data-theme=neobrutal] .nb-button:hover{transform:translate(0)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);overflow-x:clip}.container{max-width:1280px;margin:0 auto;padding:24px;position:relative;z-index:10}.nb-card{background:var(--muted-bg);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:20px}.nb-button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--primary);color:#000;text-decoration:none;box-shadow:var(--shadow);transform:translate(-2px,-2px)}.nb-button:hover{transform:translate(0)}.site-header{padding-top:clamp(32px,6vw,56px);padding-bottom:0}.nb-nav{display:flex;align-items:center;justify-content:space-between;column-gap:32px;row-gap:18px;padding:0;flex-wrap:wrap}.nb-nav-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.nb-nav a:not(.nb-brand){color:inherit;text-decoration:none;border-bottom:2px solid transparent}.nb-nav a:not(.nb-brand):hover{border-color:var(--secondary);background:var(--accent)}.nb-brand{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;background:var(--secondary);color:var(--muted-bg);font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-radius:calc(var(--radius) * 1.5);box-shadow:var(--shadow);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .16s ease}.nb-brand:hover{background:var(--accent);color:var(--text);transform:translateY(-2px);box-shadow:0 8px 18px #0000001f}.nb-brand:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-shell>header,.site-shell>footer{flex-shrink:0}.site-shell>main{flex:1 0 auto}.blog-post-layout{display:flex;flex-direction:column;gap:16px;max-width:860px;width:100%;margin:0 auto}.blog-back-link{align-self:flex-start}.page-title{margin:0 0 28px;font-size:clamp(32px,4vw,44px);letter-spacing:-.01em;text-align:center}.blog-list{list-style:none;padding:0;margin:0 auto;display:grid;gap:20px;width:100%;max-width:860px}.blog-card{width:100%;padding:24px 28px}.blog-card__title{margin:0 0 8px;font-size:1.375rem}.blog-card__title a{color:var(--text);text-decoration:none}.blog-card__title a:hover{text-decoration:underline}.blog-card__meta{font-size:.9rem;margin-bottom:4px}.blog-card__summary{margin:12px 0 0}@media (max-width: 768px){.site-header{padding-top:28px}.nb-nav{justify-content:center}.nb-nav-links{justify-content:center;gap:16px}.blog-list{width:100%}.blog-card{padding:20px 22px}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.muted{color:#666}html[data-theme=hyper]{--text: #e8f6ff;--primary: #00f0ff;--secondary: #ff3ad7;--accent: #ffe600;--orange: #ff7a18;--border: #29ffff;--muted-bg: rgba(12, 24, 48, .92);--radius: 16px;--border-w: 6px;--shadow: 0 0 0 4px rgba(41,255,255,.35), 0 0 32px rgba(41,255,255,.22)}html[data-theme=hyper]{background:radial-gradient(60vw 60vh at 10% -10%,rgba(255,58,215,.18),transparent 60%),radial-gradient(50vw 50vh at 110% 110%,rgba(0,240,255,.18),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 32px),linear-gradient(180deg,#070a17,#0a1630,#0b2132);background-attachment:fixed,fixed,fixed,fixed,fixed;color:var(--text)}html[data-theme=hyper] .nb-nav a:hover{background:var(--accent);border-color:var(--secondary)}html[data-theme=hyper] .nb-button:hover{transform:translate(-1px,-1px) rotate(-1deg)}@keyframes hyperStripe{0%{background-position:0 0,0 0}to{background-position:100px 0,0 0}}html[data-theme=hyper] .nb-card{background:repeating-linear-gradient(90deg,#ffef000f 0 12px,#00f0ff0f 12px 24px),var(--muted-bg);animation:hyperStripe 12s linear infinite,hyperGlow 6s ease-in-out infinite;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color 1s ease}@keyframes hyperGlow{0%{box-shadow:0 0 12px #00f0ff59,0 0 0 2px #00f0ff33;border-color:#00f0ffe6}50%{box-shadow:0 0 24px #ff3ad773,0 0 0 2px #ff3ad740;border-color:#ff3ad7e6}to{box-shadow:0 0 18px #ffe60066,0 0 0 2px #ffe60033;border-color:#ffe600d9}}html[data-theme=hyper] .nb-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 0 36px #ff3ad780}html[data-theme=hyper] body:before,html[data-theme=hyper] body:after{content:"";position:fixed;top:0;bottom:0;width:18px;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,var(--secondary),var(--primary)),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='200' viewBox='0 0 60 200'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0%' stop-color='%23ff3ad7'/><stop offset='100%' stop-color='%23ff7a18'/></linearGradient><linearGradient id='fr' x1='0' y1='0' x2='1' y2='1'><stop offset='0%' stop-color='%2300f0ff'/><stop offset='50%' stop-color='%23ff3ad7'/><stop offset='100%' stop-color='%2300f0ff'/></linearGradient></defs><g fill='url(%23fr)' stroke='%2300f0ff' stroke-width='2.5' stroke-linejoin='round'><path d='M30 118 L6 92 L0 96 L24 132 Z'/><path d='M30 118 L54 88 L60 90 L32 140 Z'/><path d='M30 110 L10 70 L6 64 L30 102 Z'/><path d='M30 110 L54 70 L58 62 L36 108 Z'/></g><path d='M30 188 C26 140 32 124 38 104 L26 104 C20 124 18 140 20 188 Z' fill='url(%23g)' stroke='%2300f0ff' stroke-width='3'/></svg>");background-repeat:no-repeat,repeat-y;background-size:100% 100%,46px 220px;background-position:center,0 0;box-shadow:0 0 26px 8px #29ffff59;animation:railScroll 18s linear infinite}@keyframes railScroll{to{background-position:center,0 -220px}}html[data-theme=hyper] body:before{left:8px}html[data-theme=hyper] body:after{right:8px;transform:scaleX(-1)}@keyframes starDrift{to{background-position:220px 260px,-180px 200px,160px -240px,-160px 140px,120px -180px}}@keyframes starTwinkle{0%{opacity:.45;filter:brightness(.9)}50%{opacity:.7;filter:brightness(1.25)}to{opacity:.52;filter:brightness(1)}}@keyframes sunSlices{0%{background-position:0 0,center}to{background-position:0 -36px,center}}@keyframes scanPulse{0%{opacity:.15}50%{opacity:.25}to{opacity:.18}}html[data-theme=hyper] .hyper-parallax{position:fixed;inset:0;pointer-events:none;z-index:0}html[data-theme=hyper] .hyper-parallax .stars{position:fixed;inset:0;z-index:-2;background:radial-gradient(2.2px 2.2px at 8% 18%,rgba(255,234,0,.9),transparent 60%),radial-gradient(2px 2px at 32% 72%,rgba(0,240,255,.8),transparent 60%),radial-gradient(1.8px 1.8px at 58% 26%,rgba(255,58,215,.8),transparent 60%),radial-gradient(1.6px 1.6px at 78% 52%,rgba(255,255,255,.9),transparent 55%),radial-gradient(1.2px 1.2px at 92% 34%,rgba(255,188,66,.9),transparent 50%);background-size:420px 420px,520px 520px,640px 640px,760px 760px,880px 880px;opacity:.8;mix-blend-mode:screen;animation:starDrift 45s linear infinite alternate,starTwinkle 4s ease-in-out infinite}html[data-theme=hyper] .hyper-parallax .sun{position:fixed;right:-140px;top:-40px;width:360px;height:360px;border-radius:50%;background:repeating-linear-gradient(180deg,#0000 0 18px,#0000002e 18px 22px,#0000 22px 34px),radial-gradient(circle at 50% 60%,#ffea00eb,#ff7a18eb 42%,#ff3ad7d1 74%,#0000 76%);background-position:0 0,center;box-shadow:0 0 80px #ffea0066,0 0 120px #ff3ad759;filter:saturate(120%);transform:translate(calc(var(--mx, 0) * 30px)) translateY(calc(var(--scrollY, 0) * -.03 + var(--my, 0) * -18px));animation:sunSlices 14s ease-in-out infinite alternate;z-index:-1}html[data-theme=hyper] .hyper-parallax .palm{position:fixed;bottom:-20px;width:300px;height:320px;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 260'><defs><linearGradient id='trunk' x1='0' y1='0' x2='0' y2='1'><stop offset='0%' stop-color='%23ff7a18'/><stop offset='100%' stop-color='%23240c3c'/></linearGradient><linearGradient id='fronds' x1='0' y1='0' x2='1' y2='1'><stop offset='0%' stop-color='%2300f0ff'/><stop offset='45%' stop-color='%23ff3ad7'/><stop offset='100%' stop-color='%2300b3ff'/></linearGradient><filter id='glow'><feGaussianBlur stdDeviation='1.4' result='blur'/><feMerge><feMergeNode in='blur'/><feMergeNode in='SourceGraphic'/></feMerge></filter></defs><g filter='url(%23glow)' stroke='%23ffe600' stroke-width='4' stroke-linejoin='round'><path fill='url(%23fronds)' d='M126 120 L194 90 L218 96 L142 138 Z'/><path fill='url(%23fronds)' d='M120 110 L174 56 L214 50 L136 122 Z'/><path fill='url(%23fronds)' d='M112 118 L64 70 L12 72 L100 138 Z'/><path fill='url(%23fronds)' d='M120 130 L28 100 L0 112 L118 156 Z'/></g><path fill='url(%23trunk)' stroke='%2300f0ff' stroke-width='5' stroke-linejoin='round' d='M108 248 L128 144 L110 140 L150 38 L132 34 L100 134 L86 110 L44 114 L98 162 L76 248 Z'/></svg>");background-size:contain;background-repeat:no-repeat;opacity:.78;filter:drop-shadow(0 0 28px rgba(41,255,255,.45))}html[data-theme=hyper] .hyper-parallax .palm.left{left:32px;transform-origin:bottom center;transform:translate(calc(var(--mx, 0) * -30px)) translateY(calc(var(--scrollY, 0) * .05 + var(--my, 0) * 14px))}html[data-theme=hyper] .hyper-parallax .palm.right{right:32px;transform-origin:bottom center;transform:scaleX(-1) translate(calc(var(--mx, 0) * -30px)) translateY(calc(var(--scrollY, 0) * .08 + var(--my, 0) * 18px))}html[data-theme=hyper] .hyper-parallax .scanlines{position:fixed;inset:0;z-index:30;background:repeating-linear-gradient(180deg,#ffffff0a 0 2px,#0000 2px 4px);mix-blend-mode:screen;opacity:.22;animation:scanPulse 6s linear infinite}html[data-theme=hyper] .hyper-parallax .vignette{position:fixed;inset:-4%;z-index:40;border-radius:16%/12%;box-shadow:inset 0 0 160px #000000a6;pointer-events:none;mix-blend-mode:multiply;opacity:.7}html[data-theme=hyper] .section-title{position:relative;background-image:linear-gradient(90deg,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px var(--border)}html[data-theme=hyper] .section-title:after{content:"";position:absolute;left:0;bottom:-6px;height:6px;width:0%;background:linear-gradient(90deg,var(--orange),var(--secondary));box-shadow:0 0 18px #ff7a1880;transition:width .35s ease}html[data-theme=hyper] .section-title:hover:after{width:100%}