:root{--bg:#0b132b;--surface:#111a35;--surface-2:#182447;--ink:#f5f7fb;--ink-dim:#a9b2cc;--accent:#5bc0eb;--accent-ink:#0b132b;--skip:#6b7aa0;--radius:14px;--gap:16px;--tap:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:17px;line-height:1.45}*{box-sizing:border-box}html,body{background:var(--bg);-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0;padding:0}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#app{gap:var(--gap);flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;padding:20px;display:flex}.screen{flex-direction:column;flex:1;gap:18px;animation:.18s ease-out both fade;display:flex}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.progress{gap:6px;margin-bottom:4px;display:flex}.progress span{background:var(--surface-2);border-radius:2px;flex:1;height:4px}.progress span.on{background:var(--accent)}h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:700;line-height:1.15}h2{color:var(--ink);margin:0;font-size:20px;font-weight:600}p{color:var(--ink-dim);margin:0}p.hint{color:var(--accent);border-left:3px solid var(--accent);background:#5bc0eb14;border-radius:6px;padding:10px 14px;font-size:15px;font-weight:500}.intro-hero{object-fit:contain;width:100%;max-height:52vh;margin:8px auto 0;display:block}.example{flex-direction:column;gap:6px;margin:0;display:flex}.example-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.example-photo{object-fit:cover;border-radius:var(--radius);background:var(--surface);border:1px solid var(--surface-2);width:100%;max-height:32vh}.example-caption{color:var(--ink-dim);font-size:13px;line-height:1.3}.result-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--surface-2);flex-direction:column;gap:10px;padding:16px;display:flex}.result-card.ok{background:linear-gradient(#5bc0eb1c,#5bc0eb08);border-color:#5bc0eb8c}.result-card.warn{background:linear-gradient(#ffb4641a,#ffb46405);border-color:#ffb4648c}.result-card .headline{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.result-card.ok .headline{color:var(--accent)}.result-card.warn .headline{color:#ffb464}.result-card .badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:800;display:inline-flex}.result-card.ok .badge{background:var(--accent);color:var(--accent-ink)}.result-card.warn .badge{color:#3a1d00;background:#ffb464}.result-card .details{color:var(--ink);grid-template-columns:max-content 1fr;gap:4px 12px;font-size:14px;display:grid}.result-card .details dt{color:var(--ink-dim);font-weight:500}.result-card .details dd{word-break:break-word;margin:0;font-weight:600}.result-card .result-note{color:var(--ink-dim);font-size:14px;line-height:1.4}.preview{border-radius:var(--radius);object-fit:cover;background:var(--surface);border:1px solid var(--surface-2);width:100%;max-height:44vh}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.field input[type=text]{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);min-height:var(--tap);outline:none;padding:14px 16px}.field input:focus{border-color:var(--accent)}.actions{padding-top:var(--gap);flex-direction:column;gap:10px;margin-top:auto;display:flex}button,.button,label.file-button{font:inherit;min-height:var(--tap);border-radius:var(--radius);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;transition:transform 80ms ease-out,background .12s ease-out;display:inline-flex}button:active,.button:active,label.file-button:active{transform:scale(.985)}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{background:var(--surface-2);color:var(--ink)}.skip{color:var(--skip);background:0 0;min-height:40px;font-weight:500;text-decoration:underline}input[type=file].hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.uploading{background:var(--surface);border-radius:var(--radius);color:var(--ink-dim);align-items:center;gap:10px;padding:14px 16px;display:flex}.spinner{border:2px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.captured{flex-wrap:wrap;gap:8px;display:flex}.captured .chip{background:var(--surface);border:1px solid var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:inline-flex}.chip .check{color:var(--accent);font-weight:700}.session-error{color:#ffb4bd;border-radius:var(--radius);background:#3a1d24;border:1px solid #572630;padding:12px 14px;font-size:14px}