*{box-sizing:border-box}:root{--background:#fbfaf9;--foreground:#000;--muted-foreground:#525252;--primary:#262626;--primary-foreground:#fff;--border:#e4e4e4;--camera:#000;--camera-foreground:#fff;--overlay-scrim:#0009;--guide-idle:#ffffff4d;--guide-stabilizing:#ffffff80;--guide-detecting:#ffffffb3;--guide-recentering:#39c682cc;--guide-success:#39c682;--success:#39c682;--success-foreground:#fff;--indicator:#ffffffe6;--indicator-foreground:#333;--destructive:#e54b4f;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}body{background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-sans);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5;pointer-events:none}#app{min-height:100vh}.page{min-height:100vh;position:relative}.top-actions{z-index:10;gap:12px;display:flex;position:fixed;top:24px;right:24px}.home{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.btn-primary{background:var(--primary);color:var(--primary-foreground);white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:background-color .12s,opacity .12s;display:inline-flex}.btn-primary:hover{background:#3b3b3b}.btn-inline{height:44px;padding:0 24px}.btn-block{width:100%;height:44px}.toggle-row{color:var(--muted-foreground);align-items:center;gap:8px;font-size:14px;display:inline-flex}.dialog-overlay{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;position:fixed;inset:0}.dialog-content{background:var(--background);border:1px solid var(--border);z-index:51;flex-direction:column;width:100%;max-width:512px;height:min(90vh,672px);padding:0;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dialog-close{opacity:.7;z-index:70;background:#fbfaf9cc;border:0;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex;position:fixed;top:16px;right:16px}.dialog-close:hover{opacity:1}.camera-surface{background:var(--camera);flex:1;position:relative;overflow:hidden}.video-container{z-index:1;position:absolute;inset:0}.video-wrapper{transform-origin:50%;width:100%;height:100%;position:relative;transform:scale(1.15)}.video-wrapper video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-center-copy{color:var(--camera-foreground);z-index:30;text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.absolute-fill,.diagnostics-overlay{position:absolute;inset:0}.diagnostics-overlay{pointer-events:none;z-index:20}.diagnostics-overlay canvas{display:block}.overlay-root{pointer-events:none;z-index:10;position:absolute;inset:0}.face-cutout{box-shadow:0 0 0 1000px var(--overlay-scrim);border-radius:999px;position:absolute}.face-guide-base{border-style:solid;border-width:2px;border-radius:999px;position:absolute}.face-guide-idle{border-color:var(--guide-idle)}.face-guide-stabilizing{border-color:var(--guide-stabilizing);border-style:dashed;animation:1.6s ease-in-out infinite pulse}.face-guide-detecting{border-color:var(--guide-detecting)}.face-guide-recentering{border-color:var(--guide-recentering);animation:1.6s ease-in-out infinite pulse}.face-guide-success{border-color:var(--guide-success);border-width:3px}.success-badge{background:var(--success);border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 10px 25px #39c6824d}.success-icon{color:var(--success-foreground);width:40px;height:40px}.success-center{pointer-events:none;z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.direction-arrow-layer{pointer-events:none;z-index:40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.direction-arrow{background:var(--indicator);color:var(--indicator-foreground);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;animation:1.5s ease-in-out infinite arrow-pulse;display:flex;box-shadow:0 22px 42px #00000040}.direction-arrow svg{width:32px;height:32px}.verification-status{background:var(--background);z-index:40;justify-content:center;align-items:center;height:96px;padding:0 24px;display:flex;position:relative}.status-copy{text-align:center;width:100%}.status-copy p{margin:0}.status-title{color:var(--foreground);font-size:16px;font-weight:500}.status-subtitle{color:var(--muted-foreground);margin-top:4px;font-size:12px}.debug-panel{background:#fbfaf9f2;border-top:1px solid #e4e4e480;flex-shrink:0;max-height:256px;padding:12px 16px;overflow:auto}.debug-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.debug-title p{margin:0}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;display:grid}.debug-section{gap:4px;display:grid}.debug-section-title{color:var(--foreground);margin:0;font-size:12px;font-weight:600}.debug-row{justify-content:space-between;align-items:flex-start;gap:16px;font-size:12px;display:flex}.debug-row span:first-child{color:var(--muted-foreground)}.debug-row span:last-child{color:var(--foreground);font-family:var(--font-mono);text-align:right}.footer-retry{background:#fbfaf9f2;border-top:1px solid #e4e4e480;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.error-copy{color:var(--destructive);margin:0;font-size:14px}.results{gap:24px;max-width:960px;min-height:100vh;margin:0 auto;padding:96px 24px 24px;display:grid}.results h1{margin:0;font-size:30px}.results-copy{color:var(--muted-foreground);margin:-16px 0 0;font-size:16px}.result-note{color:var(--muted-foreground);margin:-6px 0 12px;font-size:13px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-card,.result-section,.raw-result{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px}.result-card h2,.result-section h2{color:var(--foreground);margin:0 0 12px;font-size:16px}.result-card-body{gap:6px;display:grid}.result-row{justify-content:space-between;align-items:flex-start;gap:16px;margin:0;font-size:14px;line-height:1.35;display:flex}.result-row span:first-child{color:var(--muted-foreground);white-space:nowrap}.result-row span:last-child{color:var(--foreground);font-family:var(--font-mono);overflow-wrap:anywhere;text-align:right}.step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.step-card{border:1px solid var(--border);border-radius:8px;gap:4px;padding:12px;display:grid}.step-card p{color:var(--muted-foreground);margin:0;font-size:13px}.step-card .step-title{color:var(--foreground);align-items:center;gap:8px;font-weight:600;display:flex}.color-dot{border:1px solid var(--border);border-radius:999px;width:12px;height:12px;display:inline-block}.light-selfie-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.light-selfie-card{background:var(--background);border:1px solid var(--border);border-radius:8px;margin:0;display:grid;overflow:hidden}.light-selfie-image{aspect-ratio:16/9;background:var(--camera);object-fit:cover;width:100%;display:block}.light-selfie-caption{gap:4px;padding:10px 12px 12px;display:grid}.light-selfie-title{color:var(--foreground);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.light-selfie-meta{color:var(--muted-foreground);font-family:var(--font-mono);margin:0;font-size:12px}.light-selfie-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0 0;display:grid}.light-selfie-metrics div{border:1px solid var(--border);background:#fff;border-radius:6px;min-width:0;padding:8px}.light-selfie-metrics dt{color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700}.light-selfie-metrics dd{color:var(--foreground);font-family:var(--font-mono);white-space:nowrap;margin:0;font-size:13px}.light-selfie-status-pass dd{color:#278658}.light-selfie-status-fail dd{color:var(--destructive)}.raw-result summary{cursor:pointer;font-size:14px;font-weight:600}.results pre{border:1px solid var(--border);background:#fff;border-radius:8px;max-height:70vh;margin:12px 0 0;padding:16px;font-size:12px;overflow:auto}.sr-only{white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes arrow-pulse{0%,to{transform:translate(0)}50%{transform:var(--arrow-offset,translate(0, 0))}}@media (width<=640px){.dialog-content{border-radius:0;max-width:none;height:100vh}.debug-grid,.result-grid,.step-list,.light-selfie-list,.light-selfie-metrics{grid-template-columns:1fr}}