@view-transition{navigation:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #020810;--bg2: #040e1e;--surface: rgba(2,12,28,.6);--surface-2: rgba(2,12,28,.45);--border: rgba(0,120,200,.14);--border2: rgba(64,200,255,.22);--text: #c8f0ff;--text-strong: #e8f8ff;--muted: rgba(200,240,255,.55);--dim: rgba(200,240,255,.3);--cyan: #40c8ff;--teal: #00ffcc;--red: #ff6b7a;--amber: #ffbd4a;--ease: cubic-bezier(.16,1,.3,1);--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18% -8%,rgba(0,96,176,.22),transparent 34rem),radial-gradient(circle at 82% 14%,rgba(0,255,204,.08),transparent 26rem),radial-gradient(circle,rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,auto,32px 32px;pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}nav.topbar,main,footer,.stats-strip{position:relative;z-index:2}nav.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:58px;background:#020810c7;border-bottom:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-strong)}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal),0 0 16px #0fc6}.brand-sub{color:var(--muted);font-weight:500;letter-spacing:.1em}.topbar-right{display:flex;align-items:center;gap:1.25rem}.topbar-tag{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .7rem;border-radius:99px;border:1px solid rgba(64,200,255,.22);background:#40c8ff0f;color:var(--teal);font-size:.68rem;font-weight:500;font-family:var(--mono);letter-spacing:.06em}.nav-gh{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .85rem;border-radius:6px;border:1px solid var(--border2);background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:500;transition:border-color .2s,color .2s}.nav-gh:hover{border-color:var(--cyan);color:var(--text-strong)}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;max-width:1280px;margin:0 auto;align-items:start}aside.sidebar{position:sticky;top:58px;max-height:calc(100vh - 58px);overflow-y:auto;padding:2.5rem 1.25rem 4rem 2rem;border-right:1px solid var(--border)}.side-section{margin-bottom:1.75rem}.side-title{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:.55rem}.side-list{list-style:none;display:flex;flex-direction:column;gap:1px}.side-list a{display:block;padding:.38rem .7rem;border-radius:6px;font-size:.84rem;color:var(--muted);border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}.side-list a:hover{color:var(--text-strong);background:#40c8ff0b}.side-list a.active{color:var(--text-strong);background:#40c8ff14;border-color:var(--border2)}main.content{padding:3rem 3rem 5rem;min-width:0}.page-eyebrow{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:.85rem}main.content h1{font-size:clamp(2.1rem,3.6vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-strong);margin-bottom:.9rem}main.content h1 .accent{background:linear-gradient(135deg,var(--cyan) 0%,var(--teal) 60%,var(--cyan) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lede{font-size:1.05rem;color:var(--muted);line-height:1.75;max-width:64ch;margin-bottom:2.4rem}main.content h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-strong);margin:3rem 0 1rem;padding-bottom:.55rem;border-bottom:1px solid var(--border)}main.content h3{font-size:1.1rem;font-weight:600;color:var(--text-strong);margin:2rem 0 .6rem}main.content p,main.content li{color:var(--text);font-size:.95rem;line-height:1.75}main.content p{margin:.6rem 0 1rem}main.content ul,main.content ol{padding-left:1.25rem;margin:.4rem 0 1.2rem}main.content li{margin:.25rem 0}main.content li::marker{color:var(--cyan)}main.content a:not(.btn-primary):not(.btn-ghost):not(.card-link){color:var(--cyan);border-bottom:1px dashed rgba(64,200,255,.35);transition:color .15s,border-color .15s}main.content a:not(.btn-primary):not(.btn-ghost):not(.card-link):hover{color:var(--teal);border-bottom-color:var(--teal)}main.content strong{color:var(--text-strong);font-weight:600}main.content code:not(pre code){font-family:var(--mono);font-size:.82em;color:var(--teal);background:#00ffcc0f;border:1px solid rgba(0,255,204,.15);padding:.08em .4em;border-radius:4px}pre.code-block,code.code-block{display:block;margin:1rem 0 1.4rem;padding:1rem 1.15rem;border-radius:10px;background:#0006;border:1px solid rgba(64,200,255,.12);font-family:var(--mono);font-size:.8rem;color:var(--teal);line-height:1.6;white-space:pre;overflow-x:auto}.table-wrap{margin:1rem 0 1.5rem;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-2)}.table-wrap table{width:100%;border-collapse:collapse;font-size:.85rem}.table-wrap th,.table-wrap td{text-align:left;padding:.7rem .95rem;border-bottom:1px solid var(--border);vertical-align:top}.table-wrap th{background:#40c8ff0d;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-weight:600}.table-wrap tr:last-child td{border-bottom:none}.table-wrap td code{font-family:var(--mono);font-size:.82em;color:var(--teal)}.callout{display:flex;gap:.85rem;margin:1.25rem 0 1.5rem;padding:.9rem 1.05rem;border-radius:10px;border:1px solid var(--border2);background:#40c8ff0b}.callout-tag{display:inline-block;flex-shrink:0;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);padding-top:.15rem}.callout-body{color:var(--text);font-size:.9rem;line-height:1.65}.callout.warn{border-color:#ffbd4a4d;background:#ffbd4a0d}.callout.warn .callout-tag{color:var(--amber)}.callout.danger{border-color:#ff6b7a4d;background:#ff6b7a0d}.callout.danger .callout-tag{color:var(--red)}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:1.5rem 0 2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity .3s}.card:hover{border-color:var(--border2)}.card:hover:before{opacity:1}.c2{grid-column:span 2}.c3{grid-column:span 3}.c6{grid-column:span 6}.card-title{font-size:.98rem;font-weight:700;color:var(--text-strong);letter-spacing:-.01em}.card-body{font-size:.85rem;color:var(--muted);line-height:1.6}.card-chip{display:inline-flex;align-self:flex-start;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:99px;color:var(--teal);border:1px solid rgba(0,255,204,.3);background:#00ffcc0f}.card-chip.blue{color:var(--cyan);border-color:#40c8ff4d;background:#40c8ff0f}.card-chip.red{color:var(--red);border-color:#ff6b7a4d;background:#ff6b7a0f}.card-link{display:inline-flex;align-self:flex-start;margin-top:.4rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);transition:color .15s}.card-link:hover{color:var(--teal)}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin:1.2rem 0 1.8rem}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.4rem;border-radius:7px;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.2s var(--ease)}.btn-primary{background:var(--cyan);color:#010810;border:1px solid var(--cyan);box-shadow:0 0 28px #40c8ff38}.btn-primary:hover{background:#2ab0e8;border-color:#2ab0e8;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border2)}.btn-ghost:hover{color:var(--text-strong);border-color:#40c8ff59;background:#0078c814}.pagenav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.pagenav a{display:flex;flex-direction:column;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);transition:border-color .2s,color .2s}.pagenav a:hover{border-color:var(--border2);color:var(--text-strong)}.pagenav a.next{text-align:right;align-items:flex-end}.pagenav-hint{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:.2rem}.pagenav-label{font-size:.95rem;font-weight:600;color:var(--text-strong)}footer.site{border-top:1px solid var(--border);padding:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-links a{font-size:.78rem;color:var(--muted);transition:color .15s}.footer-links a:hover{color:var(--text-strong)}.footer-copy{font-size:.7rem;color:var(--dim);max-width:880px;line-height:1.65}@media(max-width:980px){.shell{grid-template-columns:1fr}aside.sidebar{position:relative;top:0;max-height:none;overflow-y:visible;padding:1.5rem 1.5rem 1.25rem;border-right:none;border-bottom:1px solid var(--border)}main.content{padding:2.25rem 1.5rem 4rem}}@media(max-width:700px){nav.topbar{padding:0 1.25rem}.topbar-tag{display:none}.bento{grid-template-columns:1fr}.c2,.c3,.c6{grid-column:span 1}.pagenav{grid-template-columns:1fr}.pagenav a.next{text-align:left;align-items:flex-start}footer.site{padding:2rem 1.25rem}}