:root{--bg-dark:#0b0e20;--bg-panel:#171b36;--accent-cyan:#8e9bff;--accent-cobalt:#3d4fe0;--accent-magenta:#3d4fe0;--accent-green:#2fbf84;--accent-amber:#e8a33d;--accent-red:#e84545;--text-primary:#d4d7ec;--text-secondary:#b9bfdc;--text-muted:#6a6f8e;--border-color:#2a2f52;--glow-cyan:none;--glow-magenta:none;--font-sans:"Space Grotesk", "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);background:var(--bg-dark);color:var(--text-primary);overflow:hidden}#vr-splash{z-index:200;background:var(--bg-dark);cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;font-family:Geist,Helvetica Neue,sans-serif;display:flex;position:fixed;inset:0}#vr-splash.ready{cursor:pointer}.splash-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:28px 40px;display:flex}.splash-brand{align-items:center;gap:12px;display:flex}.splash-wordmark{letter-spacing:.04em;color:var(--text-secondary);font-size:15px}.splash-wordmark strong{color:var(--text-primary);font-weight:700}.splash-user{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent-green);border:1px solid var(--border-color);padding:6px 10px;font-size:11px}.splash-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 24px;display:flex}#splash-cta{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(30px,5vw,52px);font-weight:700}#vr-splash.ready #splash-cta{animation:2.4s ease-in-out infinite splash-pulse}@keyframes splash-pulse{0%,to{opacity:1}50%{opacity:.55}}.splash-sub{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-muted);margin-top:14px;font-size:12px}.splash-auth{border:1px solid var(--border-color);background:var(--bg-panel);margin-top:42px;padding:28px 40px}.splash-auth-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-muted);margin-bottom:14px;font-size:11px}.splash-auth-code{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent-cyan);font-size:46px;font-weight:500}.splash-auth-uri{font-family:var(--font-mono);color:var(--text-secondary);margin-top:12px;font-size:13px}.splash-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:22px 40px;display:flex}.splash-checks{flex-wrap:wrap;gap:10px;display:flex}.splash-check{font-family:var(--font-mono);letter-spacing:.12em;border:1px solid var(--border-color);color:var(--text-muted);padding:6px 10px;font-size:11px}.splash-check.pass{color:var(--accent-green)}.splash-check.fail{color:var(--accent-red);border-color:var(--accent-red)}.splash-footer-right{align-items:center;gap:20px;display:flex}.splash-build{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:11px}.splash-operator-link{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent-cyan);border-bottom:1px solid var(--accent-cobalt);padding-bottom:2px;font-size:11px;text-decoration:none}#xr-canvas{width:100%;height:100%;display:block;position:fixed;top:0;left:0}.dialog{background:linear-gradient(135deg, var(--bg-dark) 0%, #0d1a2a 100%);z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dialog-content{background:var(--bg-panel);border:1px solid var(--border-color);text-align:center;width:90%;max-width:400px;box-shadow:var(--glow-cyan), inset 0 1px 0 #ffffff0d;border-radius:12px;padding:40px;animation:.3s ease-out dialogFadeIn}.connection-dialog-content{max-width:460px;max-height:calc(100vh - 32px);overflow-y:auto}@keyframes dialogFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo{margin-bottom:16px}.logo svg,.logo img{margin:0 auto;animation:3s ease-in-out infinite logoPulse;display:block}@keyframes logoPulse{0%,to{opacity:1}50%{opacity:.7}}h1{font-family:var(--font-sans);letter-spacing:4px;color:var(--accent-cyan);margin-bottom:4px;font-size:28px;font-weight:700}.subtitle{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:32px;font-size:14px}.queue-signup{margin-bottom:28px}.section-title{font-family:var(--font-sans);letter-spacing:1px;color:var(--text-primary);text-align:left;margin-bottom:6px;font-size:18px;font-weight:700}.section-subtitle{text-align:left;color:var(--text-muted);margin-bottom:16px;font-size:13px}.form-divider{text-align:left;border-top:1px solid #ffffff14;margin-top:22px;padding-top:16px}.form-divider span{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px}.input-group{text-align:left;margin-bottom:20px}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.input-group input,.input-group select{width:100%;font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--border-color);background:#0000004d;border-radius:6px;outline:none;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s}.input-group input:focus,.input-group select:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #8e9bff4d}.input-group input::placeholder{color:var(--text-muted)}.inline-input-row{align-items:center;gap:8px;display:flex}.location-row{grid-template-columns:1fr .45fr;gap:8px;display:grid}.btn-inline{min-width:90px;font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s}.btn-inline:hover{color:var(--text-primary);border-color:var(--accent-cyan)}.btn-inline:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;font-family:var(--font-sans);letter-spacing:2px;color:var(--bg-dark);background:linear-gradient(135deg, var(--accent-cyan), #09c);cursor:pointer;border:none;border-radius:6px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-text{z-index:1;position:relative}.btn-loader{border:2px solid #0000;border-top-color:var(--bg-dark);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.btn-vr{width:100%;font-family:var(--font-sans);letter-spacing:3px;color:var(--text-primary);background:linear-gradient(135deg, var(--accent-magenta), #a0a);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:20px 24px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-vr:hover{box-shadow:var(--glow-magenta);transform:translateY(-2px)}.btn-secondary{font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);border-color:var(--accent-cyan)}.btn-operator-mode{text-align:center;margin-top:12px;text-decoration:none;display:block}.btn-mode-toggle{width:100%;margin-bottom:12px}.btn-mode-toggle:disabled{opacity:.55;cursor:not-allowed}.status-message{border-radius:6px;margin-top:20px;padding:12px 16px;font-size:13px;animation:.2s fadeIn}.status-message.error{color:#f66;background:#ff44441a;border:1px solid #ff44444d}.status-message.success{color:var(--accent-green);background:#2fbf841a;border:1px solid #2fbf844d}.status-message.info{color:var(--accent-cyan);background:#8e9bff1a;border:1px solid #8e9bff4d}.status-message.warning{color:#ffbe66;background:#ffaa001a;border:1px solid #ffaa0059}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.connection-info{text-align:left;background:#0003;border-radius:8px;margin-bottom:24px;padding:16px}.info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-muted);font-size:13px}.info-row .value{color:var(--accent-cyan);font-family:var(--font-sans);font-size:13px;font-weight:700}#perf-hud{z-index:50;gap:16px;display:flex;position:fixed;top:16px;right:16px}.hud-item{border:1px solid var(--border-color);text-align:center;background:#0d1525e6;border-radius:6px;padding:8px 12px}.hud-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;display:block}.hud-value{font-family:var(--font-sans);color:var(--accent-cyan);font-size:16px;font-weight:700;display:block}#operator-guidance-2d{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:70;background:#07101ed9;border-radius:12px;flex-direction:row;align-items:center;gap:16px;width:min(800px,100vw - 24px);max-width:90vw;padding:8px 16px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.operator-guidance-title{display:none}.operator-guidance-state-row{background:#142234e6;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:100px;margin:0;padding:6px 12px;display:flex}.operator-guidance-state-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:10px}.operator-guidance-state-value{color:#7a8797;font-family:var(--font-sans);letter-spacing:.3px;text-align:center;white-space:nowrap;font-size:11px;font-weight:700}.operator-guidance-card[data-state-class=neutral] .operator-guidance-state-value{color:#9aa4b2}.operator-guidance-card[data-state-class=ready] .operator-guidance-state-value{color:var(--accent-green)}.operator-guidance-card[data-state-class=active] .operator-guidance-state-value{color:var(--accent-cyan)}.operator-guidance-card[data-state-class=transition] .operator-guidance-state-value{color:#ffbe66}.operator-guidance-instructions-wrapper{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.operator-guidance-primary{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.operator-guidance-secondary{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;line-height:1.2;overflow:hidden}.operator-guidance-indicators-wrapper{flex-direction:row;flex-shrink:0;align-items:center;gap:12px;display:flex}.operator-guidance-grip{background:#142234d9;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:90px;margin:0;padding:6px 12px;display:flex}.operator-guidance-grip-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.operator-guidance-grip-value{color:#ffbe66;white-space:nowrap;text-align:center;font-size:10px;font-weight:700}.operator-guidance-grip[data-moving=true] .operator-guidance-grip-value{color:var(--accent-green)}.operator-guidance-hold{background:#142234d9;border-radius:8px;flex-direction:column;gap:4px;min-width:110px;margin:0;padding:6px 12px;display:flex}.operator-guidance-hold-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:center;font-size:9px}.operator-guidance-hold-bar{background:#ffffff26;border-radius:999px;width:100%;min-width:90px;height:8px;margin:0;overflow:hidden}.operator-guidance-hold-fill{background:linear-gradient(90deg, #00c476, var(--accent-green));border-radius:999px;width:0%;height:100%}.operator-guidance-pulse{animation:.45s ease-out operatorGuidancePulse}@keyframes operatorGuidancePulse{0%{border-color:#8e9bff4d;box-shadow:0 6px 28px #00000073}45%{border-color:#8e9bffe6;box-shadow:0 0 18px #8e9bff59}to{border-color:#8e9bff4d;box-shadow:0 6px 28px #00000073}}#live-tuning-panel{border:1px solid var(--border-color);width:min(360px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:0 6px 28px #00000073, var(--glow-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:85;background:#07101eeb;border-radius:10px;padding:14px 14px 12px;position:fixed;top:16px;left:16px;overflow:auto}.live-tuning-title{font-family:var(--font-sans);color:var(--accent-cyan);letter-spacing:1.4px;text-transform:uppercase;font-size:15px;font-weight:700}.live-tuning-hint{color:var(--text-muted);letter-spacing:.6px;margin-top:3px;font-size:12px}.live-tuning-rows{margin-top:10px}.live-tuning-section{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-top:8px;margin-bottom:4px;font-size:11px}.live-tuning-row{grid-template-columns:1fr auto;gap:4px 10px;margin-bottom:8px;display:grid}.live-tuning-key{color:var(--text-primary);font-size:14px;font-weight:600}.live-tuning-value{color:var(--accent-green);font-family:var(--font-sans);letter-spacing:.4px;font-size:12px;font-weight:700}.live-tuning-slider{width:100%;accent-color:var(--accent-cyan);grid-column:1/-1}.live-tuning-derived{border-top:1px solid #8cf3;grid-template-columns:1fr auto;row-gap:4px;margin-top:10px;padding-top:8px;display:grid}.live-tuning-note{color:var(--text-muted);grid-column:1/-1;font-size:11px}.live-tuning-footnote{color:var(--text-muted);margin-top:10px;font-size:11px}#toast-container{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;animation:.3s ease-out toastSlide;display:flex;box-shadow:0 4px 20px #00000080}.toast.error{border-color:#ff444480}.toast.success{border-color:#2fbf8480}.toast.warning{border-color:#ffaa0080}@keyframes toastSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#system-status-hud{border:2px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:85;width:340px;font-family:var(--font-sans);background:#0a0f1ad9;border-radius:4px;padding:18px 22px;position:relative;top:16px;right:16px;box-shadow:0 6px 28px #00000073,0 0 20px #8e9bff4d,inset 0 1px #8e9bff26}#dataset-recorder-hud{border:2px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:85;width:320px;font-family:var(--font-sans);background:#0a0f1abf;border-radius:4px;padding:16px 20px;position:relative;top:16px;right:16px;box-shadow:0 6px 28px #00000073,0 0 20px #8e9bff4d,inset 0 1px #8e9bff26}#system-status-hud:before,#system-status-hud:after,#dataset-recorder-hud:before,#dataset-recorder-hud:after{content:"";border:2px solid var(--accent-cyan);width:20px;height:20px;position:absolute}#system-status-hud:before,#dataset-recorder-hud:before{border-bottom:none;border-right:none;top:-2px;left:-2px}#system-status-hud:after,#dataset-recorder-hud:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.dataset-episode{font-family:var(--font-sans);color:var(--accent-cyan);letter-spacing:1.5px;text-shadow:none;margin-bottom:10px;font-size:18px;font-weight:700}.dataset-state-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.dataset-indicator{background:#5a6e8f;border-radius:50%;width:12px;height:12px;position:relative;box-shadow:0 0 8px #5a6e8f80}.dataset-indicator:after{content:"";opacity:.3;border:1px solid;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dataset-indicator.recording{background:#f44;animation:1s ease-in-out infinite recordingPulse}.dataset-indicator.finalizing{background:orange;box-shadow:0 0 12px #ffa50099}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 16px #f44}50%{opacity:.6;transform:scale(1.2);box-shadow:0 0 24px #f449}}.dataset-state{letter-spacing:1px;color:var(--accent-cyan);text-shadow:none;font-size:15px;font-weight:600}.dataset-state.recording{color:#f44;text-shadow:none}.dataset-state.finalizing{color:orange;text-shadow:none}.dataset-stats{font-family:var(--font-sans);letter-spacing:.6px;color:var(--accent-green);text-shadow:none;font-size:12px;font-weight:700}.system-robot-state{font-family:var(--font-sans);color:var(--accent-cyan);letter-spacing:2px;text-shadow:none;margin-bottom:12px;font-size:20px;font-weight:700}.system-robot-state.armed{color:var(--accent-green);text-shadow:none}.system-robot-state.teleop_active{color:var(--accent-cyan);text-shadow:none}.system-robot-state.homing{color:var(--accent-magenta);text-shadow:none}.system-robot-state.arming,.system-robot-state.calibrating{color:#ffbe66;text-shadow:none}.system-robot-state.e_stop{color:#f33;text-shadow:none}.system-episode-row{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:15px;display:flex}.system-recording-indicator{background:#5a6e8f;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 6px #5a6e8f80}.system-recording-indicator.recording{background:#f44;animation:1s ease-in-out infinite recordingPulse;box-shadow:0 0 16px #f44}.system-recording-indicator.finalizing{background:orange;box-shadow:0 0 12px #ffa500cc}.system-recording-state{letter-spacing:1px;border-radius:3px;margin-left:auto;padding:3px 10px;font-size:14px;font-weight:700}.system-recording-state.recording{color:#f44;text-shadow:none;background:#ff444440}.system-recording-state.finalizing{color:orange;text-shadow:none;background:#ffa50040}.system-recording-state.idle{display:none}.system-stats{font-family:var(--font-sans);letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.system-metric-row{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.system-metric-row span:first-child{color:var(--text-muted);letter-spacing:.8px}.system-network-quality{letter-spacing:1px;margin-left:auto;font-family:Courier New,monospace;font-size:14px;font-weight:700}[hidden]{display:none!important}@media (width<=480px){.dialog-content{padding:24px}h1{letter-spacing:2px;font-size:22px}.inline-input-row{flex-direction:column;align-items:stretch}.location-row{grid-template-columns:1fr}#operator-guidance-2d{flex-wrap:nowrap;gap:10px;width:calc(100vw - 16px);max-width:100vw;padding:6px 12px;bottom:8px;left:50%;overflow-x:auto;transform:translate(-50%)}.operator-guidance-state-row{min-width:80px;padding:4px 8px}.operator-guidance-primary{font-size:11px}.operator-guidance-secondary{font-size:10px}.operator-guidance-instructions-wrapper{min-width:150px}.operator-guidance-grip,.operator-guidance-hold{min-width:70px;padding:4px 8px}#toast-container{bottom:70px}}.passthrough-options{background:#8e9bff0d;border:1px solid #8e9bff33;border-radius:8px;margin-top:16px;padding:16px}.options-header{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:12px;font-weight:700}.checkbox-label{cursor:pointer;color:#cbd5e1;align-items:center;padding:8px 0;transition:color .2s;display:flex}.checkbox-label:hover{color:#e2e8f0}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-cyan);margin-right:12px}.checkbox-label span{font-size:14px;font-weight:500}