:root{color:#f7f8fb;background:#090d17;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(248,184,33,.2),transparent 34rem),linear-gradient(145deg,#111a2b,#080b12 65%)}button,input{font:inherit}.app-shell{width:min(100% - 2rem,680px);margin:0 auto;padding:2.5rem 0 3rem}header{margin-bottom:1.75rem}.eyebrow{margin:0 0 .25rem;color:#f8b821;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,8vw,3.6rem);line-height:1}.subtitle,.privacy{color:#aeb8ca;line-height:1.5}.camera-card,form{padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;background:#111827d1;box-shadow:0 1.5rem 4rem #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.camera-frame{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:.85rem;background:#03050a}video{width:100%;height:100%;object-fit:cover}.scan-guide{position:absolute;inset:39% 4%;border:2px solid #f8b821;border-radius:.6rem;box-shadow:0 0 0 999px #0000006b}.scan-guide span{position:absolute;top:.35rem;left:50%;transform:translate(-50%);padding:.3rem .55rem;border-radius:99px;color:#111827;background:#f8b821;font-size:.75rem;font-weight:800}.camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem}button{min-height:3rem;padding:.7rem 1rem;border:0;border-radius:.75rem;color:#111827;background:#f8b821;font-weight:800;cursor:pointer}button.secondary{color:#f7f8fb;background:#293348}button:disabled{cursor:not-allowed;opacity:.45}.progress{overflow:hidden;height:.35rem;margin-top:.85rem;border-radius:99px;background:#293348}.progress div{width:0;height:100%;background:#f8b821;transition:width .15s ease}form{display:grid;gap:.65rem;margin-top:1rem}label{margin-top:.35rem;color:#dbe1ec;font-size:.88rem;font-weight:700}input{width:100%;min-height:3.2rem;padding:.75rem .9rem;border:1px solid #3b465c;border-radius:.75rem;outline:none;color:#fff;background:#0d1320;font-size:1.05rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}input:focus{border-color:#f8b821;box-shadow:0 0 0 3px #f8b8212e}form button{margin-top:.65rem}.status{min-height:1.5rem;margin:1rem 0 0;font-weight:700}.status.success{color:#67e8a5}.status.error{color:#ff8b8b}.status.warning{color:#f8d77f}.scan-options{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem;padding:.75rem;border:1px solid rgba(248,184,33,.35);border-radius:.75rem;background:#f8b82112}.scan-preview{margin-top:.85rem;padding:.75rem;border:1px solid rgba(248,184,33,.35);border-radius:.75rem;background:#f7f1df}.scan-preview p{margin:0 0 .55rem;color:#4b3820;font-size:.82rem;font-weight:750}.scan-preview canvas{display:block;width:100%;max-height:12rem;border-radius:.4rem;object-fit:contain}.scan-options p{flex-basis:100%;margin:0;color:#f8d77f;font-size:.82rem;font-weight:700}.scan-options button{min-height:2.35rem;padding:.45rem .65rem;border:1px solid rgba(248,184,33,.55);color:#f8d77f;background:#161d2c;font-size:.82rem;letter-spacing:.08em}.pages-note{padding:.8rem 1rem;border:1px solid rgba(248,184,33,.45);border-radius:.75rem;color:#f8d77f;background:#f8b82114;font-size:.85rem;line-height:1.45}.privacy{margin-bottom:0;font-size:.78rem}@media(max-width:480px){.app-shell{width:min(100% - 1rem,680px);padding-top:1.25rem}.camera-actions{grid-template-columns:1fr}}