*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-blue: #009de6;--color-orange: #FF7802;--color-navy: #001E4C;--color-success: #22c55e;--color-error: #ef4444;--color-white: #ffffff}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-navy);color:var(--color-white)}.app{position:relative;width:100%;height:100%;max-width:480px;margin:0 auto;overflow:hidden}.camera-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.camera-video--mirrored{transform:scaleX(-1)}.face-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;padding:24px 16px;padding-top:max(24px,env(safe-area-inset-top));pointer-events:none;z-index:5}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:24px 16px;padding-bottom:max(24px,env(safe-area-inset-bottom));gap:12px;pointer-events:none;z-index:5}.pv-arrow{position:absolute;top:50%;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#05101f9e;border:2px solid #7FD0FB;color:#cdebff;pointer-events:none;z-index:6;box-shadow:0 0 0 4px #7fd0fb2e,0 4px 14px #00000073}.pv-arrow svg{width:42px;height:42px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.pv-arrow--left{left:16px;animation:pvArrowL 1s ease-in-out infinite}.pv-arrow--right{right:16px;animation:pvArrowR 1s ease-in-out infinite}@keyframes pvArrowL{0%,to{transform:translateY(-50%) translate(0);opacity:.7}50%{transform:translateY(-50%) translate(-9px);opacity:1}}@keyframes pvArrowR{0%,to{transform:translateY(-50%) translate(0);opacity:.7}50%{transform:translateY(-50%) translate(9px);opacity:1}}.challenge-instruction{background:#000000a6;border-radius:12px;padding:12px 24px}.challenge-instruction__text{font-size:24px;font-weight:700;text-align:center;line-height:1.35}.challenge-progress{display:flex;align-items:center;gap:14px;background:#00000080;border-radius:28px;padding:12px 24px}.challenge-progress__dot{width:24px;height:24px;border-radius:50%;background:#ffffff4d;transition:background .3s}.challenge-progress__dot--done{background:var(--color-success)}.challenge-progress__dot--active{background:var(--color-orange);box-shadow:0 0 12px var(--color-orange)}.challenge-progress__label{font-size:18px;opacity:.8;margin-left:8px}.screen{position:absolute;top:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;text-align:center;background:var(--color-navy)}.screen--loading{background:#001e4ce6}.screen__text{font-size:16px;opacity:.85;margin-top:16px}.spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--color-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen--permission{background:var(--color-navy)}.permission-card{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:340px}.permission-icon{margin-bottom:8px}.permission-title{font-size:28px;font-weight:700}.permission-desc{font-size:18px;opacity:.8;line-height:1.5}.permission-error{color:var(--color-error);font-size:16px;background:#ef444426;padding:10px 16px;border-radius:8px;width:100%}.btn{border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.85}.btn--primary{background:var(--color-blue);color:var(--color-white)}.screen--result{gap:16px}.result-icon{margin-bottom:8px}.result-message{font-size:18px;font-weight:500;max-width:300px;line-height:1.5}.uploading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#001e4cd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}