@layer components{.qc{gap:var(--space-4);display:grid;container-type:inline-size}.qc-lead{color:var(--fg-2);font-size:.9375rem;line-height:1.5}.qc-fields{gap:var(--space-4);display:grid}@container (min-width:30rem){.qc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.qc-field{gap:var(--space-2);margin:0;display:grid}.qc-label{color:var(--foreground);font-size:.9375rem;font-weight:600}.qc-optional{color:var(--muted);font-weight:400}.qc-input{min-block-size:3rem;inline-size:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--line-input);border-radius:var(--r-md);background:var(--background);color:var(--foreground);font:inherit;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;font-size:1rem}.qc-input:hover{border-color:var(--foreground)}.qc-input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.qc-input[aria-invalid=true]{border-color:var(--danger)}.qc-error{color:var(--danger);font-size:.9375rem;font-weight:600}.qc-fail{font-weight:500;line-height:1.5}.qc-fine{color:var(--muted);font-size:.875rem}.qc-hp{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.qc-done{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--background);animation:qc-in var(--dur-enter) var(--ez-expo) both;display:grid}.qc-done:focus{outline:none}.qc-done:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qc-done-title{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:1.25rem;font-weight:700;display:flex}.qc-tick{background:var(--signal);border-radius:50%;flex:none;place-items:center;block-size:1.75rem;inline-size:1.75rem;display:inline-grid}.qc-tick:after{content:"";border-block-end:2.5px solid var(--white);border-inline-start:2.5px solid var(--white);block-size:.4rem;inline-size:.7rem;margin-block-start:-.15rem;transform:rotate(-45deg)}.qc-done-note{color:var(--fg-2);font-size:.9375rem}@keyframes qc-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.qc-done{animation:none}}.qc-inline{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--background);display:grid}.qc-cancel{min-block-size:2.75rem;padding-inline:var(--space-2);color:var(--muted);text-underline-offset:3px;justify-self:start;font-weight:600;text-decoration:underline}.qc-cancel:hover{color:var(--foreground)}}