:root{--bg-primary: #06060b;--bg-secondary: #0d0d15;--bg-card: rgba(255,255,255,.03);--bg-card-hover: rgba(255,255,255,.06);--accent: #6366f1;--accent2: #8b5cf6;--gradient: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text: #f1f5f9;--text2: #94a3b8;--text3: #64748b;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.12);--radius: 12px;--radius-lg: 20px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shadow: 0 4px 24px rgba(0,0,0,.3);--glow: 0 0 40px rgba(99,102,241,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg-primary);color:var(--text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#06060bcc;position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{width:40px;height:40px;border-radius:var(--radius);background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 16px #6366f14d}.header-info h1{font-size:1.15rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-info p{font-size:.7rem;color:var(--text3)}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text2);font-family:var(--font);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s}.btn-back:hover{background:var(--bg-card-hover);border-color:var(--border2);color:var(--text)}.dashboard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;position:relative;z-index:1}.dashboard-hero{text-align:center;margin-bottom:56px}.dashboard-hero h2{font-size:2.75rem;font-weight:800;line-height:1.1;margin-bottom:14px;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-hero h2 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-hero p{font-size:1.05rem;color:var(--text2);max-width:480px;margin:0 auto;line-height:1.6}.dashboard-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:780px;width:100%}.mode-card{position:relative;padding:36px 28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:all .4s;overflow:hidden}.mode-card:hover{transform:translateY(-4px);background:var(--bg-card-hover);box-shadow:var(--glow)}.mode-card-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px}.mode-card-icon.register{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2)}.mode-card-icon.verify{background:linear-gradient(135deg,#6366f126,#6366f10d);border:1px solid rgba(99,102,241,.2)}.mode-card h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:var(--text)}.mode-card p{font-size:.85rem;color:var(--text2);line-height:1.5}.mode-card .card-arrow{position:absolute;bottom:28px;right:28px;font-size:1.2rem;color:var(--text3);transition:all .3s}.mode-card:hover .card-arrow{color:var(--accent);transform:translate(4px)}.page{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 24px;position:relative;z-index:1}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.page-subtitle{font-size:.9rem;color:var(--text2);margin-bottom:28px}.name-form{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;padding:40px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.name-form label{font-size:.9rem;color:var(--text2);font-weight:500;align-self:flex-start}.name-form input{width:100%;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;color:var(--text);font-family:var(--font);font-size:1rem;outline:none;transition:border-color .25s}.name-form input:focus{border-color:var(--accent)}.name-form input::placeholder{color:var(--text3)}.btn-primary{padding:14px 32px;border:none;border-radius:var(--radius);background:var(--gradient);color:#fff;font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s;box-shadow:0 4px 16px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.camera-container{position:relative;width:100%;max-width:640px;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:var(--shadow)}.camera-container video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.camera-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#06060bd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.camera-veil p{color:var(--text2);font-size:.9rem}.pose-readout{display:flex;gap:14px;margin-top:12px;padding:8px 18px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text3)}.pose-readout .ok{color:var(--success)}.pose-readout .bad{color:var(--warning)}.status-bar{display:flex;align-items:center;gap:16px;margin-top:20px;padding:14px 24px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:center}.status-item{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.green{background:var(--success);box-shadow:0 0 8px #10b98180}.status-dot.red{background:var(--danger);box-shadow:0 0 8px #ef444480}.status-dot.yellow{background:var(--warning);box-shadow:0 0 8px #f59e0b80}.instruction-overlay{margin-top:16px;padding:12px 24px;border-radius:var(--radius);text-align:center;font-size:.95rem;font-weight:600}.instruction-overlay.info{background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}.instruction-overlay.success{background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.instruction-overlay.warning{background:#f59e0b1f;color:#fcd34d;border:1px solid rgba(245,158,11,.2)}.instruction-overlay.error{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.result-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);text-align:center;max-width:420px;width:100%}.result-icon{font-size:3rem}.result-card h3{font-size:1.3rem;font-weight:700}.result-card p{font-size:.9rem;color:var(--text2);line-height:1.5}.result-actions{display:flex;gap:12px;margin-top:8px}.btn-secondary{padding:12px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font-family:var(--font);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border2)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-screen p{color:var(--text2);font-size:.95rem}.verify-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;overflow:hidden}.verify-fullscreen video,.verify-fullscreen canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.verify-fullscreen video{transform:scaleX(-1)}.verify-fullscreen canvas{pointer-events:none}.verify-overlay{position:absolute;left:0;right:0;z-index:2;display:flex;gap:16px;padding:18px 22px;pointer-events:none}.verify-overlay>*{pointer-events:auto}.verify-overlay-top{top:0;align-items:flex-start;justify-content:space-between;padding-top:max(18px,env(safe-area-inset-top));background:linear-gradient(to bottom,rgba(0,0,0,.72) 0%,rgba(0,0,0,.32) 60%,transparent 100%)}.verify-overlay-bottom{bottom:0;flex-direction:column;align-items:center;gap:10px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.32) 60%,transparent 100%)}.verify-titles h2{font-size:1.05rem;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}.verify-titles p{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:.8rem;font-weight:500;color:#ffffffe0;text-shadow:0 1px 6px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}.verify-sep{opacity:.5}.verify-exit{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font);font-size:1rem;line-height:1;cursor:pointer;transition:all .2s}.verify-exit:hover{background:#000000b8;border-color:#ffffff80;transform:scale(1.05)}.verify-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.verify-chip{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-size:.85rem;font-weight:600;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.verify-chip.known{border-color:#10b9818c}.verify-chip.unknown{border-color:#ef444480}.verify-alert{padding:10px 18px;border-radius:var(--radius);background:#ef4444eb;color:#fff;font-size:.85rem;font-weight:600;text-align:center;max-width:92%}.verify-fullscreen .camera-veil{z-index:3;padding:24px;text-align:center}.verify-fullscreen .camera-veil h3{font-size:1.2rem;font-weight:700;color:var(--text)}@media (max-width:700px){.verify-overlay{padding:14px 16px}.verify-titles h2{font-size:.95rem}.verify-titles p{font-size:.72rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@media (max-width:700px){.dashboard-cards{grid-template-columns:1fr}.dashboard-hero h2{font-size:2rem}.header{padding:12px 16px}.page{padding:20px 16px}}