@layer components{.bcn-stage{--stage-pad:var(--page-pad);--frame-max:max(44rem, 34vw);min-block-size:100dvh;color:var(--color-text-primary);flex-direction:column;display:flex;position:relative}.bcn-stage[data-frame=item],.bcn-stage[data-frame=wide]{--frame-max:80rem}.bcn-stage[data-frame=form]{--frame-max:96rem}.bcn-stage[data-frame=letter]{--frame-max:120rem}.bcn-stage[data-timed]{background:var(--color-surface-page)}.bcn-stage[data-fill]{block-size:100dvh}.bcn-stage-top{align-items:center;gap:var(--space-4);min-block-size:56px;padding-inline:var(--stage-pad);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.bcn-stage-brand{align-items:center;gap:var(--space-3);min-inline-size:0;color:var(--color-text-muted);font-size:var(--text-fine);font-weight:500;line-height:1.2;display:inline-flex}.bcn-stage-sample{justify-self:center}.bcn-stage-end{justify-self:end}.bcn-stage-main{min-block-size:0;padding-inline:var(--stage-pad);padding-block:0 var(--space-6);flex-direction:column;flex:auto;display:flex}.bcn-stage-frame{min-block-size:0;inline-size:min(var(--frame-max), 100%);flex-direction:column;flex:auto;margin-inline:auto;display:flex}.bcn-stage[data-frame=center] .bcn-stage-main>.bcn-stage-frame{justify-content:center}.bcn-stage:is([data-frame=wide],[data-frame=form]) .bcn-stage-main>.bcn-stage-frame{justify-content:safe center;padding-block-end:4vh}.bcn-stage-footer{padding-inline:var(--stage-pad);padding-block-end:var(--space-5)}.bcn-stage-footer>.bcn-stage-frame{align-items:center;gap:var(--space-2) var(--space-6);flex-flow:wrap}.bcn-stage[data-frame=center] .bcn-stage-footer>.bcn-stage-frame{justify-content:center}.bcn-sample-marker{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border:1px solid var(--color-feedback-caution);border-radius:var(--radius-pill);background:var(--color-feedback-caution-surface);color:var(--color-feedback-caution);font-size:var(--text-fine);letter-spacing:var(--tracking-station);text-align:center;margin:0;font-weight:600;line-height:1.35;display:inline-flex}.bcn-station-card{gap:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-dialog);background:var(--color-surface-card);background-image:var(--card-sheen);box-shadow:var(--elev-2);flex-direction:column;padding:clamp(1.75rem,2.4vw,3rem);display:flex;position:relative}.bcn-done{isolation:isolate;flex-direction:column;align-items:flex-start;gap:clamp(1.25rem,.75rem + 1vw,2rem);display:flex;position:relative}.bcn-done-title{font-size:var(--text-hero);font-stretch:var(--stretch-display);font-weight:max(360, var(--weight-light));letter-spacing:-.02em;line-height:1.06}.bcn-done-line{inline-size:100%}.bcn-done-line svg{block-size:auto;inline-size:100%}.bcn-done-torus{--emblem-gold:var(--color-accent-attention);--emblem-azure:var(--color-accent-signal);z-index:-1;aspect-ratio:1;opacity:.85;inline-size:min(96vh,56vw,90rem);position:absolute;inset-block-start:50%;inset-inline-end:calc(-1 * var(--page-pad) - 8vw);translate:0 -50%}.bcn-item-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-copy);margin-block-start:var(--space-3);font-weight:600;display:flex}.bcn-item-foot{align-items:center;gap:var(--space-3) var(--space-6);border-block-start:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-block-start:auto;padding-block-start:var(--space-4);display:grid}.bcn-answer{--answer-mark-bg:var(--color-accent-attention);--answer-mark-ink:var(--ink-950);border-radius:var(--radius-card);box-shadow:inset 0 0 0 var(--answer-ring,0px) var(--answer-border), var(--elev-1);border-width:1px}.bcn-answer:where(:not([aria-disabled=true])):active,.bcn-answer[data-force=active]{--answer-bg:var(--color-surface-selected);transform:none}.bcn-answer[data-state=previous],.bcn-answer[data-state=flash],.bcn-answer[aria-pressed=true]{--answer-border:var(--color-border-attention);--answer-bg:var(--color-surface-chosen);--answer-ring:1px}.bcn-answer[data-state=pending]{--answer-border:var(--color-border-attention);--answer-bg:var(--color-surface-card);border-style:dashed}.bcn-answer-mark{background:var(--answer-mark-bg);color:var(--answer-mark-ink)}.bcn-key-letter{border:1px solid var(--color-border-attention);border-radius:var(--radius-pill);background:var(--color-surface-card);block-size:2.5rem;inline-size:2.5rem;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-lead);flex:none;justify-content:center;align-items:center;margin-block-start:.125rem;font-weight:600;display:inline-flex}.bcn-answer:is([data-state=flash],[data-state=previous],[aria-pressed=true]) .bcn-key-letter{background:var(--answer-mark-bg);color:var(--answer-mark-ink)}.bcn-multi-row{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-sunken);text-align:center;flex-direction:column;display:flex}@media (min-width:40rem){.bcn-multi-row{text-align:start;flex-direction:row;justify-content:space-between}}.bcn-measure{max-inline-size:36em;margin-inline:auto}.bcn-instructions-screen{justify-content:safe center}.bcn-instructions{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background-color:var(--color-surface-card);box-shadow:var(--elev-1);overscroll-behavior:contain;padding:clamp(1.5rem,2vw,2.5rem) clamp(1.5rem,2.4vw,3rem);line-height:1.6}}@media (forced-colors:active){.bcn-sample-marker,.bcn-key-letter,.bcn-station-card,.bcn-instructions{border-color:canvastext}}.bcn-done-title{font-size:var(--text-hero)}