.qa-body{place-items:center;min-height:100dvh;padding:24px;display:grid}.qa-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-line);width:100%;max-width:392px;-webkit-backdrop-filter:var(--glass);box-shadow:var(--shadow);animation:qa-card-in var(--base) var(--ease-queleco) both;padding:34px 32px 26px}@keyframes qa-card-in{0%{opacity:0;transform:translateY(10px)}}.qa-head{text-align:center;margin-bottom:22px}.qa-mark{object-fit:contain;width:48px;height:48px;filter:var(--drop-mark);margin:0 auto 12px;display:block}.qa-title{font-family:var(--font-drama);letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;margin:0 0 6px;font-size:21px;font-weight:600;line-height:1.2}.qa-sub{color:var(--color-ink-2);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.qa-note{border-radius:var(--radius-field);border:1px solid var(--color-line);background:var(--color-raise);color:var(--color-ink-2);margin-bottom:16px;padding:10px 13px;font-size:12.5px;line-height:1.5}.qa-note:empty{display:none}.qa-note--bad{border-color:var(--color-bad-line);background:var(--color-bad-tint);color:var(--color-ink)}.qa-note--good{border-color:var(--color-accent-line);background:var(--color-accent-tint);color:var(--color-ink)}.qa-note--warn{border-color:var(--color-warn-line);background:var(--color-warn-tint);color:var(--color-ink)}.qa-form{gap:13px;display:grid}.qa-field{gap:6px;display:grid}.qa-field>label{color:var(--color-ink-2);font-size:11.5px;font-weight:500;line-height:1.3}.qa-field input:not(:placeholder-shown):invalid{border-color:var(--color-bad-line)}.qa-field input.q-num{text-align:center;letter-spacing:.34em;text-indent:.34em;font-size:15px}.qa-control{display:grid;position:relative}.qa-control--trailing .q-field{padding-right:42px}.qa-reveal{border-radius:var(--radius-pill);width:30px;height:30px;color:var(--color-ink-2);cursor:pointer;transition:color var(--fast) linear, background var(--fast) linear;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:5px;translate:0 -50%}.qa-reveal:hover{color:var(--color-ink);background:var(--color-raise)}.qa-hint{color:var(--color-ink-2);font-size:11px;font-style:normal;line-height:1.45}.qa-form .qa-submit{width:100%;height:42px;margin-top:4px;font-size:13.5px}.qa-check{grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.qa-check input{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;margin:0}.qa-check input:focus-visible{outline:2px solid var(--color-blue-soft);outline-offset:2px}.qa-check label{min-height:44px;color:var(--color-ink-2);cursor:pointer;align-items:center;padding-block:6px;font-size:12.5px;line-height:1.4;display:flex}.qa-check .qa-hint{grid-column:2;margin-top:-4px}.qa-alt{justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;display:flex}.qa-link{color:var(--color-ink-2);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:color var(--fast) linear;background:0 0;border:0;padding:0;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none}.qa-link:hover{color:var(--color-accent-text)}.qa-link:focus-visible{outline:2px solid var(--color-blue-soft);outline-offset:3px;border-radius:var(--radius-chip)}.qa-alt .qa-link+.qa-link{text-align:right}.qa-foot{color:var(--color-ink-2);text-align:center;margin:16px 0 0;font-size:11px;line-height:1.5}.qa-foot .qa-link{font-size:inherit;color:var(--color-accent-text)}.qa-foot .qa-link:hover{color:var(--color-blue-pale)}
