*,*: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%;overflow:hidden}.camera-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud{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}.challenge-instruction{background:#000000a6;border-radius:12px;padding:12px 24px}.challenge-instruction__text{font-size:18px;font-weight:600;text-align:center;line-height:1.3}.challenge-progress{display:flex;align-items:center;gap:8px;background:#00000080;border-radius:20px;padding:8px 16px}.challenge-progress__dot{width:10px;height:10px;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 8px var(--color-orange)}.challenge-progress__label{font-size:13px;opacity:.8;margin-left:4px}.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:22px;font-weight:700}.permission-desc{font-size:15px;opacity:.8;line-height:1.5}.permission-error{color:var(--color-error);font-size:14px;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}