*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#0a0a0f;color:#e0e0e8;min-height:100vh}.screen{display:none;padding:1rem}.screen.active{display:flex;flex-direction:column;align-items:center}#auth-gate{justify-content:center;min-height:100vh}.card{background:#16161e;border:1px solid #2a2a3a;border-radius:12px;padding:2rem;max-width:420px;width:100%;text-align:center}.card.wide{max-width:720px}.card h1,.card h2{margin-bottom:1rem;color:#fff}.card p{margin-bottom:1.5rem;color:#888}input[type=password],textarea{width:100%;padding:.75rem 1rem;background:#0d0d14;border:1px solid #333;border-radius:8px;color:#e0e0e8;font-size:1rem;margin-bottom:1rem}input:focus,textarea:focus{outline:none;border-color:#0f8}button{padding:.6rem 1.4rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}button.primary{background:#0f8;color:#000}button.primary:hover{background:#00cc6a}button.secondary{background:#2a2a3a;color:#ccc}button.secondary:hover{background:#3a3a4a}button.danger{background:#e53935;color:#fff}button.danger:hover{background:#c62828}.error{color:#e53935;font-size:.85rem;margin-top:.5rem}.hidden{display:none!important}.toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:720px;margin-bottom:1rem}.toolbar h2{font-size:1.2rem}.toolbar-right{display:flex;align-items:center;gap:.75rem}.badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;background:#2a2a3a;color:#888}.badge.recording{background:#e53935;color:#fff;animation:pulse 1s infinite}.badge.processing{background:#ff9800;color:#000}.badge.ready{background:#0f8;color:#000}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}#video-container{position:relative;width:100%;max-width:720px;aspect-ratio:4/3;background:#000;border-radius:12px;overflow:hidden}#camera,#facemesh-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#facemesh-canvas{pointer-events:none}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#info-bar{display:flex;gap:1.5rem;margin-top:.75rem;font-size:.8rem;color:#666;font-family:Fira Code,monospace}fieldset{border:1px solid #2a2a3a;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:left}legend{padding:0 .5rem;font-weight:600;color:#0f8;font-size:.9rem}fieldset label{display:block;padding:.3rem 0;cursor:pointer;font-size:.9rem}fieldset input[type=radio],fieldset input[type=checkbox]{margin-right:.5rem}#preview-container{width:100%;margin-bottom:1rem}#preview-video{width:100%;max-height:300px;border-radius:8px;background:#000}.actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}#upload-progress{margin-top:1rem;text-align:center}.progress-bar{width:100%;height:6px;background:#2a2a3a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}#progress-fill{height:100%;background:#0f8;width:0%;transition:width .3s}#upload-status{font-size:.85rem;color:#888}#sample-list{max-height:400px;overflow-y:auto;margin-bottom:1rem}.sample-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #1a1a2a;font-size:.85rem}.sample-item:last-child{border-bottom:none}.sample-meta{color:#888}.tag{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem}.tag.pass{background:#0f83;color:#0f8}.tag.fail{background:#e5393533;color:#e53935}