:root{--bg:#101418;--panel:#1a2027;--text:#f2f5f7;--muted:#aab4bd;--accent:#4fc3f7;--ok:#66bb6a;--warn:#ffb74d;--err:#ef5350;--guide:#4fc3f7e6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Noto Sans,Noto Sans Devanagari,sans-serif;font-size:17px;line-height:1.5}.screen{min-height:100%;padding:24px 18px max(24px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.card{background:var(--panel);text-align:start;border-radius:14px;width:100%;max-width:460px;padding:20px}h1{margin:0 0 4px;font-size:1.5rem}h2{margin:0;font-size:1.15rem}.muted{color:var(--muted);font-size:.92rem}.small{font-size:.82rem}button.primary,button.secondary{cursor:pointer;border:0;border-radius:12px;width:100%;max-width:460px;min-height:52px;padding:15px 18px;font-size:1.05rem;font-weight:600;display:block}button.primary{background:var(--accent);color:#06232f}button.secondary{color:var(--muted);background:0 0;border:1px solid #39424c}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.consent-text{white-space:pre-wrap;text-align:start;max-height:42vh;padding-inline-end:8px;overflow-y:auto}.lang-toggle{top:calc(10px + env(safe-area-inset-top));z-index:30;background:var(--panel);color:var(--text);border:1px solid #39424c;border-radius:8px;padding:6px 10px;font-size:.9rem;position:fixed;inset-inline-end:12px}.stage{aspect-ratio:3/4;background:#000;border-radius:18px;width:100%;max-width:480px;position:relative;overflow:hidden}.stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.stage .overlay{pointer-events:none;position:absolute;inset:0}.guide-oval{border:3px dashed var(--guide);border-radius:50%;width:70%;height:62%;position:absolute;top:12%;left:15%}.guide-card{border:3px dashed var(--guide);border-radius:12px;width:84%;height:44%;position:absolute;top:28%;left:8%}.hold-bar{background:#ffffff2e;border-radius:4px;height:8px;position:absolute;bottom:14px;left:12%;right:12%;overflow:hidden}.hold-bar>div{background:var(--ok);height:100%;transition:width .12s linear}.instruction{min-height:2.2em;font-size:1.25rem;font-weight:600}.step-counter{color:var(--muted);font-size:.9rem}.arrow{color:var(--accent);font-size:3rem;animation:1.1s ease-in-out infinite nudge;position:absolute;top:50%;transform:translateY(-50%)}.arrow.left{left:4%}.arrow.right{right:4%}@keyframes nudge{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(10px)}}.arrow.left{animation-name:nudge-left}@keyframes nudge-left{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(-10px)}}@media (prefers-reduced-motion:reduce){.arrow{animation:none}.hold-bar>div{transition:none}}.progress-track{background:var(--panel);border-radius:6px;width:100%;max-width:460px;height:12px;overflow:hidden}.progress-track>div{background:var(--accent);height:100%;transition:width .2s linear}.spinner{border:4px solid #39424c;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.doc-options{flex-direction:column;gap:10px;width:100%;max-width:460px;display:flex}.doc-option{background:var(--panel);width:100%;color:var(--text);cursor:pointer;text-align:start;border:1px solid #39424c;border-radius:12px;min-height:56px;padding:16px 18px;font-size:1.05rem;font-weight:600;display:block}.doc-option:active{border-color:var(--accent)}.row{gap:10px;width:100%;max-width:460px;display:flex}.row>button{flex:1}.photo-preview{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.stage.wide{aspect-ratio:4/3}.stage.wide video{transform:none}