:root{--bg:#050c1a;--bg2:#081425;--surface:#0b1d35;--surface2:#0f2340;--border:#1a3354;--fg:#dceeff;--muted:#5a7a9a;--faint:#2a4060;--teal:#00c9b8;--teal-dim:#00c9b81f;--teal-glow:#00c9b80f;--amber:#f5a623;--amber-dim:#f5a6231f;--red:#ef5049;--green:#3ecf74;--font-display:"DM Sans",system-ui,sans-serif;--font-body:"Manrope",system-ui,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.page-wrap{flex-direction:column;min-height:100vh;display:flex}.inner{width:100%;max-width:1100px;margin:0 auto}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#050c1ae0;padding:0 24px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;height:60px;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:9px;text-decoration:none;display:flex}.nav-logo-img{flex-shrink:0;width:auto;height:28px;display:block}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{color:var(--muted);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:block}.nav-links a:hover{color:var(--fg);background:var(--surface)}.nav-links a.active{color:var(--fg)}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--teal);color:#050c1a}.btn-ghost{color:var(--fg);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--muted)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:7px 14px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;font-size:13px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}code,pre{font-family:var(--font-mono)}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-block-bar{background:var(--surface2);border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex}.code-block-body{padding:16px;font-size:12px;line-height:1.7;overflow-x:auto}.code-block-body pre{margin:0}.c-method{color:var(--teal)}.c-path{color:#a8d8ff}.c-key{color:#7dc4e4}.c-str{color:#a6da95}.c-num{color:var(--amber)}.c-null{color:var(--muted)}.c-cmt{color:var(--muted);font-style:italic}.tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;align-items:center;padding:2px 7px;font-size:9px;display:inline-flex}.tag-teal{background:var(--teal-dim);color:var(--teal)}.tag-amber{background:var(--amber-dim);color:var(--amber)}.tag-muted{color:var(--muted);background:#2a406099}.tag-green{color:var(--green);background:#3ecf741f}.tag-red{color:var(--red);background:#ef50491f}.site-footer{border-top:1px solid var(--border);margin-top:auto;padding:32px 24px}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;display:flex}.site-footer-copy{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.site-footer-links{gap:20px;list-style:none;display:flex}.site-footer-links a{color:var(--muted);font-size:12px;transition:color .15s}.site-footer-links a:hover{color:var(--fg)}.mono{font-family:var(--font-mono)}.text-teal{color:var(--teal)}.text-amber{color:var(--amber)}.text-muted{color:var(--muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}