:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#071a3d;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f1ff;background:#08111f}*{box-sizing:border-box}body{background:#f4f6f8;min-height:100vh;margin:0;overflow-y:auto}button{font:inherit;border:0}.app-shell{min-height:100vh;padding:0;display:grid}.capture-panel{box-shadow:none;background:#fff;border:0;border-radius:0;align-content:start;gap:0;width:100%;min-height:100vh;display:grid;overflow:visible}.topbar{background:#fff;border-bottom:1px solid #e5ebf0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:58px;padding:8px clamp(16px,4vw,40px);display:grid}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-button{color:#07306f;cursor:pointer;background:#f6f9fc;border:1px solid #d8e2ee;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.icon-button:hover{background:#eef4ff;border-color:#b9c9e1;transform:translateY(-1px)}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;width:19px;height:19px}.theme-icon-sun,:root[data-theme=dark] .theme-icon-moon{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] body,:root[data-theme=dark] .capture-panel,:root[data-theme=dark] .topbar,:root[data-theme=dark] .stage,:root[data-theme=dark] .idle-screen{background:#08111f}:root[data-theme=dark] .topbar{border-bottom-color:#1d304a}:root[data-theme=dark] h1,:root[data-theme=dark] .idle-card,:root[data-theme=dark] .result-heading strong,:root[data-theme=dark] #compareScore{color:#e8f1ff}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .idle-card p,:root[data-theme=dark] .idle-card>small,:root[data-theme=dark] #compareDecision,:root[data-theme=dark] #compareDetails,:root[data-theme=dark] .liveness-row p,:root[data-theme=dark] #statusMessage{color:#a8bbd3}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .secondary-action,:root[data-theme=dark] .status-card,:root[data-theme=dark] .capture-step-card,:root[data-theme=dark] .compare-result,:root[data-theme=dark] .idle-card .secondary-action{color:#e8f1ff;background:#101c2d;border-color:#263a55}:root[data-theme=dark] .face-mark:before,:root[data-theme=dark] .face-mark:after,:root[data-theme=dark] .face-mark span:after{background:#08111f}:root[data-theme=dark] .quality-check,:root[data-theme=dark] .capture-slot{color:#a8bbd3;background:#0b1727;border-color:#263a55}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:#446181;letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:.68rem;font-weight:700}h1{color:#071a3d;margin:0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:900;line-height:1.15}.stage{box-shadow:none;aspect-ratio:3/4;background:#fff;border:0;border-radius:0;width:min(100%,420px);max-height:min(80vh,720px);margin:0 auto;display:grid;position:relative;overflow:hidden}.stage[data-state=document]{width:min(100%,980px);height:clamp(360px,56vh,680px)}.stage[data-state=document-prompt]{width:min(100%,720px);height:clamp(360px,58vh,620px)}.stage[data-state=idle]{width:min(100%,640px);height:auto;min-height:0}.stage[data-state=error]{border-color:#f97316}.camera-feed,.overlay,.snapshot-canvas,.countdown,.idle-screen,.review-screen,.orientation-prompt,.document-screen,.handoff-choice-screen,.handoff-waiting-screen,.mobile-handoff-screen,.mobile-complete-screen{grid-area:1/1;width:100%;height:100%}.camera-feed{object-fit:cover;transform:scaleX(-1)}.overlay,.snapshot-canvas{pointer-events:none}.overlay{z-index:1;position:relative}.countdown{color:#fff;pointer-events:none;text-shadow:0 8px 30px #00000073;z-index:2;justify-content:center;align-items:center;font-size:clamp(4rem,18vw,9rem);font-weight:900;line-height:1;display:flex;position:relative}.snapshot-canvas{display:none}.idle-screen,.review-screen,.orientation-prompt,.document-screen{z-index:2;background:#fff;justify-content:center;align-items:center;min-height:100%;padding:8px 22px 18px;display:flex;position:relative;overflow-y:auto}.stage[data-state=idle] .idle-screen{grid-area:auto;height:auto;min-height:0;position:static}.stage[data-state=idle] .camera-feed,.stage[data-state=idle] .overlay,.stage[data-state=idle] .snapshot-canvas,.stage[data-state=idle] .countdown{display:none}.idle-card{color:#071a3d;text-align:center;place-items:center;gap:12px;max-width:430px;display:grid}.idle-screen{align-items:flex-start}.idle-card .secondary-action{box-shadow:none;color:#07306f;background:#fff;border-color:#cfd8e3}.idle-card strong{font-size:.98rem}.idle-card p{color:#3b4c66;margin:0;line-height:1.45}.idle-card>small{color:#55657a;font-size:.72rem;font-weight:700}.face-mark{border:3px solid #2c6dd6;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.face-mark:before,.face-mark:after,.face-mark span:before,.face-mark span:after{content:"";background:#fff;position:absolute}.face-mark:before{width:10px;height:48px;top:12px;left:-4px}.face-mark:after{width:10px;height:48px;top:12px;right:-4px}.face-mark span{border:2px solid #2c6dd6;border-radius:50%;width:40px;height:50px;position:relative}.face-mark span:before{background:#2c6dd6;border-radius:50%;width:4px;height:4px;top:17px;left:9px;box-shadow:16px 0 #2c6dd6}.face-mark span:after{background:0 0;border-bottom:2px solid #2c6dd6;border-radius:50%;width:14px;height:10px;bottom:10px;left:11px}:root[data-theme=dark] .face-mark:before,:root[data-theme=dark] .face-mark:after{background:#08111f}.start-steps{text-align:left;gap:16px;width:100%;display:grid}.start-steps div{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.start-steps p{font-size:.78rem}.start-steps strong{margin-bottom:3px;font-size:.82rem;display:block}.step-icon{background:#07306f;border-radius:50%;width:24px;height:24px;margin-top:2px;display:inline-block}.id-icon{border-radius:6px}.review-screen{background:#0b1118;position:relative}.review-screen img{object-fit:cover;width:100%;height:100%}.scroll-down-notice{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;white-space:nowrap;z-index:3;pointer-events:none;background:#0f172abf;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.78rem;font-weight:700;animation:2s infinite scrollBounce;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}@keyframes scrollBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.scroll-down-arrow{width:14px;height:14px}.orientation-prompt{color:#071a3d;z-index:5;background:#f8fbff;padding:18px}.orientation-card{text-align:center;place-items:center;gap:14px;max-width:440px;display:grid}.orientation-card strong{font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.1}.orientation-card p{color:#475569;max-width:360px;margin:0;line-height:1.45}.orientation-graphic{justify-content:center;align-items:center;gap:18px;min-height:118px;display:flex}.phone-shape{background:linear-gradient(#10233f,#071427);border:3px solid #dbeafe;display:inline-block;position:relative;box-shadow:0 18px 38px #0f172a33}.phone-shape:before{content:"";background:#e0f2fe;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.portrait-phone{border-radius:18px;width:50px;height:92px}.portrait-phone:before{width:18px;height:4px;bottom:7px}.landscape-phone{border-radius:18px;width:100px;height:54px}.landscape-phone:before{width:4px;height:18px;top:50%;left:auto;right:7px;transform:translateY(-50%)}.rotate-glyph{width:42px;height:18px;display:block;position:relative}.rotate-glyph span{border:3px solid #0891b2;border-width:3px 3px 0 0;width:34px;height:18px;display:block;transform:rotate(45deg)}.compact-action{min-height:48px;padding:0 22px}.document-screen{z-index:4;background:#0b1118;padding:0}.document-mount{width:100%;height:100%}.document-mount>*{width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important}.document-mount *{max-width:none!important}.document-mount *::part(camera-select-part),.document-mount *::part(mirror-camera-button-part),.document-mount *::part(torch-button-part),.document-mount *::part(close-button-part){display:none!important}.document-mount video,.document-mount canvas,.mobile-document-mount video,.mobile-document-mount canvas{object-fit:cover;width:100%!important;height:100%!important}.document-mount:empty,.mobile-document-mount:empty{background:linear-gradient(135deg,#0891b22e,#0000 38%),#0b1118}.mobile-document-mount{width:100%;height:100%;min-height:280px}.mobile-document-mount>*{width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important}.mobile-document-mount *{max-width:none!important}.mobile-document-mount *::part(camera-select-part),.mobile-document-mount *::part(mirror-camera-button-part),.mobile-document-mount *::part(torch-button-part),.mobile-document-mount *::part(close-button-part){display:none!important}.document-fallback{color:#fff;text-align:center;background:#0b1118;align-content:center;justify-items:center;gap:10px;width:100%;height:100%;padding:24px;display:grid}.document-fallback strong{font-size:1.25rem}.document-fallback p{color:#b9c4cf;max-width:420px;margin:0;line-height:1.45}.controls{grid-template-columns:1fr;align-items:stretch;gap:14px;padding:18px clamp(16px,4vw,40px) 28px;display:grid}.status-card{background:#fff;border:1px solid #e1e7ee;border-radius:8px;padding:14px}.capture-steps{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.capture-step-card{background:#fff;border:1px solid #e1e7ee;border-radius:8px;align-content:start;gap:10px;min-width:0;padding:10px;display:grid}.capture-slot{color:#52616d;background:#f4f7f8;border:1px solid #d7dde3;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.capture-slot span{background:#dfe7eb;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:900;display:inline-flex}.capture-slot strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;overflow:hidden}.face-thumbnail,.selfie-thumbnail{aspect-ratio:1;object-fit:cover;background:#dfe7eb;border-radius:8px;width:88px;height:88px}.capture-slot.active{color:#0f172a;border-color:#0891b2}.capture-slot.active span{color:#fff;background:#0891b2}.capture-slot.complete{color:#0f172a;border-color:#16a34a}.capture-slot.complete span{color:#fff;background:#16a34a}.document-summary{background:#f4f7f8;border:1px solid #d7dde3;border-radius:8px;grid-template-columns:88px repeat(5,minmax(0,1fr));align-items:center;gap:10px;margin:0;padding:10px;display:grid}.document-summary img{aspect-ratio:1;object-fit:cover;background:#dfe7eb;border-radius:8px;width:88px;height:88px}.document-summary div{gap:4px;min-width:0;display:grid}.document-summary span{color:#52616d;text-transform:uppercase;font-size:.72rem;font-weight:800}.document-summary strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:.86rem}.document-summary strong.expired{color:#b91c1c}.status-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.status-workflow{display:grid}.controls.result-mode .capture-steps{grid-template-columns:1fr}#statusTitle{font-size:1rem;font-weight:800}#progressText{color:#35615a;font-size:.9rem;font-weight:800}.progress-track{background:#e5eaee;border-radius:999px;height:10px;overflow:hidden}.progress-bar{transform-origin:0;background:linear-gradient(90deg,#16a34a,#0891b2);height:100%;transition:transform .16s;transform:scaleX(0)}#statusMessage{color:#52616d;margin:10px 0 0;line-height:1.45}.quality-checks{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.quality-check{color:#52616d;background:#f4f7f8;border:1px solid #d7dde3;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:40px;padding:8px;display:flex}.quality-check span{background:#cbd5df;border-radius:999px;flex:none;width:10px;height:10px;display:inline-flex}.quality-check strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;overflow:hidden}.quality-check.pass{color:#14532d;border-color:#86efac}.quality-check.pass span{background:#16a34a}.quality-check.fail{color:#7c2d12;border-color:#fed7aa}.quality-check.fail span{background:#f97316}.quality-check.pending span{background:#94a3b8}.review-actions,.document-actions,.result-actions{align-items:stretch;gap:10px;display:flex}.result-actions{justify-content:start}.compare-result{background:#fff;border:1px solid #d7dde3;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px;display:grid}.result-heading{grid-column:1/-1;align-items:center;gap:8px;display:flex}.result-heading span{color:#fff;background:#07306f;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:900;display:inline-flex}.result-heading strong{color:#071a3d;font-size:1rem}.compare-result>div{gap:4px;display:grid}#compareDecision{color:#52616d;text-transform:uppercase;font-size:.82rem;font-weight:800}#compareScore{color:#0f172a;font-size:1.6rem;line-height:1}#compareDetails{color:#52616d;grid-column:1/-1;margin:0;line-height:1.45}.liveness-breakdown{grid-column:1/-1;gap:8px;display:grid}.liveness-row{border:1px solid #d7dde3;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}:root[data-theme=dark] .liveness-row{border-color:#263a55}.liveness-status{text-transform:uppercase;border-radius:999px;padding:6px 8px;font-size:.72rem;font-weight:900;line-height:1}.liveness-row.pass .liveness-status{color:#166534;background:#dcfce7}.liveness-row.fail .liveness-status{color:#991b1b;background:#fee2e2}.liveness-row.pending .liveness-status{color:#374151;background:#e5e7eb}.liveness-row strong{color:#0f172a;font-size:.9rem;display:block}:root[data-theme=dark] .liveness-row strong{color:#e8f1ff}.liveness-row p{color:#52616d;margin:3px 0 0;font-size:.86rem;line-height:1.4}.primary-action,.secondary-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.primary-action{color:#fff;background:#07306f;box-shadow:0 14px 32px #07306f38}.primary-action.compact,.secondary-action{min-width:132px}.secondary-action{color:#111827;background:#fff;border:1px solid #c9d1d9}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.6;transform:none}.handoff-choice-screen,.handoff-waiting-screen,.mobile-handoff-screen,.mobile-complete-screen{z-index:2;background:#fff;grid-area:1/1;justify-content:center;align-items:center;width:100%;height:100%;min-height:100%;padding:8px 22px 18px;display:flex;position:relative;overflow-y:auto}.handoff-choice-card,.handoff-waiting-card,.mobile-handoff-card,.mobile-complete-card{color:#071a3d;text-align:center;place-items:center;gap:12px;max-width:430px;display:grid}.handoff-icon{color:#07306f;background:#f4f7f8;border:1px solid #d7dde3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.handoff-icon svg{width:28px;height:28px}.handoff-choice-card strong,.handoff-waiting-card strong,.mobile-handoff-card strong,.mobile-complete-card strong{font-size:1.1rem}.handoff-choice-card p,.handoff-waiting-card p,.mobile-handoff-card p,.mobile-complete-card p{color:#3b4c66;margin:0;line-height:1.45}.handoff-actions,.handoff-waiting-actions,.mobile-handoff-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;width:100%;display:flex}.qr-container{background:#fff;border:1px solid #d7dde3;border-radius:12px;padding:16px}.qr-container canvas,.qr-container img{width:100%;max-width:240px;height:auto;display:block}:root[data-theme=dark] .handoff-choice-screen,:root[data-theme=dark] .handoff-waiting-screen,:root[data-theme=dark] .mobile-handoff-screen,:root[data-theme=dark] .mobile-complete-screen{background:#08111f}:root[data-theme=dark] .handoff-choice-card,:root[data-theme=dark] .handoff-waiting-card,:root[data-theme=dark] .mobile-handoff-card,:root[data-theme=dark] .mobile-complete-card{color:#e8f1ff}:root[data-theme=dark] .handoff-icon{background:#101c2d;border-color:#263a55}:root[data-theme=dark] .handoff-choice-card p,:root[data-theme=dark] .handoff-waiting-card p,:root[data-theme=dark] .mobile-handoff-card p,:root[data-theme=dark] .mobile-complete-card p{color:#a8bbd3}:root[data-theme=dark] .qr-container{background:#fff;border-color:#d7dde3}.hidden{display:none!important}@media (max-width:900px){.stage[data-state=document]{width:100%;height:min(48vh,58vw);min-height:240px}.stage[data-state=document-prompt]{width:100%;height:min(70vh,560px);min-height:420px}.capture-steps{grid-template-columns:1fr}.document-summary{grid-template-columns:96px repeat(2,minmax(0,1fr));align-items:start}.document-summary img{grid-row:span 2;width:96px;height:96px}}@media (pointer:coarse),(max-width:720px){body.document-capture-active{background:#0b1118;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}body.document-capture-active .app-shell,body.document-capture-active .capture-panel{background:#0b1118;height:100dvh;min-height:100dvh;overflow:hidden}body.document-capture-active .topbar,body.document-capture-active .controls{display:none}body.document-capture-active .stage[data-state=document],body.document-capture-active .stage[data-state=mobile-handoff]{z-index:1000;width:100vw;height:100dvh;min-height:0;position:fixed;inset:0}body.document-capture-active .mobile-handoff-screen{padding:0}body.document-capture-active .mobile-handoff-card{place-items:stretch stretch;gap:0;width:100%;max-width:none;height:100%}body.document-capture-active .mobile-handoff-card>strong,body.document-capture-active .mobile-handoff-card>p,body.document-capture-active .mobile-handoff-card>.mobile-handoff-actions{display:none}}@media (max-width:720px){.review-actions,.document-actions{grid-template-columns:1fr 1fr;display:grid}.result-actions{grid-template-columns:1fr;display:grid}.compare-result{grid-template-columns:1fr}.quality-checks{grid-template-columns:1fr 1fr}.document-summary{grid-template-columns:92px 1fr}.document-summary img{grid-row:span 4;width:92px;height:92px}}@media (orientation:landscape) and (max-height:520px){.stage[data-state=document-prompt]{width:100%;height:calc(100dvh - 52px);min-height:280px}.orientation-prompt{align-items:flex-start;padding:10px 16px 14px;overflow-y:auto}.orientation-card{gap:8px;width:100%;max-width:none}.orientation-card strong{font-size:1.15rem}.orientation-card p{max-width:520px;font-size:.9rem}.orientation-graphic{min-height:78px}.portrait-phone{border-radius:14px;width:38px;height:68px}.landscape-phone{border-radius:14px;width:78px;height:42px}.compact-action{min-height:42px}}@media (max-width:480px){.topbar{min-height:52px;padding-inline:14px}.stage[data-state=document]{width:100%;height:min(44vh,62vw);min-height:220px}.stage[data-state=document-prompt]{height:72vh;min-height:430px}.controls{padding-inline:14px}.document-summary{grid-template-columns:1fr}.document-summary img{grid-row:auto;width:110px;height:110px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e1e7ee;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:24px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}:root[data-theme=dark] .modal-card{color:#e8f1ff;background:#101c2d;border-color:#263a55}.modal-card h3{color:#071a3d;margin:0;font-size:1.25rem;font-weight:800}:root[data-theme=dark] .modal-card h3{color:#e8f1ff}.modal-card p{color:#3b4c66;margin:0;font-size:.9rem;line-height:1.5}:root[data-theme=dark] .modal-card p{color:#a8bbd3}.tips-list,.warning-list{color:#3b4c66;text-align:left;flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:.88rem;line-height:1.45;display:flex}:root[data-theme=dark] .tips-list,:root[data-theme=dark] .warning-list{color:#a8bbd3}.tips-list li strong,.warning-list li strong{color:#071a3d}:root[data-theme=dark] .tips-list li strong,:root[data-theme=dark] .warning-list li strong{color:#e8f1ff}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.modal-card .primary-action,.modal-card .secondary-action{min-height:40px;padding:0 16px;font-size:.88rem}