:root{font-family:"Yu Gothic UI","Hiragino Sans",system-ui,sans-serif;color:#15243a;background:#eef3f8;line-height:1.6;--navy:#062d63;--blue:#0d5dc6;--yellow:#ffd735;--border:#d8e1eb}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{height:72px;background:#fff;display:flex;align-items:center;gap:12px;padding:10px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}header img{width:48px;height:48px;border-radius:12px}header div{display:flex;flex-direction:column}header strong{font-size:20px;color:var(--navy)}header span{font-size:12px;color:#69809a}main{max-width:760px;margin:auto;padding:20px 14px calc(32px + env(safe-area-inset-bottom))}.card{display:none;background:#fff;border-radius:22px;padding:22px;box-shadow:0 8px 32px #0b315019}.card.active{display:block}.hero{text-align:center;padding:12px 0 20px}.hero h1,.section-title h1,.done h1{margin:8px 0 4px;color:var(--navy)}.hero p,.hint,.done p{color:#60758e;margin:0}.scan-mark{display:inline-grid;place-items:center;width:70px;height:70px;border-radius:20px;background:#eaf2fc;color:var(--blue);font-size:38px}.camera-button,.primary,.secondary{display:block;width:100%;border:0;border-radius:14px;padding:16px;font-size:17px;font-weight:700;text-align:center;cursor:pointer}.camera-button,.primary{background:var(--blue);color:#fff;box-shadow:0 5px 16px #0d5dc633}.camera-button input{display:none}.secondary{margin-top:10px;background:#edf3fa;color:var(--navy)}button:disabled{opacity:.5;cursor:not-allowed}.preview{display:none;width:100%;max-height:300px;object-fit:contain;margin:18px 0;border-radius:12px;background:#e5ebf1}.preview.visible{display:block}.status{min-height:24px;text-align:center;color:#60758e}.status.error{color:#b42318}.status.ok{color:#087443}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title span{font-size:12px;font-weight:800;color:var(--blue)}.section-title h1{margin-top:0}.text-button{border:0;background:none;color:var(--blue);font-weight:700}.form-grid,#card-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}#fields{display:contents}label{font-size:13px;font-weight:700;color:#40566f}input,textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--border);border-radius:10px;padding:12px;font:inherit;background:#fbfdff}textarea{resize:vertical}.wide{grid-column:1/-1}.hint{margin-bottom:18px}.done{text-align:center;padding-block:50px}.check{margin:auto;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#ddf8e9;color:#087443;font-size:46px;font-weight:800}.done .primary{margin-top:26px}dialog{border:0;border-radius:18px;padding:0;box-shadow:0 18px 80px #061a36aa}dialog::backdrop{background:#061a36aa}dialog form{padding:24px;min-width:min(88vw,340px)}dialog h2{margin:0;color:var(--navy)}dialog p{color:#60758e}@media(max-width:560px){main{padding-inline:10px}.card{padding:18px}.form-grid,#card-form{grid-template-columns:1fr}.wide{grid-column:auto}}