:root{--va-bg: #000;--va-fg: #ffffff;--va-accent: #ffd600;--va-border: #ffffff;--va-focus: 3px solid #00ffff}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--va-bg);color:var(--va-fg);font-size:18px}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.va-root{text-align:center;max-width:900px;width:100%}.va-preview{margin:0 auto 10px;position:relative;cursor:pointer;border-radius:12px}.va-video{width:100%;height:100%;display:block;border:6px solid var(--va-accent);border-radius:12px;background:#111;box-shadow:0 0 18px var(--va-accent)}.va-placeholder{display:flex;align-items:center;justify-content:center;color:var(--va-fg);background:#111;border:6px solid var(--va-accent);border-radius:12px;box-shadow:0 0 18px var(--va-accent);font-size:20px;font-weight:700}.va-overlay{position:absolute;left:8px;top:8px;background:#000000bf;color:var(--va-fg);padding:8px 12px;border-radius:8px;font-size:15px;border:2px solid var(--va-border)}.va-button{background:var(--va-accent);color:#000;border:2px solid var(--va-border);padding:12px 22px;margin:10px;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700}.va-button:hover{filter:brightness(.95)}.va-button:focus{outline:none;box-shadow:var(--va-focus)}.va-photo{width:320px;height:240px;border:4px solid var(--va-border)}.va-detection{margin-top:20px;background:#111;color:var(--va-fg);padding:12px;border-radius:8px;border:2px solid var(--va-border);font-size:18px}button,.va-button{min-height:48px}a:focus,button:focus,input:focus,textarea:focus{outline:none;box-shadow:var(--va-focus)}@media (min-width: 600px){.va-preview{width:480px;height:360px}}@media (max-width: 599px){.va-preview{width:320px;height:240px}}