body[data-onboarding-pending="true"] #loginStepper,
body[data-onboarding-pending="true"] #authState,
body[data-onboarding-pending="true"] #accessText,
body[data-onboarding-pending="true"] #loginBtn,
body[data-onboarding-pending="true"] #uploadArea { visibility: hidden; }
.onboarding-trial[hidden] { display: none !important; }
body[data-onboarding-variant="B"]:not([data-onboarding-signed-in="true"]) #loginStepper,
body[data-onboarding-variant="B"]:not([data-onboarding-signed-in="true"]) #queueCard { display: none; }
body[data-onboarding-variant="B"]:not([data-onboarding-signed-in="true"]):not([data-onboarding-complete="true"]) #loginBtn { display: none; }
.onboarding-trial { margin: 1rem 0; padding: 1.25rem; border: 1px solid var(--hairline); border-radius: 20px; background: var(--pearl); color: var(--ink); }
.onboarding-trial h3 { margin: .25rem 0 .5rem; font-size: 1.15rem; overflow-wrap: anywhere; }
.onboarding-trial p { margin: .35rem 0 .9rem; }
.onboarding-trial-actions { display: flex; gap: .65rem; align-items: center; flex-wrap: wrap; }
.onboarding-challenge { margin-top: .8rem; min-height: 65px; }
.onboarding-trial-status { font-variant-numeric: tabular-nums; }
.onboarding-choice[hidden] { display: none !important; }
.onboarding-choice {
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--hairline);
  border-radius: 24px;
  padding: clamp(24px, 4vw, 48px);
}
.onboarding-choice-content { max-width: 760px; margin: 0 auto; }
.onboarding-choice-kicker {
  margin: 0 0 12px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.onboarding-choice h2 { margin: 0 0 16px; font-size: clamp(28px, 4vw, 40px); line-height: 1.08; letter-spacing: -.035em; }
.onboarding-choice p { max-width: 68ch; line-height: 1.55; }
.onboarding-choice-detail { color: var(--text-muted, #64646b); font-size: 14px; }
.onboarding-choice-detail a { color: var(--blue); text-underline-offset: 3px; }
.onboarding-choice-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.onboarding-choice-actions button {
  min-height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 7px;
  padding: 18px 20px;
  border: 1px solid var(--hairline);
  border-radius: 16px;
  background: var(--pearl);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: border-color .18s, background-color .18s, transform .18s;
}
.onboarding-choice-actions button:hover { border-color: var(--blue); background: var(--white); transform: translateY(-2px); }
.onboarding-choice-actions button:focus-visible { outline: 3px solid var(--blue-focus); outline-offset: 3px; }
.onboarding-choice-actions button:disabled { cursor: wait; opacity: .65; transform: none; }
.onboarding-choice-actions strong { font-size: 16px; line-height: 1.25; }
.onboarding-choice-actions span { font-size: 13px; line-height: 1.35; opacity: .72; }
#onboardingChoiceStatus { min-height: 1.4em; margin: 12px 0 0; color: #a52626; font-size: 14px; }
html[data-upload120-theme="dark"] body .onboarding-choice { background: #1a1c22; color: #f1f3f7; border-color: rgba(139, 198, 255, .3); }
html[data-upload120-theme="dark"] body .onboarding-choice-kicker,
html[data-upload120-theme="dark"] body .onboarding-choice-detail a { color: #add1ff; }
html[data-upload120-theme="dark"] body .onboarding-choice-detail { color: #b0b6c2; }
html[data-upload120-theme="dark"] body .onboarding-choice-actions button { background: #23262e; color: #f1f3f7; border-color: #596273; }
html[data-upload120-theme="dark"] body .onboarding-choice-actions button:hover { background: #23262e; border-color: #add1ff; }
html[data-upload120-theme="dark"] body #onboardingChoiceStatus { color: #ff9a9a; }
@media (max-width: 650px) { .onboarding-choice-actions { grid-template-columns: 1fr; } .onboarding-choice-actions button { min-height: 80px; } }
@media (prefers-reduced-motion: reduce) { .onboarding-choice-actions button { transition: none; } }

/* Phone layout (Oct 2026): the Privacy details link gets a 44px tap area without moving the text. */
@media (max-width: 760px) {
  .onboarding-choice-detail a { display: inline-block; padding-block: 12px; margin-block: -12px; }
}