/* ============================================================
   ANNA — page-specific styling for anna.html.
   Shared design-system components (forms, buttons, video shell,
   consent block, timer, tokens) live in asi.css so Anna stays in
   the site's own visual language. This file owns only the stage
   state machine and small page-local polish -- nothing here
   introduces a new color, a gradient, or a shadow.
   2026-07-14
   ============================================================ */

.anna-stage{display:none}
.anna-stage.active{display:block}

/* the joining/scoring spinner reuses .diag-scoring from asi.css but this
   page never wants it competing with the diagnostic's own copy for width */
#anna-stage-joining .diag-scoring{justify-content:center;text-align:left}

/* consent checkbox: keep the label clickable as one target, not just the box.
   Neutral accent-color on purpose -- a checkbox tick is not a live/verified/
   active status, so it does not earn the signal green. */
/* The generic form-label rule (mono, uppercase, block) is right for field labels
   and wrong for a sentence of consent — it stacked the tick above its own text and
   shouted the one line that has to read like a plain, calm statement. Reset it here. */
.anna-check{display:flex;align-items:flex-start;gap:12px;margin-top:18px;cursor:pointer;user-select:none;
  font-family:var(--grotesk);font-size:.88rem;line-height:1.6;letter-spacing:0;text-transform:none;
  color:var(--paper);font-weight:400}
.anna-check input{accent-color:var(--paper);flex:none;margin-top:4px;width:15px;height:15px}
.anna-check span{display:block}

/* video shell: while the call is connecting the remote video has no frames
   yet -- avoid a jarring pure-black flash by matching the carbon panel */
#anna-remote-video,#anna-local-video{background:var(--carbon-950)}

/* close/fallback screens read as calm endpoints, not another form */
#anna-stage-close .btn,#anna-stage-fallback .btn{min-width:200px}

/* the sticky nav must never crop the live stage */
.anna-wrap,.anna-stage{scroll-margin-top:96px}
.anna-video{scroll-margin-top:96px}