:root{color:#0f172a;--brand:#0f766e;--success:#059669;--error:#dc2626;--review:#d97706;--frame-aspect:.75;background:linear-gradient(160deg,#ecfdf5 0%,#f8fafc 45%,#f1f5f9 100%);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{height:-webkit-fill-available}body{min-height:100dvh;-webkit-font-smoothing:antialiased;min-width:320px;min-height:-webkit-fill-available;margin:0;overflow-x:hidden}#root{min-height:100dvh;width:100%;min-height:-webkit-fill-available;padding:max(.75rem,env(safe-area-inset-top))max(.75rem,env(safe-area-inset-right))max(.75rem,env(safe-area-inset-bottom))max(.75rem,env(safe-area-inset-left));flex-direction:column;display:flex}.capture-app{flex-direction:column;flex:1;gap:.65rem;width:100%;max-width:480px;min-height:0;margin:0 auto;padding:.25rem 0 .5rem;display:flex}.capture-header{color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.35rem 0;font-size:1rem;font-weight:600;display:flex}.capture-body{flex-direction:column;flex:1;justify-content:center;width:100%;min-height:0;display:flex}.step-dots{flex-shrink:0;justify-content:center;gap:.4rem;margin-bottom:.15rem;display:flex}.step-dots .dot{background:#cbd5e1;border-radius:999px;width:9px;height:9px;transition:background .2s,transform .2s}.step-dots .dot.active{background:var(--brand);transform:scale(1.15)}.capture-card{background:#fff;border:1px solid #0f172a0f;border-radius:20px;width:100%;padding:1.35rem 1.15rem;box-shadow:0 4px 24px #0f172a14}.capture-card.flush{padding-top:1rem}.capture-card.center{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}h1{text-align:center;margin:0 0 .5rem;font-size:clamp(1.25rem,4.5vw,1.45rem);font-weight:700}h2{text-align:center;margin:0 0 .35rem;font-size:clamp(1.1rem,4vw,1.25rem);font-weight:700}.lead{color:#475569;text-align:center;margin:0 0 1.25rem;font-size:clamp(.92rem,3.5vw,1rem);line-height:1.55}.muted{color:#64748b;text-align:center;margin:0 0 1rem;font-size:clamp(.88rem,3.2vw,.95rem);line-height:1.5}.fine-print{color:#94a3b8;text-align:center;margin:1rem 0 0;font-size:.78rem;line-height:1.45}.error-msg{color:var(--error);text-align:center;background:#fef2f2;border-radius:10px;margin:0 0 1rem;padding:.75rem;font-size:.9rem}.warn-msg{color:var(--review);text-align:center;margin:0 0 .75rem;font-size:.85rem}.btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;margin-top:.65rem;padding:.95rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--brand);color:#fff;box-shadow:0 4px 14px #0f766e59}.btn.secondary{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.btn.ghost{color:#475569;background:0 0;border:1px dashed #cbd5e1;font-size:.9rem;position:relative}.dev-badge{color:#92400e;background:#fef3c7;border-radius:4px;margin-left:.25rem;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.btn-row{grid-template-columns:1fr 1fr;gap:.65rem;width:100%;display:grid}.camera-frame{width:100%;aspect-ratio:var(--frame-aspect,.75);background:#0f172a;border-radius:16px;max-height:min(58vh,520px);margin:.5rem 0 .25rem;position:relative;overflow:hidden}.guide-overlay{pointer-events:none;position:absolute;inset:0}.guide-cutout{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 200vmax #02061794}.guide-cutout.rect{border:2px solid #ffffffeb;border-radius:14px;width:82%;height:58%}.guide-cutout.oval{border:2px solid #ffffffeb;border-radius:50%;width:56%;height:74%}.guide-id-icon{opacity:.38;width:42%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-frame{width:100%;aspect-ratio:var(--frame-aspect,.75);background:#0f172a;border-radius:14px;max-height:min(58vh,520px);margin:.5rem 0;overflow:hidden}.preview-img{object-fit:contain;background:#0f172a;width:100%;height:100%;display:block}.field-label{color:#475569;margin-bottom:.75rem;font-size:.85rem;font-weight:500;display:block}.select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-top:.35rem;padding:.65rem .75rem;font-size:1rem;display:block}.progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:6px;margin-top:.5rem;overflow:hidden}.progress-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .35s}.spinner{border:3px solid #e2e8f0;border-top-color:var(--brand);border-radius:50%;width:48px;height:48px;margin-bottom:.5rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-card .icon-success{color:var(--success)}.result-card .icon-error{color:var(--error)}.result-card .icon-review{color:var(--review)}.redirect-msg{color:var(--brand);margin-top:.75rem;font-size:.85rem}@media (min-width:480px){.capture-app{padding:.5rem 0 1rem}.capture-card{padding:1.75rem 1.5rem}}@media (max-width:380px){.capture-card{padding:1.15rem 1rem}.btn{padding:.85rem;font-size:.95rem}}