:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.5rem}.header{text-align:center}.header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#ff6b9d,#4fc3f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#ffffff80;font-size:.9rem;margin-top:.25rem}.error-banner{background:#ff323226;border:1px solid rgba(255,50,50,.3);color:#ff6b6b;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.9rem;max-width:640px;width:100%}.main-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:660px}.video-container{position:relative;width:100%;aspect-ratio:4 / 3;background:#111;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.video-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff59}.camera-icon svg{opacity:.4}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#4fc3f7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats-panel{display:flex;align-items:center;gap:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:1rem 2rem;border-radius:.75rem}.stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.stat-count{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;margin-top:.1rem}.stat-divider{width:1px;height:36px;background:#ffffff1a}.controls{display:flex;gap:.75rem}.btn{padding:.75rem 2rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,opacity .15s;letter-spacing:.01em}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-start{background:linear-gradient(135deg,#4fc3f7,#039be5);color:#fff}.btn-stop{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}