@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lexend:wght@400;500;600;700&display=swap";:root{--bg-color: #020617;--card-bg: rgba(15, 23, 42, .7);--primary: #38bdf8;--primary-glow: rgba(56, 189, 248, .2);--secondary: #818cf8;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #22d3ee;--error: #f43f5e;--success: #10b981;--glass-border: rgba(255, 255, 255, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(56,189,248,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(129,140,248,.05) 0%,transparent 40%)}#app{max-width:1200px;margin:0 auto;padding:2rem;width:100%;flex:1;display:flex;flex-direction:column}header{margin-bottom:3rem;text-align:center}h1{font-family:Lexend,sans-serif;font-size:3rem;font-weight:700;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}p.subtitle{color:var(--text-muted);font-size:1.1rem}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080;transition:var(--transition)}#auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-top:4rem}.btn-google{display:flex;align-items:center;gap:1rem;padding:.8rem 2rem;background:#fff;color:#1f2937;border-radius:.75rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);box-shadow:0 4px 6px -1px #0000001a}.btn-google:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}#main-ui{display:none;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:900px){#main-ui{grid-template-columns:1fr}}.upload-area{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;border:2px dashed var(--glass-border);border-radius:1rem;padding:3rem;cursor:pointer;transition:var(--transition)}.upload-area:hover,.upload-area.drag-over{border-color:var(--primary);background:#38bdf80d}.camera-preview{width:100%;aspect-ratio:4/3;background:#000;border-radius:1rem;overflow:hidden;position:relative;display:none}#video{width:100%;height:100%;object-fit:cover}.controls{display:flex;gap:1rem;margin-top:1.5rem}button{padding:.8rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:var(--transition);font-family:Lexend,sans-serif}.btn-primary{background:var(--primary);color:var(--bg-color)}.btn-primary:hover{box-shadow:0 0 20px var(--primary-glow);transform:scale(1.02)}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-glow)}.results-card{display:flex;flex-direction:column;gap:1.5rem}.result-item{display:flex;flex-direction:column;gap:.25rem}.result-label{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.result-value{font-size:1.25rem;font-weight:600;color:var(--text-main)}.loading-spinner{width:2rem;height:2rem;border:3px solid var(--glass-border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#status-msg{text-align:center;padding:1rem;border-radius:.5rem;margin-top:1rem;font-weight:500}.success-msg{color:var(--success)}.error-msg{color:var(--error)}.hidden{display:none!important}