:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#070a10}.app-shell{position:relative;width:100%;height:100%}.auto-calibration-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 380px));min-width:280px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid rgba(120,190,255,.42);border-radius:10px;background:#07101edb;box-shadow:0 12px 24px #02060c7a;z-index:20;pointer-events:none}.auto-calibration-banner strong{font-size:12px;letter-spacing:.03em;color:#9ec9ff}.auto-calibration-banner span{font-size:11px;color:#d9e7ff}.auto-calibration-progress{width:100%;height:4px;border-radius:999px;overflow:hidden;background:#7896be59}.auto-calibration-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#6faeff,#82f0d6);transition:width .1s linear}.tracker-overlay{position:fixed;top:14px;right:14px;width:338px;padding:12px;border:1px solid rgba(108,130,162,.35);border-radius:12px;background:#080e1ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 28px #03050880}.tracker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px}.tracker-header-btn{width:100%;background:transparent;border:0;color:inherit;padding:0;text-align:left;cursor:pointer}.tracker-header-collapsed{margin-bottom:0}.tracker-header-right{display:flex;align-items:center;gap:8px}.tracker-collapse-indicator{color:#b0bcda;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.status{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:2px 8px;border-radius:999px;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.status-live{background:#33e5ba33;color:#6ef8d4}.status-idle{background:#aab1c738;color:#d4dcf9}.tracker-video-wrapper{position:relative;width:100%;height:190px;border-radius:8px;overflow:hidden;border:1px solid rgba(97,112,145,.34);background:#06080d}.tracker-video-wrapper-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none;border:0}.tracker-video-wrapper-mobile-hidden{display:none}.tracker-video{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1);object-fit:contain;object-position:center}.tracker-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tracker-error{margin:8px 0 0;font-size:12px;color:#ff9e9e}.sliders{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(108,130,162,.25)}.slider-row{display:grid;grid-template-columns:68px 1fr 32px;align-items:center;gap:6px;font-size:11px;color:#b0bcda}.slider-row input[type=range]{width:100%;accent-color:#6fa2ff;height:3px;cursor:pointer}.slider-value{text-align:right;color:#d4dcf9;font-variant-numeric:tabular-nums}.toggle-row{grid-template-columns:68px 1fr}.toggle-btn{background:#2a2d3a;border:1px solid #444;color:#aaa;border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.toggle-btn-on{background:#1a3a2a;border-color:#3ddc84;color:#3ddc84}.light-select{background:#2a2d3a;border:1px solid #444;color:#d4dcf9;border-radius:4px;padding:3px 6px;font-size:11px;cursor:pointer;width:100%}.settings-actions{margin-top:10px;padding-top:8px;border-top:1px solid rgba(108,130,162,.25);display:flex;flex-direction:column;gap:6px}.reset-btn{width:100%;background:#332a2a;border:1px solid #7b4a4a;color:#f4d6d6;border-radius:4px;padding:5px 8px;font-size:11px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.reset-btn:hover{background:#443131;border-color:#946060}.reset-objects-btn{width:100%;background:#253247;border:1px solid #4d6c96;color:#d6e5ff;border-radius:4px;padding:5px 8px;font-size:11px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.reset-objects-btn:hover{background:#2f4059;border-color:#6388ba}.hdri-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(108,130,162,.25)}.hdri-input{flex:1;background:#2a2d3a;border:1px solid #444;border-radius:4px;padding:4px 7px;font-size:10px;color:#d4dcf9;font-family:monospace;outline:none;min-width:0}.hdri-input:focus{border-color:#6fa2ff}.hdri-load-btn{flex-shrink:0;background:#3a4a6a;border:1px solid #6fa2ff;border-radius:4px;color:#6fa2ff;font-size:10px;padding:4px 8px;cursor:pointer;white-space:nowrap}.hdri-load-btn:hover{background:#4a5a7a}.advanced-settings-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:6px 8px;background:#141c2c8c;border:1px solid rgba(108,130,162,.35);border-radius:6px;color:#c8d4f0;font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.advanced-settings-toggle:hover{background:#1c263abf;border-color:#82a0c873}.advanced-settings-block{margin-top:8px;padding-top:8px;border-top:1px solid rgba(108,130,162,.2);display:flex;flex-direction:column;gap:6px}.advanced-settings-mobile-hint{margin:0 0 4px;font-size:10px;line-height:1.35;color:#9aa8c4}.settings-cpu-tag{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffb86c;background:#ff8c501f;border:1px solid rgba(255,160,100,.35);vertical-align:middle}.toggle-btn:disabled{opacity:.45;cursor:not-allowed}