*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}#camera-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}#overlay-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.reference-status-bar{z-index:10;pointer-events:none;justify-content:space-between;width:100%;padding:0 40px;display:flex;position:absolute;bottom:28px;left:0}.ref-label{letter-spacing:.3px;color:#ffffffd9;text-shadow:0 1px 4px #000c,0 0 10px #00000080;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.ref-dot{background-color:#64748b;border-radius:50%;width:8px;height:8px;transition:all .25s}.ref-label.active .ref-dot{background-color:#38bdf8;box-shadow:0 0 8px #38bdf8}.ref-label.degraded .ref-dot{background-color:#eab308}#btn-toggle-debug{color:#fff9;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}#btn-toggle-debug:hover{color:#fff;background:#000000a6;border-color:#fff6}#debug-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;z-index:30;pointer-events:auto;background:#0a0f1ce0;border:1px solid #ffffff26;border-radius:12px;width:280px;padding:14px;font-family:SF Mono,Consolas,monospace;font-size:12px;position:absolute;top:56px;right:16px;box-shadow:0 10px 30px #0009}#debug-panel.hidden{display:none!important}.dbg-row{justify-content:space-between;margin-bottom:5px;display:flex}.dbg-title{color:#38bdf8;text-transform:uppercase;margin-top:8px;margin-bottom:4px;font-size:11px;font-weight:700}.dbg-val{color:#fff;font-weight:600}#start-overlay{z-index:50;background:#070a12;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.start-box{text-align:center;max-width:420px;padding:32px}.start-icon{color:#38bdf8;text-shadow:0 0 20px #38bdf899;margin-bottom:16px;font-size:40px}.start-title{letter-spacing:.5px;margin-bottom:8px;font-size:20px;font-weight:700}.start-desc{color:#94a3b8;margin-bottom:24px;font-size:13px;line-height:1.5}.start-btn{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #38bdf8;border-radius:24px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 0 20px #38bdf866}.start-btn:hover{background:#0369a1;transform:scale(1.02);box-shadow:0 0 28px #38bdf8b3}@media (width<=600px){.reference-status-bar{padding:0 20px;bottom:18px}.ref-label{font-size:14px}}