:root{--teal:#3ecf8e;--violet:#a98bff;--peri:#8b9df0;--blue:#5aa9ff;--amber:#e8b446;--red:#ff5c6c;--ink:#e8eef7;--mute:#6b7a90;--font-sans:"Inter",-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Menlo",ui-monospace,monospace;--fw-body:400;--fw-med:600;--fw-bold:800;--fw-black:900;--fs-display:56px;--fs-title:38px;--fs-heading:26px;--fs-body:17px;--fs-label:13px;--fs-data:15px;--r-xs:6px;--r-sm:9px;--r-md:14px;--r-lg:20px;--r-pill:999px;--e-1:0 1px 2px #0006;--e-2:0 6px 20px #00000059;--glow-teal:0 0 24px #3ecf8e73;--dur-instant:80ms;--dur-quick:.15s;--dur-base:.25s;--dur-slow:.4s;--dur-drama:.7s;--ease-std:cubic-bezier(.4,0,.2,1);--ease-spatial:cubic-bezier(.2,0,0,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--bg:#0a0e16;--surface:#101725;--surface-sunken:#0e1420;--border:#6b7a9033;--border-strong:#6b7a9066;--text:var(--ink);--text-muted:var(--mute);--primary:var(--teal);--on-primary:#06090f;--warning:var(--amber);--danger:var(--red);--success:var(--teal)}@media (prefers-color-scheme:light){:root{--bg:#f4f6fb;--surface:#fff;--surface-sunken:#eef1f7;--border:#0a0e1614;--border-strong:#0a0e1626;--text:#141b27;--text-muted:#5a6678;--teal:#12a76a;--violet:#7b57e0;--peri:#5c6fd8;--blue:#2e7fe0;--amber:#b87a0c;--red:#d93b4e;--primary:var(--teal);--on-primary:#fff;--warning:var(--amber);--danger:var(--red);--success:var(--teal)}}:root[data-theme=dark]{--bg:#0a0e16;--surface:#101725;--surface-sunken:#0e1420;--border:#6b7a9033;--border-strong:#6b7a9066;--text:#e8eef7;--text-muted:#6b7a90;--teal:#3ecf8e;--violet:#a98bff;--peri:#8b9df0;--blue:#5aa9ff;--amber:#e8b446;--red:#ff5c6c;--primary:var(--teal);--on-primary:#06090f;--warning:var(--amber);--danger:var(--red);--success:var(--teal)}:root[data-theme=light]{--bg:#f4f6fb;--surface:#fff;--surface-sunken:#eef1f7;--border:#0a0e1614;--border-strong:#0a0e1626;--text:#141b27;--text-muted:#5a6678;--teal:#12a76a;--violet:#7b57e0;--peri:#5c6fd8;--blue:#2e7fe0;--amber:#b87a0c;--red:#d93b4e;--primary:var(--teal);--on-primary:#fff;--warning:var(--amber);--danger:var(--red);--success:var(--teal)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(120% 80% at 50% -8%,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 55%),var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.6;display:flex}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(color-mix(in srgb,var(--mute) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--mute) 4%,transparent) 1px,transparent 1px);background-size:54px 54px;position:fixed;inset:0}a{color:var(--primary)}.skip{z-index:100;background:var(--primary);color:var(--on-primary);font-family:var(--font-mono);border-radius:9px;padding:10px 16px;font-weight:800;transition:top .15s;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}:where(a,button):focus-visible{outline:2.5px solid var(--primary);outline-offset:3px;border-radius:6px}.nav{z-index:20;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 22px;display:flex;position:sticky;top:0}.nav a{font-family:var(--font-mono);color:var(--text-muted);font-size:14px;text-decoration:none}.nav a.brand{color:var(--text);letter-spacing:.5px;font-weight:800}.nav a:hover{color:var(--primary)}.nav .sp{margin-left:auto}.tgl{cursor:pointer;font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;min-height:40px;padding:7px 14px;font-size:13px;font-weight:700}.tgl:hover{border-color:var(--primary)}main{z-index:1;flex:1;width:100%;position:relative}footer{z-index:1;border-top:1px solid var(--border);width:100%;max-width:900px;color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 auto;padding:26px 22px;font-size:13px;display:flex;position:relative}@media (prefers-reduced-motion:reduce){*{transition:none!important}}