:root{--bg:#010101;--fg:#fff;--muted:#9a9aa6;--accent:#3f7777;--border:#2e2e2e;--surface:#181818;--font-sans:"JetBrains Mono Variable", ui-monospace, monospace;--font-mono:"JetBrains Mono Variable", ui-monospace, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:2rem;--space-5:4rem;--content-width:42rem}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);margin:0;line-height:1.6}main{max-width:var(--content-width);padding:var(--space-5) var(--space-3);margin:0 auto}h1,h2,h3{line-height:1.2}a{color:var(--accent)}code,pre,textarea{font-family:var(--font-mono)}button,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);padding:var(--space-2) var(--space-3)}button{cursor:pointer}button:hover{border-color:var(--accent)}.card{padding:var(--space-3);border:1px solid var(--border);background:var(--surface);color:inherit;text-decoration:none;display:block}.card:hover{border-color:var(--accent)}.intro-overlay{z-index:100;padding:var(--space-3);-webkit-backdrop-filter:blur(6px);background:#00000073;place-items:center;animation:.25s ease-out intro-fade;display:grid;position:fixed;inset:0}.intro-overlay.intro-closing{opacity:0;pointer-events:none;transition:opacity .2s ease-in}.intro-card{width:min(32rem,100%);max-height:90vh;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);animation:.3s ease-out intro-pop;position:relative;overflow:auto;box-shadow:0 20px 60px #00000059}.intro-body h2{margin:0 0 var(--space-3);padding-right:4rem}.intro-body p{margin:0 0 var(--space-3)}.intro-card pre{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;overflow:auto}.intro-skip{top:var(--space-3);right:var(--space-3);color:var(--muted);background:0 0;border-color:#0000;position:absolute}.intro-skip:hover{color:var(--fg)}.intro-check{align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0;cursor:pointer;display:flex}.intro-check input{accent-color:var(--accent);margin-top:.35em}.intro-dots{justify-content:center;gap:var(--space-2);margin-top:var(--space-4);display:flex}.intro-dots span{background:color-mix(in srgb, var(--muted) 40%, transparent);border-radius:50%;width:6px;height:6px}.intro-dots span.on{background:var(--accent)}.intro-nav{margin-top:var(--space-3);display:flex}.intro-next{background:var(--accent);border-color:var(--accent);color:var(--bg);margin-left:auto}.intro-card button:disabled{opacity:.4;cursor:not-allowed}@keyframes intro-fade{0%{opacity:0}}@keyframes intro-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}}@media (prefers-reduced-motion:reduce){.intro-overlay,.intro-card{animation:none}.intro-overlay.intro-closing{transition:none}}