*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-error: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.page-content{width:100%;max-width:420px}.page-content.center{text-align:center}.logo-section{text-align:center;margin-bottom:2rem}.logo{font-size:2.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.tagline{color:var(--color-text-muted);font-size:1rem;margin-top:.25rem}.code-form{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.code-input{width:100%;padding:.875rem 1rem;font-size:1.25rem;font-family:monospace;text-align:center;text-transform:uppercase;letter-spacing:.15em;border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .15s}.code-input:focus{border-color:var(--color-primary)}.btn{display:block;width:100%;padding:.875rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s,opacity .15s;margin-top:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-border);color:var(--color-text)}.help-text{text-align:center;color:var(--color-text-muted);font-size:.8125rem;margin-top:1.5rem;line-height:1.5}.error-text{color:var(--color-error);margin:1rem 0}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.steps-preview{text-align:left;margin:1.5rem 0;background:var(--color-bg);padding:1rem;border-radius:var(--radius-md)}.step-item{padding:.5rem 0;font-size:.875rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.step-item:last-child{border-bottom:none}h2{font-size:1.5rem;margin-bottom:.5rem}.wizard-page{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg)}.mobile-header{display:flex;align-items:center;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.back-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;color:var(--color-primary);line-height:1}.header-title{flex:1;text-align:center;font-size:1.125rem;font-weight:600}.header-logo{font-size:.75rem;font-weight:700;color:var(--color-primary)}.header-brand-logo{max-height:28px;max-width:100px;object-fit:contain}.step-indicator{display:flex;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface)}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background .2s,transform .2s}.step-dot.active{background:var(--color-primary);transform:scale(1.25)}.step-dot.completed{background:var(--color-success)}.wizard-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem 1rem;max-width:420px;margin:0 auto;width:100%}.wizard-footer{flex-shrink:0;padding:1rem;background:var(--color-surface);border-top:1px solid var(--color-border);max-width:420px;margin:0 auto;width:100%}.step-description{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5;margin-bottom:1.5rem}.doc-progress{font-size:.875rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem;padding:.5rem .75rem;background:#2563eb14;border-radius:var(--radius-sm)}.camera-container{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:#000}.camera-viewfinder{position:relative;width:100%;aspect-ratio:4 / 3;max-height:60vh;overflow:hidden}.camera-video{width:100%;height:100%;object-fit:cover;display:block}.camera-video.mirror{transform:scaleX(-1)}.document-guide-overlay,.face-guide-overlay,.face-doc-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.document-guide-overlay .guide-text{position:absolute;bottom:12px;color:#fffc;font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}.document-guide-overlay:before{content:"";width:85%;aspect-ratio:1.586;border:2px dashed rgba(255,255,255,.6);border-radius:var(--radius-md)}.face-oval{width:55%;aspect-ratio:.75;border:2px dashed rgba(255,255,255,.6);border-radius:50%}.face-doc-guide-overlay{gap:1rem}.face-zone,.doc-zone{border:2px dashed rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff9;font-size:.8rem;font-weight:600}.face-zone{width:30%;aspect-ratio:.75;border-radius:50%}.doc-zone{width:35%;aspect-ratio:1.586;border-radius:4px}.camera-controls{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem;background:#00000080}.capture-btn{width:64px;height:64px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .1s}.capture-btn:active{transform:scale(.92)}.switch-camera-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;padding:.5rem;border-radius:50%;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.camera-error{padding:2rem 1rem;text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.capture-preview{border-radius:var(--radius-lg);overflow:hidden;background:#000}.preview-image{width:100%;max-height:calc(100dvh - 370px);min-height:120px;object-fit:contain;display:block}.preview-actions{display:flex;gap:.75rem;padding:1rem;background:var(--color-surface)}.preview-actions .btn{margin-top:0;flex:1}.upload-success{text-align:center;padding:2rem 1rem;background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-success);color:#fff;font-size:1.5rem;margin-bottom:.75rem}.upload-success p{margin-top:.25rem;color:var(--color-text-muted);font-size:.875rem}.doc-type-selector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.doc-type-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s}.doc-type-option.selected{border-color:var(--color-primary);background:#2563eb0a}.doc-type-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);position:relative;flex-shrink:0}.doc-type-option.selected .doc-type-radio{border-color:var(--color-primary)}.doc-type-option.selected .doc-type-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--color-primary)}.doc-type-label{font-size:.9375rem;font-weight:500}.uploaded-docs-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.uploaded-doc-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem}.uploaded-doc-item .success-icon{width:24px;height:24px;font-size:.75rem;margin-bottom:0}.form-group{margin-bottom:1.25rem}.form-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .15s;background:var(--color-surface)}.form-input::placeholder{color:var(--color-text-muted)}.liveness-selfie-flow .camera-video{transform:scaleX(-1)}.liveness-selfie-flow{display:flex;flex-direction:column;gap:1rem}.liveness-selfie-flow .camera-container{margin-bottom:0}.liveness-loading{text-align:center;padding:1.5rem;color:var(--color-text-muted);font-size:.9375rem}.liveness-fallback-warning{padding:.625rem 1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-md);color:#92400e;font-size:.8125rem;font-weight:500}.face-oval.face-detected{border-color:var(--color-success);border-style:solid}.face-oval.face-lost{border-color:var(--color-error);border-style:solid}.liveness-overlay-message{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.5rem 1.25rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;white-space:nowrap;pointer-events:none;z-index:1;text-align:center}.challenge-instruction{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hold-progress-bar{width:120px;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.hold-progress-fill{height:100%;background:var(--color-success);border-radius:2px;transition:width .1s linear}.selfie-ready-message{background:#10b981d9}.liveness-face-lost-warning{text-align:center;color:var(--color-error);font-size:.875rem;font-weight:600;padding:.5rem}.liveness-reset-warning{text-align:center;color:#fff;background:var(--color-error);font-size:.875rem;font-weight:600;padding:.75rem 1rem;border-radius:.5rem;margin:.5rem 0}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;width:auto;display:inline-block;margin-top:0}.liveness-challenges{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.challenge-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-muted);transition:all .2s}.challenge-item.active{border-color:var(--color-primary);color:var(--color-text);font-weight:600;background:#2563eb0a}.challenge-item.done{border-color:var(--color-success);color:var(--color-success)}.challenge-status{font-size:1.125rem;flex-shrink:0;width:1.5rem;text-align:center}.location-detail{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.processing-animation{margin-bottom:1.5rem}.spinner.large{width:64px;height:64px;border-width:4px}.processing-stage{color:var(--color-text-muted);font-size:.9375rem;min-height:1.5em;margin-bottom:1.5rem}.processing-progress{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .5s ease}.results-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem}.overall-score{text-align:center;margin-bottom:1.5rem}.score-circle{width:120px;height:120px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.75rem}.score-circle.high{background:var(--color-success)}.score-circle.medium{background:#f59e0b}.score-circle.low{background:var(--color-error)}.score-label{font-size:1.125rem;font-weight:600;color:var(--color-text)}.score-sublabel{font-size:.8125rem;color:var(--color-text-muted)}.breakdown-list{display:flex;flex-direction:column;gap:1rem}.breakdown-item{display:flex;flex-direction:column;gap:.375rem}.breakdown-header{display:flex;justify-content:space-between;align-items:center}.breakdown-label{font-size:.875rem;font-weight:500}.breakdown-value{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.breakdown-bar{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;border-radius:4px;transition:width .6s ease}.breakdown-fill.high{background:var(--color-success)}.breakdown-fill.medium{background:#f59e0b}.breakdown-fill.low{background:var(--color-error)}.results-header{margin-bottom:1.5rem}.score-value{display:block;font-size:3rem;font-weight:800;line-height:1;margin-bottom:.25rem}.confidence-breakdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.confidence-breakdown h3{font-size:1rem;margin-bottom:1rem}.score-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.score-row:last-child{margin-bottom:0}.score-row .score-label{flex:0 0 100px;font-size:.8125rem;color:var(--color-text-muted)}.score-bar{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.score-value-small{flex:0 0 40px;text-align:right;font-size:.8125rem;font-weight:600}.social-form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.375rem}.test-harness{max-width:800px;margin:0 auto;padding:1.5rem 1rem;min-height:100vh}.test-harness-header{text-align:center;margin-bottom:2rem}.test-harness-header h1{font-size:1.75rem;font-weight:800;color:var(--color-text)}.test-badge{display:inline-block;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;border-radius:999px;margin-bottom:.75rem}.test-error{padding:.875rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;margin-bottom:1rem}.test-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden;transition:border-color .2s}.test-section.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.test-section.completed{border-color:var(--color-success)}.test-section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:default}.section-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border);font-size:.8125rem;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.test-section.active .section-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.test-section.completed .section-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.test-section-header h3{flex:1;font-size:1rem;margin:0}.section-check{color:var(--color-success);font-size:1.25rem;font-weight:700}.test-section-body{padding:0 1.25rem 1.25rem}.collapsed-info{padding-top:0;padding-bottom:1rem;font-size:.8125rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.75rem}.key-mode-tabs{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.25rem}.key-mode-tabs .tab{flex:1;padding:.625rem;font-size:.875rem;font-weight:600;border:none;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.key-mode-tabs .tab.active{background:var(--color-primary);color:#fff}.key-form{display:flex;flex-direction:column;gap:.75rem}.key-form .btn{margin-top:.25rem}.config-group{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.config-group:last-of-type{border-bottom:none;margin-bottom:.75rem;padding-bottom:0}.config-group h4{font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.config-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.config-group-header h4{margin-bottom:0}.btn-add{padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);cursor:pointer;transition:all .15s}.btn-add:hover{background:var(--color-primary);color:#fff}.config-empty,.config-hint{font-size:.8125rem;color:var(--color-text-muted);font-style:italic;margin-bottom:.75rem}.config-item-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.config-item-social{flex-wrap:wrap}.config-select{flex:1;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);outline:none}.config-select:focus{border-color:var(--color-primary)}.stepper{display:inline-flex;align-items:center;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.stepper-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;border:none;background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background .15s}.stepper-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-value{width:2.5rem;text-align:center;font-size:1rem;font-weight:600;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);line-height:2.25rem}.checkbox-group{margin-top:.5rem}.checkbox-group .form-label{display:block;margin-bottom:.375rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer}.config-warn{font-size:.75rem;color:var(--color-danger);margin-top:.25rem}.config-select-sm{flex:0 0 auto;width:120px}.config-url-input{flex:1;min-width:200px;padding:.5rem .75rem;font-size:.875rem}.btn-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-error);font-size:1.25rem;cursor:pointer;flex-shrink:0;transition:all .15s}.btn-remove:hover{background:#fef2f2;border-color:var(--color-error)}.toggle-row{margin-bottom:.625rem}.toggle-label{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;cursor:pointer;font-size:.9375rem}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;background:var(--color-border);border-radius:12px;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle-input:checked+.toggle-switch{background:var(--color-primary)}.toggle-input:checked+.toggle-switch:after{transform:translate(20px)}.config-summary{text-align:center;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:.5rem}.execution-section{display:flex;flex-direction:column;gap:1rem}.execution-info{font-size:.8125rem;color:var(--color-text-muted)}.execution-info code{background:var(--color-bg);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.8125rem}.execution-checklist{display:flex;flex-direction:column;gap:.375rem}.execution-step{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:var(--radius-sm);font-size:.875rem;background:var(--color-bg);transition:all .15s}.execution-step.active{background:#2563eb0f;font-weight:600}.execution-step.completed{color:var(--color-success)}.execution-step.error{color:var(--color-error)}.execution-step-marker{flex-shrink:0;width:1.25rem;text-align:center;font-size:.875rem}.execution-step.active .execution-step-marker{color:var(--color-primary)}.execution-step-label{flex:1}.execution-step-done{font-size:.75rem;color:var(--color-success);font-weight:600}.execution-step-content{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;background:var(--color-bg)}.step-loading{text-align:center;padding:1.5rem}.step-loading .spinner{margin-bottom:.75rem}.step-loading p{font-size:.875rem;color:var(--color-text-muted)}.results-processing{text-align:center;padding:2rem 0}.results-processing h3{margin-bottom:.75rem}.results-display{display:flex;flex-direction:column;gap:1.25rem}.results-actions{display:flex;gap:.75rem}.results-actions .btn{flex:1;margin-top:0}.json-viewer{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:var(--radius-md);font-size:.75rem;line-height:1.5;overflow-x:auto;max-height:400px;overflow-y:auto}.btn-icon{background:#fff3;border:none;color:#fff;font-size:1.5rem;padding:.5rem;border-radius:50%;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.results-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;margin:0 auto 1.25rem}.results-icon.success{background:#d1fae5;color:#065f46}.results-icon.failed{background:#fecaca;color:#991b1b}.results-message{max-width:400px;margin:.75rem auto 0;text-align:center;line-height:1.6;color:var(--color-text-muted);font-size:.9375rem}.share-section{display:flex;flex-direction:column;gap:1.25rem}.share-code-display{text-align:center;padding:1.25rem;background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.share-code-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.375rem}.share-code-value{font-size:2rem;font-weight:800;font-family:monospace;letter-spacing:.15em;color:var(--color-primary)}.share-url-row{display:flex;gap:.5rem;align-items:center}.share-url-input{flex:1;padding:.625rem .75rem;font-size:.8125rem;font-family:monospace;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);outline:none}.btn-copy{padding:.625rem 1rem;font-size:.8125rem;font-weight:600;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);cursor:pointer;white-space:nowrap;transition:all .15s}.btn-copy:hover{background:var(--color-primary);color:#fff}.btn-copy.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-copy.small{padding:.375rem .75rem;font-size:.75rem}.share-message-block{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.share-message-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.share-message-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.share-message-template{padding:1rem;font-size:.8125rem;line-height:1.6;white-space:pre-line;color:var(--color-text)}.share-actions{display:flex;gap:.75rem}.share-actions .btn{flex:1;margin-top:0}.btn-secondary{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--color-bg);border-color:var(--color-text-muted)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.dashboard{max-width:960px;margin:0 auto;padding:1.5rem 1rem;min-height:100vh}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;font-weight:800;margin-top:.5rem}.dashboard-connect{padding:2rem;text-align:center}.dashboard-connect .share-url-row{max-width:480px;margin:1rem auto 0}.dashboard-filters{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:1rem}.filter-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dashboard-table{width:100%;border-collapse:collapse;font-size:.875rem}.dashboard-table th{text-align:left;padding:.625rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border)}.dashboard-table td{padding:.75rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.dashboard-table tr.clickable{cursor:pointer;transition:background .1s}.dashboard-table tr.clickable:hover{background:#2563eb08}.dashboard-table tr.clickable.expanded{background:#2563eb0d}.dashboard-table tr.detail-row td{padding:0;border-bottom:2px solid var(--color-primary)}.code-mono{font-family:monospace;font-size:.8125rem;font-weight:700;letter-spacing:.05em}.status-badge{display:inline-block;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.status-badge.pending{background:#e2e8f0;color:#475569}.status-badge.in_progress{background:#dbeafe;color:#1d4ed8}.status-badge.processing{background:#fef3c7;color:#92400e}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fecaca;color:#991b1b}.status-badge.expired{background:#f1f5f9;color:#94a3b8}.score-cell{font-weight:700;font-size:.875rem}.ref-cell{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted)}.expanded-detail{padding:1.25rem;background:var(--color-bg)}.report-detail{display:flex;flex-direction:column;gap:1rem}.report-overall{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.report-overall-label{font-size:.875rem;font-weight:700}.report-overall-score{font-size:1.5rem;font-weight:800}.report-dimensions{display:flex;flex-direction:column;gap:.625rem}.report-dim-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.report-dim-label{width:100px;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.report-dim-bar-track{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.report-dim-bar-fill{height:100%;border-radius:4px;transition:width .3s}.report-dim-score{width:52px;text-align:right;font-size:.8125rem;font-weight:700;flex-shrink:0}.report-dim-explanations{width:100%;padding-left:calc(100px + .75rem);display:flex;flex-direction:column;gap:.125rem;margin-top:-.25rem;margin-bottom:.25rem}.report-dim-explanation{font-size:.6875rem;color:var(--color-text-muted);line-height:1.3}.report-red-flags{background:#ef44441a;border:1px solid var(--color-danger);border-radius:6px;padding:.75rem;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.375rem}.red-flag-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--color-danger);font-weight:600}.red-flag-icon{flex-shrink:0;font-size:1rem}.report-timestamps{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.75rem;color:var(--color-text-muted)}.report-steps{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.report-steps-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.report-step-tag{padding:.125rem .5rem;font-size:.6875rem;font-weight:600;background:#e2e8f0;color:#475569;border-radius:999px;text-transform:capitalize}.report-actions{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #e2e8f0;margin-top:.5rem}.btn-danger-outline{color:var(--color-danger)!important;border-color:var(--color-danger)!important;background:transparent!important}.btn-danger-outline:hover{background:#ef44441a!important}.dashboard-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;font-size:.8125rem;color:var(--color-text-muted)}.form-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .15s;background:var(--color-surface);color:var(--color-text);font-family:inherit}.form-input:focus{border-color:var(--color-primary)}textarea.form-input{font-family:inherit}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--color-text-muted)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.app-topbar-left{display:flex;align-items:center;gap:.75rem}.app-topbar-logo{font-size:1.25rem;font-weight:800;color:var(--color-primary);text-decoration:none}.app-menu-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;color:var(--color-text);display:block}.app-topbar-right{display:flex;align-items:center;gap:1rem}.app-user-email{font-size:.8125rem;color:var(--color-text-muted);display:none}.app-logout-btn{background:none;border:1px solid var(--color-border);padding:.375rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;color:var(--color-text-muted);transition:background .15s}.app-logout-btn:hover{background:var(--color-bg)}.app-sidebar{position:fixed;top:56px;left:-260px;width:260px;height:calc(100vh - 56px);background:var(--color-surface);border-right:1px solid var(--color-border);transition:left .25s ease;z-index:90;overflow-y:auto;padding:1rem 0}.app-sidebar.open{left:0}.app-sidebar-backdrop{position:fixed;top:56px;left:0;right:0;bottom:0;background:#0000004d;z-index:80}.app-nav-section{margin-bottom:1.5rem}.app-nav-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:.5rem 1.25rem}.app-nav-link{display:block;padding:.625rem 1.25rem;font-size:.875rem;color:var(--color-text);text-decoration:none;transition:background .15s}.app-nav-link:hover{background:var(--color-bg)}.app-nav-link.active{color:var(--color-primary);background:#2563eb0f;font-weight:600}.app-nav-link-sub{padding-left:2rem!important;font-size:.8rem}.app-main{flex:1;padding:1.5rem 1rem;max-width:1200px;width:100%;margin:0 auto}@media (min-width: 768px){.app-menu-btn{display:none}.app-sidebar{left:0;position:sticky;top:56px}.app-sidebar-backdrop{display:none}.app-shell{flex-direction:row;flex-wrap:wrap}.app-topbar{flex-basis:100%}.app-main{flex:1;min-width:0;padding:2rem}.app-user-email{display:block}}.manage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.manage-header h1{font-size:1.5rem;font-weight:700}.manage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.manage-stat{background:var(--color-surface);padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.manage-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.manage-stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.manage-section{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:1.5rem;margin-bottom:1.5rem}.manage-section h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.manage-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.manage-section-header h2{margin-bottom:0}.manage-table{width:100%;border-collapse:collapse;font-size:.8125rem}.manage-table th{text-align:left;padding:.5rem .75rem;font-weight:600;border-bottom:2px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.manage-table td{padding:.625rem .75rem;border-bottom:1px solid var(--color-border)}.manage-badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.manage-badge.success,.manage-badge.badge-success{background:#10b9811a;color:var(--color-success)}.manage-badge.warning{background:#f59e0b1a;color:var(--color-warning)}.manage-badge.danger{background:#ef44441a;color:var(--color-danger)}.manage-badge.info{background:#2563eb1a;color:var(--color-primary)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.profile-grid{grid-template-columns:1fr}}.profile-field{display:flex;flex-direction:column;gap:.25rem}.profile-field label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.profile-field span{font-size:.9375rem;color:var(--color-text)}.profile-field .profile-value-editable{display:flex;align-items:center;gap:.5rem}.profile-edit-input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.375rem .625rem;font-size:.875rem;color:var(--color-text)}.profile-edit-input:focus{border-color:var(--color-primary);outline:none}.profile-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-edit{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all .15s}.btn-edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.admin-search-bar .form-input{flex:1;min-width:0;width:auto}.admin-search-bar .btn{flex-shrink:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);cursor:pointer;margin-top:-6px}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);cursor:pointer}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-bg);padding:1.5rem;border-radius:var(--radius-md);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;border:1px solid var(--color-border);box-shadow:0 8px 32px #0003}.modal-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;cursor:pointer}.challenge-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:1rem;cursor:pointer;overflow:hidden}.challenge-loading,.challenge-error{text-align:center;color:#1f2937}.challenge-frame{display:flex;flex-direction:column;align-items:center;width:100%;max-width:min(950px,95vw);max-height:calc(100vh - 4rem);flex:1;border:4px solid #000000;border-radius:4px;padding:1.5vmin 2vmin;background:#fff;overflow:hidden}.challenge-codes{display:flex;justify-content:space-between;width:100%;margin-bottom:1vmin;flex-shrink:0}.challenge-code-group{display:flex;flex-direction:column;align-items:center}.challenge-label{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,2vmin,18px);font-weight:700;color:#000;letter-spacing:.3em;margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.challenge-letters,.challenge-digits{font-family:Arial,Helvetica,sans-serif;font-size:clamp(48px,14vmin,140px);font-weight:900;color:#000;letter-spacing:.05em;line-height:1;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none}.challenge-id-area{display:flex;align-items:flex-start;justify-content:center;flex:1;width:100%;min-height:0;padding-top:1vmin}.challenge-id-placeholder{width:100%;max-width:min(600px,70vw);aspect-ratio:1.414 / 1;max-height:100%;background:#fff;border:3px dashed #9ca3af;border-radius:8px;display:flex;align-items:center;justify-content:center}.placeholder-text{font-size:clamp(.85rem,2vmin,1.5rem);color:#9ca3af;font-weight:500;-webkit-user-select:none;user-select:none}.challenge-instructions{margin-top:.5rem;text-align:center;color:#9ca3af;font-size:.75rem;line-height:1.5;flex-shrink:0}.challenge-fs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:pointer}.challenge-fs-overlay-content{text-align:center;color:#fff;max-width:420px;padding:2rem}.challenge-fs-icon{font-size:4rem;margin-bottom:1rem;line-height:1}.challenge-fs-overlay-content h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.challenge-fs-overlay-content p{font-size:.95rem;line-height:1.6;color:#fffc;margin-bottom:1.5rem}.challenge-fs-overlay-content .btn{font-size:1.1rem;padding:.75rem 2rem}.challenge-phase{text-align:center}.challenge-phase-indicator{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.phase-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.phase-dot.active{background:var(--color-primary)}.phase-dot.done{background:var(--color-success)}.challenge-countdown{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);background:var(--color-bg);font-size:.9rem;margin-bottom:1rem}.challenge-countdown.warning{background:#fef3c7;color:#92400e}.challenge-uploading{text-align:center;padding:2rem 0}