:root{--color-primary: #2E4A99;--color-primary-dark: #1e3a7a;--color-accent: #9D2D59;--color-purple: #6B3B7A;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-card: #fbfbfd;--color-border: #e5e5e7;--color-border-hover: #d2d2d7;--color-text: #1d1d1f;--color-text-muted: #86868b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-secondary);color:var(--color-text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:1000px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}header h1{font-size:2rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text)}.subtitle{color:var(--color-text-muted);font-size:1rem;font-weight:400}section{background:var(--color-card);border-radius:1rem;padding:2rem;margin-bottom:1.5rem;border:1px solid var(--color-border)}section h2{margin-bottom:1.25rem;font-size:1.125rem;font-weight:600}.verification-section{padding:1.5rem}.verification-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.verification-grid{grid-template-columns:1fr}}.verification-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.form-group input{padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2e4a991a}.form-group input::placeholder{color:var(--color-text-muted)}.video-container{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--color-bg-secondary);border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border)}#camera-preview{width:100%;height:100%;object-fit:cover;display:none}#camera-preview.active{display:block}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-muted)}.video-placeholder.hidden{display:none}.placeholder-text{font-size:.875rem}.device-selectors{margin-top:.75rem}.device-select{display:flex;align-items:center;gap:.5rem}.device-select label{font-size:.8rem;color:var(--color-text-muted);min-width:60px}.device-select select{flex:1;padding:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:.85rem;cursor:pointer}.device-select select:focus{outline:none;border-color:var(--color-primary)}.camera-info{margin-top:.75rem;padding:.5rem .75rem;background:var(--color-bg-secondary);border-radius:.5rem;font-size:.8rem}.camera-label{color:var(--color-text-muted)}#camera-name{color:var(--color-text);font-weight:500}.action-buttons{display:flex;gap:.75rem;margin-top:1rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s;color:var(--color-text);font-size:.9rem;font-weight:500}.action-btn:hover:not(:disabled){border-color:var(--color-primary);background:#2e4a990d}.action-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.action-btn.primary:hover:not(:disabled){background:var(--color-primary-dark)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.loading{opacity:.7;pointer-events:none}.action-btn.loading .btn-text:after{content:"..."}.btn-icon{font-size:1rem}.result-section{text-align:center}.result-card{padding:3rem 2rem;border-radius:1rem;margin-bottom:1.5rem}.result-card.approved{background:linear-gradient(135deg,#05966914,#05966905);border:1px solid var(--color-success)}.result-card.blocked{background:linear-gradient(135deg,#dc262614,#dc262605);border:1px solid var(--color-error)}.result-card.review{background:linear-gradient(135deg,#d9770614,#d9770605);border:1px solid var(--color-warning)}.result-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.result-icon:before{content:"";display:block}.result-card.approved .result-icon{background:var(--color-success)}.result-card.approved .result-icon:before{width:24px;height:12px;border-left:3px solid white;border-bottom:3px solid white;transform:rotate(-45deg) translateY(-2px)}.result-card.blocked .result-icon{background:var(--color-error);position:relative}.result-card.blocked .result-icon:before{width:24px;height:3px;background:#fff;transform:rotate(45deg);position:absolute}.result-card.blocked .result-icon:after{content:"";position:absolute;width:24px;height:3px;background:#fff;transform:rotate(-45deg)}.result-card.review .result-icon{background:var(--color-warning);position:relative;flex-direction:column;gap:4px}.result-card.review .result-icon:before{width:4px;height:18px;background:#fff;border-radius:2px}.result-card.review .result-icon:after{content:"";width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;bottom:14px}.result-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.result-message{color:var(--color-text-muted);font-size:1rem;max-width:400px;margin:0 auto}.debug-panel{text-align:left;background:var(--color-bg-secondary);border-radius:.5rem;margin-top:1rem}.debug-panel summary{cursor:pointer;padding:.75rem 1rem;font-size:.875rem;color:var(--color-text-muted);font-weight:500}.debug-panel summary:hover{color:var(--color-text)}.debug-content{padding:1rem;border-top:1px solid var(--color-border)}.debug-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.debug-row:last-of-type{border-bottom:none}.debug-label{color:var(--color-text-muted);font-size:.875rem}.debug-value{font-family:SF Mono,Monaco,Menlo,monospace;font-size:.875rem}.debug-value.decision-allow{color:var(--color-success)}.debug-value.decision-block{color:var(--color-error)}.debug-value.decision-challenge,.debug-value.decision-review{color:var(--color-warning)}.debug-scores{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.score-row{display:flex;justify-content:space-between;font-size:.8rem;padding:.25rem .5rem;background:var(--color-card);border-radius:.25rem}.raw-signals{margin-top:1rem}.raw-signals summary{cursor:pointer;padding:.5rem;font-size:.8rem;color:var(--color-text-muted)}.raw-signals pre{background:var(--color-card);padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.75rem;max-height:300px;overflow-y:auto;margin-top:.5rem;border:1px solid var(--color-border)}.verifiers-section{background:var(--color-card);border-radius:1rem;border:1px solid var(--color-border);margin-bottom:1.5rem}.verifiers-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;list-style:none}.verifiers-header::-webkit-details-marker{display:none}.verifiers-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.verifiers-toggle{width:20px;height:20px;position:relative}.verifiers-toggle:before,.verifiers-toggle:after{content:"";position:absolute;background:var(--color-text-muted);transition:transform .2s}.verifiers-toggle:before{width:10px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.verifiers-toggle:after{width:2px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.verifiers-section[open] .verifiers-toggle:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.verifiers-subtitle{color:var(--color-text-muted);font-size:.875rem;margin:0 1.5rem 1.5rem;padding-top:0}.verifiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 1.5rem 1.5rem}@media(max-width:1024px){.verifiers-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.verifiers-grid{grid-template-columns:1fr}}.verifier-category h3{font-size:.75rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em}.verifier-list{display:flex;flex-direction:column;gap:.375rem}.verifier-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;background:var(--color-bg);border-radius:.375rem;font-size:.8125rem;cursor:help;position:relative;transition:all .15s ease;border:1px solid transparent}.verifier-item:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover)}.verifier-icon{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0}.verifier-icon.critical{background:var(--color-error)}.verifier-name{flex:1;color:var(--color-text)}.verifier-badge{font-size:.5625rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.verifier-badge.critical{background:var(--color-error);color:#fff}.verifier-item:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-bg);padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;line-height:1.4;width:200px;text-align:center;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:100;pointer-events:none;font-weight:400}.verifier-item:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:101}.verifier-item:hover:after,.verifier-item:hover:before{opacity:1;visibility:visible}.verifier-category:nth-child(3n) .verifier-item:after{left:auto;right:0;transform:none}.verifier-category:nth-child(3n) .verifier-item:before{left:auto;right:20px;transform:none}.verifier-category:nth-child(3n+1) .verifier-item:after{left:0;transform:none}.verifier-category:nth-child(3n+1) .verifier-item:before{left:20px;transform:none}.hidden{display:none!important}footer{text-align:center;padding:1.5rem;color:var(--color-text-muted);font-size:.85rem}