:root{--bg:#060e1b;--surface:#0d1f35;--surface-2:#12263f;--line:#1e3a52;--text:#eaf2f4;--subtle:#8fa7b3;--mint:#00bfa5;--teal:#006d77;--amber:#e07b39;--crimson:#c0392b}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(0,191,165,.12),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.shell,body{min-height:100dvh}.shell{max-width:460px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint)}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}h1{font-size:1.5rem;letter-spacing:-.02em}h2{font-size:1.15rem;letter-spacing:-.01em}p.sub{color:var(--subtle);font-size:.92rem;line-height:1.5;margin-top:8px}.steps{display:flex;gap:6px;margin:20px 0}.steps .pip{height:4px;flex:1 1;border-radius:99px;background:var(--line)}.steps .pip.on{background:var(--mint)}.steps .pip.done{background:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border-radius:12px;border:0;background:var(--mint);color:#05221d;font-weight:600;font-size:1rem;cursor:pointer;transition:filter .15s,opacity .15s}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.frame{position:relative;width:100%;aspect-ratio:3/2;border-radius:16px;overflow:hidden;background:#000;border:1px solid var(--line)}.frame.selfie{aspect-ratio:3/4}.frame video{width:100%;height:100%;object-fit:cover}.frame .guide{position:absolute;inset:12%;border:2px dashed rgba(0,191,165,.6);border-radius:12px;pointer-events:none}.frame.selfie .guide{inset:14% 22%;border-radius:50%}.frame .scan{position:absolute;left:0;right:0;height:2px;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:sweep 2.4s ease-in-out infinite}@keyframes sweep{0%{top:8%}50%{top:90%}to{top:8%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pose-cue{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;font-weight:700;color:var(--mint);text-shadow:0 0 20px rgba(0,191,165,.6);opacity:.9}.pose-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:8px;justify-content:center}.pose-dot{width:9px;height:9px;border-radius:50%;background:hsla(0,0%,100%,.25)}.pose-dot.active{background:var(--mint);box-shadow:0 0 10px var(--mint)}.pose-dot.done{background:var(--teal)}.muted{color:var(--subtle);font-size:.8rem}.center{text-align:center}.spacer{flex:1 1}.row{display:flex;gap:12px}.field{width:100%;padding:13px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-size:1rem;margin-top:8px}.label{font-size:.85rem;color:var(--subtle)}.result-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font-size:30px}.ok{background:rgba(0,191,165,.15);color:var(--mint)}.review{background:rgba(224,123,57,.15);color:var(--amber)}.fail{background:rgba(192,57,43,.15);color:var(--crimson)}.footnote{margin-top:16px;display:flex;align-items:center;gap:6px;justify-content:center}.error-box{background:rgba(192,57,43,.1);border:1px solid rgba(192,57,43,.3);color:#f0b4ac;border-radius:12px;padding:12px 14px;font-size:.88rem;margin-top:12px}