*,*:before,*:after{box-sizing:border-box}:root{--bg:#070912;--ink:#eef1ff;--ink-2:#dde3ff;--ink-dim:#b6bedb;--ink-dimmer:#8a93b8;--accent:#7c5cff;--accent-2:#26d8c8;--warn:#ffb547;--card:rgba(18,24,48,.7);--border:rgba(124,92,255,.42);--border-soft:rgba(124,92,255,.2);--shadow:0 30px 80px -20px rgba(0,0,0,.65);--mono:ui-monospace,"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}html,body{margin:0;padding:0;min-height:100%;width:100%;overflow-x:hidden}body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 800px at 12% -10%,rgba(124,92,255,.26),transparent 60%),radial-gradient(900px 700px at 95% 8%,rgba(38,216,200,.15),transparent 55%),radial-gradient(1100px 800px at 50% 112%,rgba(124,92,255,.15),transparent 60%)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(124,92,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,255,.6) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:6px}.topnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:14px clamp(16px,4vw,40px);background:#070912b8;backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.brand{font-family:var(--mono);font-weight:600;letter-spacing:.04em;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:9px}.brand:hover{text-decoration:none}.brand .dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 14px var(--accent)}.topnav .links{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.topnav a.nav{font-size:13.5px;color:var(--ink-dim);font-weight:500;padding:8px 14px;border-radius:10px;transition:color .15s,background .15s;font-family:var(--mono);letter-spacing:.02em}.topnav a.nav:hover{color:var(--ink);background:#7c5cff1f;text-decoration:none}.topnav a.nav[aria-current=page]{color:var(--ink);background:#7c5cff33;border:1px solid var(--border)}main{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:clamp(28px,5vw,52px) clamp(16px,4vw,32px) 96px}.page-head{margin-bottom:30px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent-2);margin:0 0 14px}h1{font-size:clamp(28px,4.5vw,44px);line-height:1.08;margin:0 0 12px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,#cdbfff 45%,#7adfd5);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:16px;color:var(--ink-dim);max-width:680px;margin:0}.lead b{color:var(--ink-2)}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.post-card{position:relative}.post-card>a{display:block;position:relative;overflow:hidden;padding:18px 20px 18px 22px;border-radius:14px;background:var(--card);border:1px solid var(--border-soft);backdrop-filter:blur(8px);color:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}.post-card>a:hover{transform:translateY(-3px);border-color:var(--border);box-shadow:0 18px 40px -20px #7c5cff80;text-decoration:none}.post-card>a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.post-card time{font-family:var(--mono);font-size:12px;color:var(--ink-dim);font-weight:500;letter-spacing:.02em}.post-card h2{margin:6px 0;font-size:19px;font-weight:700;color:var(--ink);line-height:1.3}.post-card p{margin:0 0 12px;font-size:14.5px;color:var(--ink-dim);line-height:1.55}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:6px;background:#7c5cff33;color:#d8c9ff}.prose{max-width:720px}.prose .eyebrow{margin-bottom:12px}.prose h1{margin-bottom:10px}.prose .meta{font-family:var(--mono);font-size:13px;color:var(--ink-dim);font-weight:500;margin:0 0 28px}.prose h2{font-size:22px;font-weight:700;color:var(--ink);margin:34px 0 12px;letter-spacing:-.01em}.prose h3{font-size:17px;font-weight:600;color:var(--ink);margin:26px 0 10px}.prose p{font-size:16px;color:var(--ink-2);line-height:1.75;margin:0 0 16px}.prose a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}.prose strong{color:var(--ink);font-weight:600}.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;color:var(--ink-2);line-height:1.7}.prose li{margin:4px 0}.prose blockquote{margin:18px 0;padding:8px 16px;border-left:3px solid var(--accent);background:#7c5cff12;color:var(--ink-dim);border-radius:0 8px 8px 0}.prose :not(pre)>code{font-family:var(--mono);font-size:.88em;background:#7c5cff24;color:#dcd3ff;padding:1px 6px;border-radius:5px}.prose pre{margin:18px 0;padding:16px 18px;border-radius:12px;border:1px solid var(--border-soft);font-size:13.5px;line-height:1.6;overflow:auto;box-shadow:0 14px 36px -22px #000c}.prose pre code{font-family:var(--mono);background:none;padding:0;font-size:inherit}.prose img{max-width:100%;height:auto;border-radius:12px}.prose hr{border:0;border-top:1px solid var(--border-soft);margin:28px 0}.back{max-width:720px;margin:34px 0 0;font-family:var(--mono);font-size:13px}footer{position:relative;z-index:2;padding:34px 16px;text-align:center;color:var(--ink-dim);font-size:12px;letter-spacing:.12em;font-weight:500;font-family:var(--mono);text-transform:uppercase}footer a{color:var(--accent-2)}@media(max-width:768px){.topnav{padding:12px 16px;gap:12px;background:#070912c7;backdrop-filter:blur(10px)}.brand{font-size:14px}.topnav a.nav{font-size:12.5px;padding:7px 11px}}@media(max-width:380px){.topnav a.nav{padding:6px 9px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}