:root{--bg: #0b1220;--bg-elev: #121a2b;--text: #f4f7fb;--muted: #9aa8bc;--primary: #FE3618;--primary-ink: #FFFFFF;--system: #2563EB;--ok: #00A96E;--warn: #FFBE00;--bad: #FF1A51;--scrim: rgba(5, 10, 20, .62);--radius: 18px;--status-circle-d: 88px;--font: "Outfit", "Avenir Next", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));background:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--primary) 28%,transparent),transparent 55%),linear-gradient(165deg,#0b1220,#101827 45%,#0a1622)}.screen[hidden]{display:none!important}.screen-card{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;animation:rise .42s cubic-bezier(.22,1,.36,1) both}.screen-card h1{margin:16px 0 10px;font-size:clamp(1.55rem,5vw,1.9rem);font-weight:650;letter-spacing:-.02em;line-height:1.15}.screen-card>p{margin:0 0 24px;max-width:32ch;color:var(--muted);font-size:1rem;line-height:1.45}.screen-card>.btn{margin:0}.screen-card>.muted{margin:18px 0 0;max-width:36ch;color:var(--muted);font-size:.9rem;line-height:1.4}.screen-card>.error{margin:14px 0 0;max-width:36ch}.screen-card>.retry-btn{margin-top:16px}.screen-card>.retry-btn[hidden]{display:none}.screen-kicker{margin-top:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;color:var(--muted)}.brand-mark,.brand-inline{display:inline-grid;place-items:center;width:56px;height:56px;margin-inline:auto;border-radius:16px;background-color:color-mix(in srgb,var(--primary) 18%,#0f172a);background-image:none;background-size:68%;background-repeat:no-repeat;background-position:center;color:var(--primary);font-weight:700;font-size:1.15rem;letter-spacing:-.04em;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 35%,transparent)}.brand-mark.has-logo,.brand-inline.has-logo{color:transparent;font-size:0;background-color:#fff;background-size:72%;background-repeat:no-repeat;background-position:center;box-shadow:0 1px 2px #0000002e,inset 0 0 0 1px #0f172a0f}.brand-inline{width:36px;height:36px;margin-inline:0;border-radius:11px;font-size:.85rem}.brand-inline.has-logo{background-size:68%}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:14px 22px;font:inherit;font-weight:600;cursor:pointer;transition:transform .16s ease,filter .16s ease,background .16s ease}.btn:active{transform:scale(.98)}.btn.primary{background:var(--primary);color:var(--primary-ink);min-width:200px}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 22%,transparent)}.error{margin-top:14px;color:var(--bad);font-size:.92rem}.muted{color:var(--muted);font-size:.9rem}.build-version{margin-top:18px;font-size:.72rem;opacity:.55;font-variant-numeric:tabular-nums}.progress{width:min(280px,100%);height:8px;margin:0 auto 12px;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}.progress-bar{height:100%;width:12%;border-radius:inherit;background:linear-gradient(90deg,var(--system),color-mix(in srgb,var(--system) 55%,#fff));transition:width .28s ease}.capture-screen{padding:0;background:#000;place-items:stretch}.stage{position:relative;width:100%;height:100%;overflow:hidden;background:#000}#video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#preview,#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}#overlay{pointer-events:none;background:transparent}.capture-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:calc(14px + var(--safe-top)) 12px 10px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}.camera-picker{flex:1;min-width:0;max-width:52vw}.camera-picker select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:8px 28px 8px 12px;font:inherit;font-size:.78rem;font-weight:500;color:var(--text);background:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.7) 50%) calc(100% - 14px) / 5px 5px no-repeat,linear-gradient(135deg,rgba(255,255,255,.7) 50%,transparent 50%) calc(100% - 9px) / 5px 5px no-repeat,#080e18a8;box-shadow:inset 0 0 0 1px #ffffff1f}.camera-picker select:focus{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.doc-pill{flex:0 0 auto;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#080e18a8}.icon-btn{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--text);background:#080e18a8;cursor:pointer}.icon-btn:active{transform:scale(.96)}.guide-banner{position:absolute;left:12px;right:12px;bottom:calc(36px + var(--safe-bottom));width:auto;max-width:none;transform:none;z-index:3;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:12px 18px;border-radius:14px;background:#080e18db;box-shadow:0 10px 30px #00000059;transition:background .2s ease,box-shadow .2s ease}.guide-banner.ok{background:color-mix(in srgb,var(--ok) 22%,rgba(8,14,24,.85));box-shadow:0 0 0 1px color-mix(in srgb,var(--ok) 45%,transparent)}.guide-banner.warn{background:color-mix(in srgb,var(--warn) 18%,rgba(8,14,24,.85))}.guide-banner.bad{background:color-mix(in srgb,var(--bad) 20%,rgba(8,14,24,.85))}.guide-icon{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--system);box-shadow:0 0 0 4px color-mix(in srgb,var(--system) 25%,transparent)}.guide-banner.ok .guide-icon{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 25%,transparent)}.guide-banner.warn .guide-icon{background:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 25%,transparent)}.guide-banner.bad .guide-icon{background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 25%,transparent)}#guide-text{flex:1 1 auto;min-width:0;font-size:.88rem;font-weight:500;line-height:1.3;white-space:normal;overflow-wrap:break-word;text-wrap:pretty}.status-circle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;pointer-events:none}.status-circle[hidden]{display:none!important}.status-circle-shell{position:relative;width:var(--status-circle-d);height:var(--status-circle-d)}.status-circle-shell>*{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.status-circle[data-state=progress] .sc-ring,.status-circle[data-state=hold] .sc-ring,.status-circle[data-state=spinner] .sc-ring,.status-circle[data-state=check] .sc-ring,.status-circle[data-state=check] .sc-check{display:block}.sc-ring{width:100%;height:100%;transform:rotate(-90deg);transform-origin:50% 50%}.sc-ring .track{fill:none;stroke:#ffffff2e;stroke-width:6}.sc-ring .prog{fill:none;stroke:var(--system);stroke-width:6;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset .1s linear}.status-circle[data-state=spinner] .sc-ring{animation:ring-spin .9s linear infinite}.status-circle[data-state=spinner] .sc-ring .prog{stroke-dasharray:60 264;stroke-dashoffset:0;transition:none}.status-circle[data-state=hold] .sc-ring .prog{stroke-dasharray:264;stroke-dashoffset:0;animation:ring-hold-pulse 1.1s ease-in-out infinite}@keyframes ring-hold-pulse{0%,to{opacity:.55}50%{opacity:1}}.status-circle[data-state=check] .sc-ring .track{opacity:0}.status-circle[data-state=check] .sc-ring .prog{stroke:var(--ok);stroke-dasharray:264;stroke-dashoffset:0;transition:stroke-dashoffset .32s ease,stroke .2s ease}.sc-check{color:var(--ok);width:44%;height:44%;margin:auto}@keyframes ring-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.doc-pill[hidden]{display:none!important}.hud{position:absolute;left:10px;right:10px;bottom:calc(112px + var(--safe-bottom));z-index:4;margin:0;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.68rem;line-height:1.5;white-space:pre-wrap;color:#baffc9;background:#000000b8;border-radius:8px;pointer-events:none}.hud[hidden]{display:none!important}.flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#fff;opacity:0;pointer-events:none}.flash.on{animation:flash .28s ease-out}.success-card .check{position:relative;width:var(--status-circle-d);height:var(--status-circle-d);margin:0 auto 8px}.check-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.check-ring{fill:none;stroke:var(--ok);stroke-width:3;stroke-dasharray:180;stroke-dashoffset:180;animation:draw-ring .52s ease forwards}.check-mark{position:absolute;width:44%;height:44%;top:28%;left:28%;color:var(--ok);stroke-dasharray:26;stroke-dashoffset:26;animation:draw-mark .36s .28s ease forwards}.success-warn{margin:4px auto 0;max-width:320px;padding:8px 14px;border-radius:10px;background:color-mix(in srgb,var(--warn) 18%,rgba(8,14,24,.85));color:var(--warn);font-size:.88rem;font-weight:600;line-height:1.3}.success-warn[hidden]{display:none}.thumb-wrap{margin:8px auto 22px;width:min(320px,86vw);max-height:42vh;aspect-ratio:8.5 / 11;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 16px 40px #00000059;cursor:zoom-in}#success-thumb{width:100%;height:100%;object-fit:contain;display:block}.thumb-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000eb;cursor:zoom-out}.thumb-zoom[hidden]{display:none}.thumb-zoom img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes flash{0%{opacity:.85}to{opacity:0}}@keyframes draw-ring{to{stroke-dashoffset:0}}@keyframes draw-mark{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.screen-card,.check-ring,.check-mark,.flash.on{animation:none}.check-ring,.check-mark{stroke-dashoffset:0}.status-circle[data-state=spinner] .sc-ring{animation:none}.status-circle[data-state=spinner] .sc-ring .prog{stroke-dasharray:264;stroke-dashoffset:66}.status-circle[data-state=hold] .sc-ring .prog{animation:none;opacity:1}}.manual-bar{position:absolute;left:0;right:0;bottom:max(14px,var(--safe-bottom));z-index:4;display:grid;justify-items:center;gap:6px;pointer-events:none}body[data-manual="1"] .guide-banner{bottom:calc(150px + var(--safe-bottom))}.manual-bar[hidden]{display:none!important}.shutter-btn{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:72px;padding:0;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 6px 20px #00000059;cursor:pointer;display:grid;place-content:center;transition:transform .12s ease}.shutter-btn:active{transform:scale(.92)}.shutter-btn:disabled{opacity:.45;cursor:default}.shutter-ring{width:58px;height:58px;border-radius:50%;box-shadow:inset 0 0 0 3px #00000059;display:block}.manual-hint{pointer-events:none;font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#00000073;padding:3px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}