.ob-body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.ob-bar{display:flex;justify-content:center;padding:18px 16px 6px}.ob-bar a{text-decoration:none}.ob-main{flex:1;display:flex;justify-content:center;padding:16px 16px 48px}.ob-screen,.ob-card{width:100%;max-width:34rem;display:flex;flex-direction:column;gap:14px}.ob-screen h1,.ob-card h1{font-size:1.7rem;line-height:1.25;text-wrap:balance}.ob-screen h1:focus{outline:none}.ob-sub{margin-top:-4px!important}.ob-step{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--text-muted)}.ob-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ob-options{border:0;margin:6px 0 4px;padding:0;display:flex;flex-direction:column;gap:10px}.ob-option{position:relative;display:flex;align-items:center;gap:14px;min-height:3.6rem;padding:12px 16px;border:1.5px solid var(--border-strong);border-radius:12px;background:var(--surface-card);cursor:pointer}.ob-option:hover{background:var(--surface-sunken)}.ob-option.on{border:2.5px solid var(--brand-strong);background:var(--brand-tint);padding:11px 15px}.ob-option input{position:absolute;opacity:0;width:1px;height:1px}.ob-option:has(input:focus-visible){box-shadow:var(--ac-ring)}.ob-option-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ob-option-text b{font-family:var(--font-display);font-size:1.1rem;color:var(--text-strong)}.ob-option-text .ac-muted{font-size:.95rem}.ob-picked{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:.9rem;color:var(--brand-strong)}.ob-go{width:100%}.ob-link{align-self:center;background:none;border:0;padding:10px 8px;min-height:2.75rem;font:inherit;font-size:.95rem;color:var(--text-link);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:center}.ob-back{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:8px 6px 8px 0;min-height:2.75rem;font:inherit;font-weight:600;color:var(--text-link);cursor:pointer}.ob-card{background:var(--surface-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:28px 24px}.ob-badge{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand-strong)}.ob-badge .ai{width:1.6rem;height:1.6rem;stroke-width:2.5}.ob-spin{width:2.4rem;height:2.4rem;border-radius:50%;border:4px solid var(--border);border-top-color:var(--brand-strong);animation:ob-spin .9s linear infinite}@keyframes ob-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ob-spin{animation-duration:3s}}.ob-google,.dark .ob-google{background:var(--surface-card)!important;color:var(--text-strong)!important;border:1.5px solid var(--border-strong)}.ob-google:hover,.dark .ob-google:hover{background:var(--surface-sunken)!important}.ob-or{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.9rem}.ob-or:before,.ob-or:after{content:"";flex:1;height:1px;background:var(--border)}.ob-field{display:flex;flex-direction:column;gap:6px;font-weight:600}.ob-field input[type=text],.ob-field input[type=email]{min-height:3.1rem;padding:0 14px;border:1.5px solid var(--border-strong);border-radius:10px;font:inherit;font-weight:400;background:var(--surface-card);color:var(--text-body)}.ob-field input:focus{outline:none;border-color:var(--brand);box-shadow:var(--ac-ring)}.ob-field input[readonly]{background:var(--surface-sunken)}.ob-code{letter-spacing:.4em;font-family:var(--font-mono)!important;font-size:1.3rem!important;text-align:center}.ob-check{display:flex;align-items:flex-start;gap:12px;min-height:2.75rem;font-size:.95rem;cursor:pointer}.ob-check input{width:1.4rem;height:1.4rem;margin-top:2px;flex:none;accent-color:var(--brand-strong)}.ob-note{font-size:.9rem}.ob-error{color:var(--coral-700, #b42318);font-weight:600}.ob-mock{display:flex;flex-wrap:wrap;gap:4px 10px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:8px;padding:8px 10px}.ob-mock a{overflow-wrap:anywhere}.ob-photo{display:flex;align-items:center;gap:16px;margin-top:4px}.ob-avatar{width:4.5rem;height:4.5rem;border-radius:50%;flex:none;object-fit:cover;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand-strong);font-family:var(--font-display);font-weight:700;font-size:1.9rem;border:1.5px solid var(--border)}.ob-photo-acts{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.ob-photo-btn{position:relative;cursor:pointer}.ob-photo-btn:has(input:focus-visible){box-shadow:var(--ac-ring)}.ob-link--left{align-self:flex-start;padding-left:0}.ob-field small{font-weight:400;font-size:.9rem}.ob-last{margin-top:-6px!important;font-size:.9rem;font-weight:600;color:var(--brand-strong);text-align:center}.ob-legacy{background:var(--brand-tint);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;display:grid;gap:6px}.ob-legacy p{margin:0}