:root{--bg:#0b0b0b;--card:#0f0f12;--muted:#9aa3b2;--accent:#6be6ff;--accent-2:#7ef0a6;--glass:#ffffff0a;--maxw:1100px;--radius:14px;--ff:"Aclonica", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}body{color:#fff;text-align:center;background:#0e0e10;padding:40px;font-family:Arial,sans-serif}#main-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:20px;display:flex}#video-container,#uploadedImageContainer{width:480px;height:auto;margin:10px;display:none;position:relative}video,canvas,img.displayed{border-radius:12px;width:100%;height:auto;display:block}canvas{position:absolute;top:0;left:0}#preview-container{text-align:center;margin-left:20px;display:none}#facePreview{object-fit:cover;background:#111;border:2px solid #0f8;border-radius:12px;width:160px;height:160px;margin:0 auto 10px;display:block}#controls{margin-top:20px}button,select{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;margin:5px;padding:10px 20px;font-size:16px}button:hover,select:hover{background:#0056b3}#result{color:#0f8;margin-top:20px;font-size:22px}.meter{background:#333;border-radius:10px;width:300px;height:18px;margin:20px auto;overflow:hidden;box-shadow:inset 0 0 5px #000}.meter-fill{background:linear-gradient(90deg,#f55,#ffb347,#0f8);width:0%;height:100%;transition:width .3s ease-in-out}#confidence-text{color:#aaa;font-size:14px}footer{background:linear-gradient(#ffffff03,#ffffff01);border-radius:12px;justify-content:space-between;align-items:center;margin-top:60px;padding:26px;display:flex}.socials a{color:var(--muted);margin-left:10px;text-decoration:none}.wrap{max-width:var(--maxw);margin:36px auto;padding:0 20px}