*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#e0e0e0;min-height:100vh;display:flex;justify-content:center;align-items:center}#app{max-width:680px;width:100%;padding:2rem}h1{text-align:center;font-size:1.6rem;margin-bottom:1rem;color:#fff}#status-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.6rem 1rem;background:#151520;border-radius:8px;border:1px solid #252530}#status-text{font-size:.9rem;color:#aaa}.badge{font-size:.75rem;padding:.15rem .5rem;border-radius:4px;font-weight:600}.badge.hidden{display:none}#liveness-badge{background:#1a3a1a;color:#4ade80;border:1px solid #2a5a2a}#camera-container{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:12px;overflow:hidden;margin-bottom:1rem;border:1px solid #252530}#video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:scaleX(-1)}#challenge-prompt{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;font-weight:500;text-align:center;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);white-space:nowrap}#challenge-prompt.hidden{display:none}#controls{display:flex;gap:.5rem;margin-bottom:1rem}#controls button{flex:1;padding:.7rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}#controls button:disabled{opacity:.35;cursor:not-allowed}#btn-register{background:#3b82f6;color:#fff}#btn-register:hover:not(:disabled){background:#2563eb}#btn-authenticate{background:#10b981;color:#fff}#btn-authenticate:hover:not(:disabled){background:#059669}#btn-reset{background:#6b7280;color:#fff}#btn-reset:hover:not(:disabled){background:#4b5563}#result{padding:1rem;border-radius:8px;text-align:center;font-weight:600;font-size:1.1rem;margin-bottom:1rem}#result.hidden{display:none}#result.success{background:#1a3a1a;color:#4ade80;border:1px solid #2a5a2a}#result.fail{background:#3a1a1a;color:#f87171;border:1px solid #5a2a2a}#result.info{background:#1a2a3a;color:#60a5fa;border:1px solid #2a3a5a}#log{background:#151520;border:1px solid #252530;border-radius:8px;padding:.75rem 1rem;max-height:200px;overflow-y:auto}#log h3{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}#log-entries{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;line-height:1.6;color:#888}.log-entry{padding:.1rem 0}.log-entry.error{color:#f87171}.log-entry.success{color:#4ade80}.log-entry.info{color:#60a5fa}