.ob-auth{min-height:100vh;display:grid;place-items:center;padding:clamp(var(--space-4),5vw,var(--space-10));background:radial-gradient(1100px 620px at 15% -10%,var(--brand-tint) 0%,transparent 62%),radial-gradient(900px 520px at 105% 110%,var(--surface-sunken) 0%,transparent 60%),var(--surface-canvas);color:var(--text-body)}.ob-auth-card{width:min(880px,100%);padding:clamp(var(--space-6),5vw,var(--space-12));border:1px solid var(--border-hairline);border-radius:calc(28px * var(--scale));background:var(--surface-page);box-shadow:var(--shadow-lg, 0 24px 60px rgba(40, 30, 15, .12));text-align:center}.ob-auth-card--quiet{width:min(560px,100%)}.ob-auth-card--pin{width:min(440px,100%)}.ob-auth-card--setup{width:min(760px,100%);text-align:left}.ob-auth-mark{width:calc(64px * var(--scale));height:calc(64px * var(--scale));margin:0 auto var(--space-4);border-radius:50%;background:var(--brand-tint);display:grid;place-items:center}.ob-auth-mark__dot{width:42%;height:42%;border-radius:50%;background:var(--brand-solid);box-shadow:0 0 0 calc(7px * var(--scale)) var(--brand-tint-strong),0 0 0 calc(14px * var(--scale)) var(--brand-tint)}.ob-auth-eyebrow{margin:0 0 var(--space-2);font-size:var(--font-size-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle);font-weight:var(--weight-semibold)}.ob-auth-title{margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:clamp(calc(30px * var(--scale)),4vw,calc(44px * var(--scale)));line-height:1.1;letter-spacing:var(--tracking-tight);color:var(--text-strong)}.ob-auth-text{margin:0 auto var(--space-6);max-width:46ch;font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);color:var(--text-muted)}.ob-auth-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-caption);color:var(--text-subtle)}.ob-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(180px * var(--scale)),1fr));gap:var(--space-4);margin:var(--space-6) 0}.ob-roster-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border:1px solid var(--border-default);border-radius:calc(22px * var(--scale));background:var(--surface-panel);color:var(--text-strong);font:inherit;font-size:var(--font-size-body-lg);font-weight:var(--weight-semibold);cursor:pointer;transition:transform var(--motion-fast, .12s) ease,border-color var(--motion-fast, .12s) ease,background var(--motion-fast, .12s) ease}.ob-roster-card:hover{transform:translateY(-2px);border-color:var(--brand-border);background:var(--brand-tint)}.ob-roster-card:focus-visible{outline:3px solid var(--brand-solid);outline-offset:3px}.ob-roster-name{font-size:var(--font-size-body-lg)}.ob-avatar{width:calc(92px * var(--scale));height:calc(92px * var(--scale));border-radius:50%;display:grid;place-items:center;background:var(--brand-tint-strong);color:var(--brand-ink);font-size:calc(38px * var(--scale));font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.ob-avatar--pin{width:calc(72px * var(--scale));height:calc(72px * var(--scale));margin:var(--space-2) auto var(--space-3);font-size:calc(30px * var(--scale))}.ob-auth-grownup{margin:var(--space-6) 0 0;font-size:var(--font-size-caption);color:var(--text-subtle)}.ob-auth-grownup a{color:var(--text-link);text-underline-offset:3px}.ob-auth-button{min-height:var(--control-lg);padding:var(--space-2) var(--space-6);border:1px solid var(--brand-solid);border-radius:calc(14px * var(--scale));background:var(--brand-solid);color:var(--brand-on-solid);font:inherit;font-size:var(--font-size-body);font-weight:var(--weight-semibold);cursor:pointer}.ob-auth-button:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.ob-auth-button:disabled{opacity:.6;cursor:default}.ob-auth-back{display:inline-block;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);border:none;background:none;color:var(--text-link);font:inherit;font-size:var(--font-size-caption);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ob-pin-dots{display:flex;justify-content:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-2)}.ob-pin-dot{width:calc(16px * var(--scale));height:calc(16px * var(--scale));border-radius:50%;border:2px solid var(--border-control);background:transparent;transition:background var(--motion-fast, .12s) ease}.ob-pin-dot--filled{background:var(--brand-solid);border-color:var(--brand-solid)}.ob-auth-message{min-height:calc(28px * var(--scale));margin:var(--space-2) 0 var(--space-4);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--text-muted)}.ob-pin-pad{width:min(calc(300px * var(--scale)),100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ob-pin-key{min-height:calc(60px * var(--scale));border:1px solid var(--border-default);border-radius:calc(16px * var(--scale));background:var(--surface-panel);color:var(--text-strong);font:inherit;font-size:calc(24px * var(--scale));font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast, .12s) ease,transform var(--motion-fast, .12s) ease}.ob-pin-key:hover:not(:disabled){background:var(--brand-tint);border-color:var(--brand-border)}.ob-pin-key:active:not(:disabled){transform:scale(.97);background:var(--brand-tint-strong)}.ob-pin-key:disabled{opacity:.45;cursor:default}.ob-pin-key--pressed:not(:disabled){animation:ob-pin-tap .15s ease;background:var(--brand-tint-strong);border-color:var(--brand-border)}@keyframes ob-pin-tap{0%{transform:scale(1)}40%{transform:scale(.93);background:var(--brand-tint-strong)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ob-pin-key--pressed:not(:disabled){animation:none;background:var(--brand-tint-strong)}}.ob-pin-hint{margin:calc(var(--space-2) * -1) 0 var(--space-3)}.ob-pin-key--wide{font-size:var(--font-size-body)}.ob-setup-group{margin:var(--space-5) 0 0;padding:var(--space-4) 0 0;border:none;border-top:1px solid var(--border-hairline)}.ob-setup-group legend{padding:0 var(--space-2) 0 0;font-size:var(--font-size-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.ob-field{display:grid;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--font-size-body-sm);color:var(--text-muted)}.ob-field input{min-height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--border-control);border-radius:calc(10px * var(--scale));background:var(--surface-panel);color:var(--text-strong);font:inherit;font-size:var(--font-size-body)}.ob-field input:focus-visible{outline:3px solid var(--brand-solid);outline-offset:2px}.ob-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ob-check{display:inline-flex;align-items:center;gap:var(--space-2);text-transform:none;letter-spacing:normal;font-size:var(--font-size-body);color:var(--text-body);cursor:pointer}.ob-check input{width:calc(18px * var(--scale));height:calc(18px * var(--scale))}@media(max-width:720px){.ob-field-row{grid-template-columns:1fr}}body{margin:0;min-height:100vh;background:var(--surface-canvas);color:var(--text-body);font-family:var(--font-sans)}#root{min-height:100vh}@keyframes ad-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ad-fade{0%{opacity:0}to{opacity:1}}@keyframes ad-turn{0%{opacity:0;transform:translate(calc(24px * var(--motion-distance)))}to{opacity:1;transform:none}}.ob-turn{animation:ad-turn var(--duration-page) var(--ease-enter)}@keyframes ad-up{0%{transform:translateY(100%)}to{transform:none}}.ob-device{position:relative;overflow:hidden;background:var(--surface-canvas);color:var(--text-body);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body)}@keyframes ob-warm{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ob-warm-track{position:relative;overflow:hidden;width:min(240px,60vw);height:6px;border-radius:var(--radius-pill);background:var(--brand-tint)}.ob-warm-bar{position:absolute;inset:0 auto 0 0;width:40%;border-radius:var(--radius-pill);background:var(--brand-solid);animation:ob-warm 1.6s var(--ease-enter, ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.ob-warm-bar{animation:none;width:100%;opacity:.5}}@keyframes ob-showme-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ob-showme-fade{0%{opacity:0}to{opacity:1}}.ob-showme{min-height:100%;display:flex;flex-direction:column;background:var(--surface-page);animation:ob-showme-up .42s var(--ease-standard, ease) both}.ob-showme__pin{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-6);background:var(--surface-sunken);border-bottom:var(--border-width-hairline) solid var(--border-hairline)}.ob-showme__pin-label{font-size:var(--font-size-caption);font-weight:var(--weight-bold);color:var(--text-muted)}.ob-showme__pin-q{flex:1;min-width:0;font-size:var(--font-size-body-sm, var(--font-size-label));color:var(--text-body)}.ob-showme__body{width:100%;max-width:calc(760px * var(--scale));margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);animation:ob-showme-fade .22s var(--ease-standard, ease) both}.ob-showme__head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ob-showme__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.ob-showme__vis{min-height:calc(120px * var(--scale));padding:var(--space-5);background:var(--surface-sunken);border-radius:var(--radius-lg);display:flex;align-items:center}.ob-showme__vis>*{flex:1;min-width:0}.ob-showme__you{display:flex;flex-direction:column;gap:var(--space-3);animation:ob-showme-up .36s var(--ease-standard, ease) both}.ob-showme__you-label{font-size:var(--font-size-label);font-weight:var(--weight-bold);color:var(--brand-ink)}@media(prefers-reduced-motion:reduce){.ob-showme,.ob-showme__you{animation-name:ob-showme-fade}}