[data-page=onboarding]{--color-bg:#0a0a0a;--color-surface:#0f1115;--color-surface-2:#161b22;--color-border:#23262d;--color-border-strong:#30363d;--color-fg:#ededed;--color-fg-muted:#8b949e;--color-fg-subtle:#6e7681;--color-accent:#2f81f7;--color-link:#58a6ff;--radius-md:8px;--radius-lg:12px;--text-sm:0.875rem;--text-body:1.0625rem;--ob-font-sans:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif;--ob-font-mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--ob-font-sans);background-color:var(--color-bg);color:var(--color-fg);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px;-webkit-font-smoothing:antialiased}@media (max-width:640px){[data-page=onboarding]{padding:32px 16px}}.ob-step{width:100%;max-width:520px;position:relative}.ob-heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-fg);margin:0 0 12px}.ob-subtext{font-size:var(--text-body);line-height:1.6;color:var(--color-fg-muted);margin:0 0 32px}.ob-option-card{display:flex;flex-direction:column;gap:4px;width:100%;padding:20px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--ob-font-sans);transition:border-color .15s ease,background-color .15s ease}.ob-option-card:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-2)}.ob-option-card[data-selected]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.ob-option-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ob-option-label{font-size:var(--text-body);font-weight:500;color:var(--color-fg)}.ob-option-desc{font-size:var(--text-sm);color:var(--color-fg-muted)}.ob-options-stack{display:flex;flex-direction:column;gap:12px}.ob-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width:520px){.ob-options-grid{grid-template-columns:1fr}}.ob-progress{display:flex;align-items:center;gap:12px;margin-bottom:32px}.ob-progress-text{font-size:var(--text-sm);color:var(--color-fg-subtle);font-variant-numeric:tabular-nums}.ob-progress-track{flex:1;height:2px;background:var(--color-border);border-radius:1px;overflow:hidden}.ob-progress-fill{height:100%;background:var(--color-accent);border-radius:1px;transition:width .3s ease}.ob-back{position:absolute;top:0;left:-48px;background:none;border:none;color:var(--color-fg-muted);font-size:1.25rem;cursor:pointer;padding:4px 8px;transition:color .15s ease}.ob-back:hover{color:var(--color-fg)}.ob-back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:640px){.ob-back{position:static;margin-bottom:16px}}.ob-primary-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border-radius:var(--radius-md);background-color:#fff;color:#000;border:1px solid #fff;font-family:var(--ob-font-sans);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .15s ease,transform 80ms ease}.ob-primary-btn:hover{background-color:hsla(0,0%,100%,.92)}.ob-primary-btn:active{transform:translateY(1px)}.ob-primary-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ob-skip-link{display:block;margin-top:16px;background:none;border:none;color:var(--color-fg-subtle);font-family:var(--ob-font-sans);font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ob-skip-link:hover{color:var(--color-fg-muted)}.ob-quiz-counter{font-size:var(--text-sm);color:var(--color-fg-subtle);margin:0 0 16px;font-variant-numeric:tabular-nums}.ob-quiz-code{padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--ob-font-mono);font-size:var(--text-sm);line-height:1.6;overflow-x:auto}.ob-quiz-code,.ob-quiz-question{margin:0 0 20px;color:var(--color-fg)}.ob-quiz-question{font-size:var(--text-body);font-weight:500;line-height:1.5}@media (prefers-reduced-motion:reduce){.ob-back,.ob-option-card,.ob-primary-btn,.ob-progress-fill{transition:none}}