*{box-sizing:border-box}body{color:#f5f7fa;background:#0a0d11;margin:0;font-family:Apple SD Gothic Neo,Pretendard,sans-serif}.app{max-width:1280px;margin:0 auto;padding-bottom:32px}.safety-banner{color:#000;text-align:center;background:#ffd600;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:15px;font-weight:800;display:flex}.badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.badge-manual-target{color:#ffd600;background:#000}.app-header{padding:16px 20px 4px}.app-header h1{letter-spacing:.5px;margin:0;font-size:26px}.app-header p{color:#9aa7b5;margin:4px 0 0;font-size:14px}.main-grid{grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px;display:grid}@media (width<=800px){.main-grid{grid-template-columns:1fr}}.camera-view{background:#000;border-radius:12px;min-height:260px;position:relative;overflow:hidden}.camera-view video,.camera-view img{object-fit:cover;width:100%;height:100%;display:block}.region-line{border-top:2px dashed #ffd600;position:absolute;left:0;right:0}.region-label{color:#ffd600;background:#0000008c;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;right:8px}.camera-error{color:#ff8a80;text-align:center;background:#000c;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.scenario-placeholder{background:linear-gradient(160deg,#14181e,#05070a);border:1px dashed #2a323c;place-items:center;display:grid}.scenario-placeholder-body{text-align:center;padding:24px}.scenario-placeholder-title{color:#9aa7b5;letter-spacing:1px;text-transform:uppercase;font-size:13px}.scenario-placeholder-label{margin-top:6px;font-size:24px;font-weight:800}.scenario-placeholder-desc{color:#9aa7b5;max-width:420px;margin-top:8px;font-size:13px}.badge-mock{color:#fff;background:#7c4dff;margin-top:14px;display:inline-block}.source-panel{background:#12161c;border:1px solid #232a33;border-radius:12px;padding:16px 20px}.source-panel h2{margin:0 0 10px;font-size:18px}.source-panel h3{color:#9aa7b5;text-transform:uppercase;letter-spacing:.6px;margin:14px 0 6px;font-size:13px}.source-badges{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.badge-source{color:#fff}.badge-camera{color:#00210d;background:#00c853}.badge-recorded{color:#2b1d00;background:#ffb300}.badge-mock.badge-source,.badge-source.badge-mock{background:#7c4dff}.source-block{border-top:1px solid #232a33;padding-top:4px}.kv-grid{grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;display:grid}.kv-key{color:#9aa7b5}.kv-val{color:#f5f7fa;font-weight:600}.gate-panel{background:#12161c;border:1px solid #232a33;border-radius:12px;margin:0 20px 16px;padding:16px 20px}.gate-panel h2{margin:0 0 12px;font-size:18px}.gate-list{grid-template-columns:repeat(2,1fr);gap:6px 16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=800px){.gate-list{grid-template-columns:1fr}}.gate-item{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex}.gate-pass{background:#00c8531f;border-color:#00c85359}.gate-block{background:#ff174424;border-color:#ff174473}.gate-icon{font-size:15px}.gate-label{flex:1}.gate-status{letter-spacing:.4px;font-size:12px;font-weight:800}.gate-pass .gate-status{color:#00e676}.gate-block .gate-status{color:#ff5252}.gate-failed{border-top:1px solid #232a33;margin-top:14px;padding-top:10px;font-size:13px}.gate-failed-label{color:#9aa7b5;margin-right:8px}.gate-failed-empty{color:#00e676;font-weight:700}.gate-failed-list{flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:inline-flex}.gate-failed-list li{color:#ff8a80;background:#ff525226;border:1px solid #ff525266;border-radius:20px;padding:2px 10px;font-weight:700}.comparison-panel{grid-template-columns:1fr 1fr;gap:16px;margin:0 20px 16px;display:grid}@media (width<=800px){.comparison-panel{grid-template-columns:1fr}}.comparison-col{background:#12161c;border:2px solid #232a33;border-radius:14px;padding:20px;transition:background .25s,border-color .25s}.comparison-title{text-transform:uppercase;letter-spacing:1px;color:#9aa7b5;font-size:13px}.comparison-badge{color:#dfe7ef;background:#2a323c;border-radius:20px;margin-top:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.comparison-badge-live{color:#fff;background:#2962ff}.comparison-main{margin-top:14px}.comparison-verdict{font-size:30px;font-weight:900;line-height:1.15}.comparison-state{color:#9aa7b5;margin-top:2px;font-size:13px}.comparison-reason{color:#dfe7ef;margin-top:6px;font-size:14px}.comparison-message{color:#9aa7b5;margin-top:6px;font-size:14px}.comparison-ref{color:#7c8a99;border-top:1px dashed #2a323c;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:10px;font-size:12px;display:flex}.comparison-ref-label{text-transform:uppercase;letter-spacing:.5px}.comparison-detail-grid{border-top:1px dashed #2a323c;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:16px;padding-top:10px;font-size:13px;display:grid}.comparison-baseline.verdict-proceed{background:#00c85329;border-color:#00c853}.comparison-baseline.verdict-hold{background:#78828c14}.comparison-proposed.verdict-proceed{background:#00c85329;border-color:#00c853}.comparison-proposed.verdict-hold{background:#ff174424;border-color:#ff1744}.comparison-divergence .comparison-col{box-shadow:0 0 0 1px #ffd60080}.scenario-bar{background:#12161c;border:1px solid #232a33;border-radius:12px;margin:16px 20px 0;padding:12px 16px}.scenario-bar .row{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.row-label{color:#9aa7b5;min-width:140px;font-size:13px}.scenario-bar button{color:#dfe7ef;cursor:pointer;background:#2a323c;border:1px solid #3a4450;border-radius:8px;padding:8px 14px;font-size:14px}.scenario-bar button.on{color:#fff;background:#2962ff;border-color:#2962ff;font-weight:700}.scenario-bar button.audio-on{color:#00210d;background:#00c853;border-color:#00c853}.row-scenarios button{padding:7px 12px;font-size:13px}.video-source-bar{background:#12161c;border:1px solid #232a33;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 20px 0;padding:10px 16px;display:flex}.video-source-bar button{color:#dfe7ef;cursor:pointer;background:#2a323c;border:1px solid #3a4450;border-radius:8px;padding:8px 14px;font-size:14px}.video-source-bar button.on{color:#fff;background:#2962ff;border-color:#2962ff;font-weight:700}.esp32-url-input{color:#dfe7ef;background:#1a2028;border:1px solid #3a4450;border-radius:8px;flex:1;min-width:220px;padding:8px 12px;font-size:13px}.esp32-url-input::placeholder{color:#6b7684}.boot-hint{text-align:center;color:#7c8a99;margin:16px 20px 0;font-size:13px}.view-mode-bar{justify-content:flex-end;margin:8px 20px 0;display:flex}.view-mode-btn{color:#fff;cursor:pointer;background:#7c4dff;border:1px solid #7c4dff;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:700}.view-mode-btn:hover{background:#6a3dee}.cam-console{position:relative}.cam-pip{aspect-ratio:4/3;z-index:60;border:2px solid #ffffff8c;border-radius:14px;width:28vw;max-width:160px;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 18px #00000073}.cam-pip .camera-view{border-radius:0;width:100%;height:100%;min-height:0}.cam-console .camera-view{min-height:260px}.product-view{z-index:50;color:#f5f7fa;background:#14181e;flex-direction:column;font-family:inherit;transition:background-color .3s;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.product-view{transition:none}}.product-view.tint-wait{background:#3a0a0f}.product-view.tint-verify{background:#06232b}.product-view.tint-confirmed{background:#06301a}.product-view.tint-info{background:#332405}.pv-topbar{z-index:70;background:#0000002e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:relative}.pv-wordmark{letter-spacing:1.5px;font-size:clamp(18px,4vw,26px);font-weight:900}.pv-status-cluster{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.pv-dot-group{align-items:center;gap:6px;display:inline-flex}.pv-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.pv-dot-on{background:#00e676;box-shadow:0 0 6px #00e676cc}.pv-dot-off{background:#ff5252;box-shadow:0 0 6px #ff5252cc}.pv-badge-mock{color:#fff;background:#7c4dff;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:800}.pv-badge-verify{color:#c7d0da;opacity:.85;white-space:nowrap;font-size:11px}.pv-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px 16px;display:flex}.pv-icon{font-size:clamp(56px,18vw,140px);line-height:1}.pv-icon-pulse{animation:1.4s ease-in-out infinite pv-pulse}@media (prefers-reduced-motion:reduce){.pv-icon-pulse{animation:none}}@keyframes pv-pulse{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.pv-title{margin-top:6px;font-size:clamp(64px,22vw,180px);font-weight:900;line-height:1.05}.pv-verify-progress{font-variant-numeric:tabular-nums;margin-top:10px;font-size:clamp(18px,4vw,28px);font-weight:700}.pv-countdown{align-items:baseline;gap:8px;margin-top:8px;display:flex}.pv-countdown-num{font-variant-numeric:tabular-nums;font-size:clamp(72px,26vw,220px);font-weight:900;line-height:1}.pv-countdown-unit{opacity:.85;font-size:clamp(20px,5vw,40px);font-weight:700}.pv-message{color:#e6ecf2;opacity:.92;max-width:640px;margin-top:18px;font-size:clamp(14px,2.6vw,20px)}.pv-bottombar{z-index:55;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:#00000038;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex;position:relative}.pv-bottom-item{color:#dfe7ef;opacity:.9}.pv-reason-code{color:#ffb3a7;opacity:1;letter-spacing:.3px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.pv-exit-btn{color:#fff;cursor:pointer;background:#2a323c;border:1px solid #ffffff4d;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.pv-exit-btn:hover{border-color:#fff}@media (width<=480px){.pv-status-cluster{justify-content:flex-end}.pv-badge-verify{text-align:right;width:100%;display:block}}.log-strip{background:#12161c;border:1px solid #232a33;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin:16px 20px 0;padding:12px 16px;display:flex}.log-download-btn{color:#dfe7ef;cursor:pointer;background:#2a323c;border:1px solid #3a4450;border-radius:8px;padding:8px 14px;font-size:14px}.log-download-btn:hover{border-color:#2962ff}.log-count{color:#9aa7b5;font-size:13px}.log-e2e{color:#00e676;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}