:root{color:#1a1a1a;background:#fff;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}.page{max-width:420px;margin:0 auto;padding:32px 16px}h1{margin:0 0 24px;font-size:20px;font-weight:600}.form,.report{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.label{color:#595959;font-size:14px}.input{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #d4d4d4;border-radius:8px;padding:10px 12px;font-size:16px}.input:focus{outline-offset:-1px;outline:2px solid #1a1a1a}.input-code{letter-spacing:6px;text-align:center}.value{margin:0;font-size:15px}.button{font:inherit;color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600}.button:disabled{cursor:default;background:#c4c4c4;border-color:#c4c4c4}.button-plain{font:inherit;color:#595959;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hint{color:#595959;margin:0;font-size:13px;line-height:1.5}.code-value{letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:600}.button-secondary{font:inherit;color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #d4d4d4;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600}.button-secondary:disabled{color:#9a9a9a;cursor:default;border-color:#e4e4e4}