.Cgra4q_canvas{background:var(--color-panel);min-height:100dvh;display:flex}.Cgra4q_panel{padding:calc(env(safe-area-inset-top) + var(--space-6)) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-6));flex:1;justify-content:center;align-items:center;display:flex}.Cgra4q_card{gap:var(--space-7);min-width:0;padding:var(--space-8) var(--space-6) var(--space-7);background:var(--color-surface);border-radius:var(--radius-xl);flex-direction:column;flex:0 27.5rem;display:flex}.Cgra4q_brand{align-items:center;gap:var(--space-3);color:var(--color-ink-2);display:flex}.Cgra4q_brandName{font-family:var(--font-logo);font-style:italic;font-weight:var(--weight-bold);font-size:var(--text-2xl);color:var(--color-ink);line-height:1}.Cgra4q_heading{gap:var(--space-3);flex-direction:column;display:flex}.Cgra4q_title{font-size:var(--text-2xl);font-weight:var(--weight-regular);letter-spacing:-.03em;line-height:1.15}.Cgra4q_lead{color:var(--color-ink-2)}.Cgra4q_form{gap:var(--space-3);flex-direction:column;display:flex}.Cgra4q_label{font-size:var(--text-sm);color:var(--color-ink-2)}.Cgra4q_input{width:100%;min-width:0;min-height:3.25rem;padding:0 var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-panel);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}.Cgra4q_input:focus{border-color:var(--color-ink);background:var(--color-surface)}.Cgra4q_input[aria-invalid=true]{border-color:var(--color-critical)}.Cgra4q_code{border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.5em;text-align:center;}.Cgra4q_primary{justify-content:center;align-items:center;gap:var(--space-2);min-height:3.25rem;margin-top:var(--space-2);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-ink);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);border:0;display:flex}.Cgra4q_primary:disabled{opacity:.6;cursor:progress}.Cgra4q_error{min-height:1.5em;color:var(--color-critical);font-size:var(--text-sm)}.Cgra4q_foot{color:var(--color-ink-3);font-size:var(--text-xs)}.Cgra4q_back{align-self:flex-start;align-items:center;gap:var(--space-1);min-height:var(--size-control);margin:calc(-1 * var(--space-3)) 0 calc(-1 * var(--space-3)) calc(-1 * var(--space-3));padding:0 var(--space-4) 0 var(--space-2);border-radius:var(--radius-pill);color:var(--color-ink-2);display:inline-flex}.Cgra4q_mono{font-family:var(--font-mono);color:var(--color-ink)}@media (min-width:768px){.Cgra4q_canvas{padding:var(--space-4);background:var(--color-canvas)}.Cgra4q_panel{padding:var(--space-6);background:var(--color-panel);border-radius:var(--radius-xl)}.Cgra4q_card{padding:var(--space-8) var(--space-8) var(--space-7)}}