:root{--bg-dark:#0a0a1a;--bg-panel:#0d1525;--accent-cyan:#00d4ff;--accent-magenta:#f0f;--accent-green:#0f8;--text-primary:#fff;--text-secondary:#8cf;--text-muted:#4a6a8a;--border-color:#00d4ff4d;--glow-cyan:0 0 20px #00d4ff80;--glow-magenta:0 0 20px #ff00ff80}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);font-family:Rajdhani,sans-serif;overflow:hidden}#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{animation:3s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{opacity:1}50%{opacity:.7}}h1{letter-spacing:4px;color:var(--accent-cyan);margin-bottom:4px;font-family:Orbitron,sans-serif;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{letter-spacing:1px;color:var(--text-primary);text-align:left;margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:18px}.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%;color:var(--text-primary);border:1px solid var(--border-color);background:#0000004d;border-radius:6px;outline:none;padding:12px 16px;font-family:Rajdhani,sans-serif;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 #00d4ff4d}.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;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:10px 12px;font-family:Rajdhani,sans-serif;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{letter-spacing:2px;width:100%;color:var(--bg-dark);background:linear-gradient(135deg, var(--accent-cyan), #09c);cursor:pointer;border:none;border-radius:6px;padding:14px 24px;font-family:Orbitron,sans-serif;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{letter-spacing:3px;width:100%;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-family:Orbitron,sans-serif;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-vr:hover{box-shadow:var(--glow-magenta);transform:translateY(-2px)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:10px 20px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);border-color:var(--accent-cyan)}.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:#00ff881a;border:1px solid #00ff884d}.status-message.info{color:var(--accent-cyan);background:#00d4ff1a;border:1px solid #00d4ff4d}.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:Orbitron,sans-serif;font-size:13px}#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{color:var(--accent-cyan);font-family:Orbitron,sans-serif;font-size:16px;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;letter-spacing:.3px;text-align:center;white-space:nowrap;font-family:Orbitron,sans-serif;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,#0f8);border-radius:999px;width:0%;height:100%}.operator-guidance-pulse{animation:.45s ease-out operatorGuidancePulse}@keyframes operatorGuidancePulse{0%{border-color:#00d4ff4d;box-shadow:0 6px 28px #00000073}45%{border-color:#00d4ffe6;box-shadow:0 0 18px #00d4ff59}to{border-color:#00d4ff4d;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{color:var(--accent-cyan);letter-spacing:1.4px;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:15px}.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);letter-spacing:.4px;font-family:Orbitron,sans-serif;font-size:12px}.live-tuning-slider{accent-color:#00d4ff;grid-column:1/-1;width:100%}.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:#00ff8880}.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;background:#0a0f1ad9;border-radius:4px;width:340px;padding:18px 22px;font-family:Rajdhani,sans-serif;position:relative;top:16px;right:16px;box-shadow:0 6px 28px #00000073,0 0 20px #00d4ff4d,inset 0 1px #00d4ff26}#dataset-recorder-hud{border:2px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:85;background:#0a0f1abf;border-radius:4px;width:320px;padding:16px 20px;font-family:Rajdhani,sans-serif;position:relative;top:16px;right:16px;box-shadow:0 6px 28px #00000073,0 0 20px #00d4ff4d,inset 0 1px #00d4ff26}#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{color:var(--accent-cyan);letter-spacing:1.5px;text-shadow:0 0 10px #00d4ff99;margin-bottom:10px;font-family:Orbitron,sans-serif;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:0 0 8px #00d4ff66;font-size:15px;font-weight:600}.dataset-state.recording{color:#f44;text-shadow:0 0 10px #ff444480}.dataset-state.finalizing{color:orange;text-shadow:0 0 10px #ffa50080}.dataset-stats{letter-spacing:.6px;color:var(--accent-green);text-shadow:0 0 6px #00ff884d;font-family:Orbitron,sans-serif;font-size:12px}.system-robot-state{color:var(--accent-cyan);letter-spacing:2px;text-shadow:0 0 12px #00d4ffcc;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700}.system-robot-state.armed{color:var(--accent-green);text-shadow:0 0 12px #0f8c}.system-robot-state.teleop_active{color:var(--accent-cyan);text-shadow:0 0 15px #00d4ff}.system-robot-state.homing{color:var(--accent-magenta);text-shadow:0 0 12px #f0fc}.system-robot-state.arming,.system-robot-state.calibrating{color:#ffbe66;text-shadow:0 0 12px #ffbe66cc}.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:0 0 10px #f449;background:#ff444440}.system-recording-state.finalizing{color:orange;text-shadow:0 0 10px #ffa50099;background:#ffa50040}.system-recording-state.idle{display:none}.system-stats{letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:11px}.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}}