:root{--brand-color: #1f7ae0;--brand-color-soft: #2b8ef5;--bg-color: #ffffff;--surface-color: #f8fbff;--surface-hover: #edf5ff;--text-color: #1f2937;--text-muted-color: #6b7280;--border-color: #dbe7f7;--hover-bg-color: #f0f4ff}:root[data-theme=dark]{--bg-color: #0b1220;--surface-color: #111b2e;--surface-hover: #1a2740;--text-color: #e5edf9;--text-muted-color: #95a5c2;--border-color: #213453}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-color: #0b1220;--surface-color: #111b2e;--surface-hover: #1a2740;--text-color: #e5edf9;--text-muted-color: #95a5c2;--border-color: #213453}}a{color:var(--brand-color)}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--text-color);background:var(--bg-color);transition:color .25s,background-color .25s;line-height:1.5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.route-highlight-flash{animation:route-highlight-flash 1.8s ease-out}@keyframes route-highlight-flash{0%{box-shadow:0 0 #ffa20080;background:color-mix(in srgb,#ffc04d 24%,transparent)}60%{box-shadow:0 0 0 10px #ffa2001f;background:color-mix(in srgb,#ffc04d 12%,transparent)}to{box-shadow:0 0 #ffa20000;background:transparent}}.navbar[data-v-c115dd48]{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand[data-v-c115dd48]{color:var(--brand-color);font-weight:700}.links[data-v-c115dd48]{display:flex;gap:.3rem;flex-wrap:wrap}.links a[data-v-c115dd48],.login-link[data-v-c115dd48]{color:var(--text-color);text-decoration:none;padding:.35rem .6rem;border-radius:.5rem}.links a[data-v-c115dd48]:hover,.login-link[data-v-c115dd48]:hover{background:var(--surface-hover)}.links a.router-link-active[data-v-c115dd48]{color:#fff;background:var(--brand-color)}.actions[data-v-c115dd48]{margin-left:auto;display:flex;align-items:center;gap:.45rem}.user[data-v-c115dd48]{color:var(--text-muted-color);font-size:.85rem}button[data-v-c115dd48]{border:none;border-radius:.5rem;padding:.4rem .65rem;cursor:pointer}.ghost[data-v-c115dd48]{background:var(--surface-hover);color:var(--text-color)}.danger[data-v-c115dd48]{background:#e74c3c;color:#fff}@media(max-width:980px){.navbar[data-v-c115dd48]{flex-wrap:wrap}.actions[data-v-c115dd48]{margin-left:0}}.app-shell[data-v-3c7862da]{min-height:100vh;background:var(--bg-color)}.battery-container[data-v-546f5e19]{display:flex;align-items:center;font-size:14px}.battery-body[data-v-546f5e19]{width:60px;height:24px;border:2px solid #333;border-radius:4px;position:relative;margin-right:6px;box-sizing:border-box;background-color:#ddd;overflow:hidden}.battery-level[data-v-546f5e19]{height:100%;transition:width .3s,background-color .3s}.battery-head[data-v-546f5e19]{width:6px;height:14px;background-color:#333;margin-left:-4px;border-radius:2px}.battery-text[data-v-546f5e19]{margin-left:4px;font-weight:700}.wifi-rssi-display[data-v-89267cc4]{display:flex;align-items:center;gap:.1em;background-color:#fffc;border-radius:.4em}.wifi-icon[data-v-89267cc4]{position:relative;width:2em;height:2em;font-size:24px;overflow:hidden}.bar[data-v-89267cc4]{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;opacity:.2;border-width:.2em;border-style:solid;border-color:currentColor;border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;border-radius:50%}.bar-1[data-v-89267cc4]{width:.6em;height:.6em;border-width:.3em}.bar-2[data-v-89267cc4]{width:1.2em;height:1.2em}.bar-3[data-v-89267cc4]{width:1.8em;height:1.8em}.wifi-icon.weak[data-v-89267cc4]{color:#ff4d4f}.wifi-icon.weak .bar-1[data-v-89267cc4]{opacity:1}.wifi-icon.medium[data-v-89267cc4]{color:#faad14}.wifi-icon.medium .bar-1[data-v-89267cc4],.wifi-icon.medium .bar-2[data-v-89267cc4]{opacity:1}.wifi-icon.strong[data-v-89267cc4]{color:#52c41a}.wifi-icon.strong .bar-1[data-v-89267cc4],.wifi-icon.strong .bar-2[data-v-89267cc4],.wifi-icon.strong .bar-3[data-v-89267cc4]{opacity:1}.rssi-value[data-v-89267cc4]{font-size:1em}.rssi-value.hidden[data-v-89267cc4]{display:none}.page[data-v-905709b3]{padding:1.2rem;margin:auto 5rem;display:grid;gap:1rem}.panel[data-v-905709b3]{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.9rem;padding:1rem;display:grid;gap:.8rem}select[data-v-905709b3],input[data-v-905709b3],button[data-v-905709b3]{border-radius:.55rem;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);padding:.45rem .65rem}.offline-panel[data-v-905709b3]{display:grid;gap:.6rem;padding:.6rem;border:1px dashed var(--border-color);border-radius:.6rem}.offline-panel .toggle-row[data-v-905709b3]{display:inline-flex;align-items:center;gap:.5rem}.offline-panel .offline-ip-options[data-v-905709b3]{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.robot-meta[data-v-905709b3]{display:flex;gap:1rem;flex-wrap:wrap;color:var(--text-muted-color);font-size:.92rem}ul[data-v-905709b3]{list-style:none;padding:0;display:grid;gap:.45rem}li[data-v-905709b3]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9rem;border-left:3px solid var(--brand-color);padding-left:.5rem}.streamSelectContainer[data-v-905709b3]{size:5rem}.videoArea[data-v-905709b3]{width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}.videoArea #myVideo[data-v-905709b3]{width:100%;height:100%}.control-panel[data-v-905709b3]{display:flex;flex-direction:row;gap:5rem;align-items:last baseline;justify-content:center}.control-panel .wasd-controls[data-v-905709b3]{display:grid;gap:.5rem;grid-template-areas:". forward ." "left backward right";grid-template-columns:repeat(3,3rem);grid-template-rows:repeat(2,3rem)}.control-panel .wasd-controls button[data-v-905709b3]{width:3rem;height:3rem;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:.8rem;cursor:pointer}.control-panel .wasd-controls button[data-v-905709b3]:hover{background:var(--hover-bg-color)}.control-panel .wasd-controls button[data-v-905709b3]:active{background:var(--brand-color);color:#fff}.control-panel .wasd-controls #forward[data-v-905709b3]{grid-area:forward}.control-panel .wasd-controls #left[data-v-905709b3]{grid-area:left}.control-panel .wasd-controls #backward[data-v-905709b3]{grid-area:backward}.control-panel .wasd-controls #right[data-v-905709b3]{grid-area:right}.control-panel .controls[data-v-905709b3]{display:grid;gap:.5rem;grid-template-areas:"brake accelerate light rotate" "deactivate decelerate mute record"}.control-panel .controls #brake[data-v-905709b3]{grid-area:brake}.control-panel .controls #deactivate[data-v-905709b3]{grid-area:deactivate}.control-panel .controls #rotate[data-v-905709b3]{grid-area:rotate}.control-panel .controls #accelerate[data-v-905709b3]{grid-area:accelerate}.control-panel .controls #decelerate[data-v-905709b3]{grid-area:decelerate}.control-panel .controls #light[data-v-905709b3]{grid-area:light}.control-panel .controls #mute[data-v-905709b3]{grid-area:mute}.control-panel .controls #record[data-v-905709b3]{grid-area:record}.control-panel .controls button[data-v-905709b3]{width:5rem;height:2.5rem;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:.8rem;cursor:pointer}.control-panel .controls button[data-v-905709b3]:hover{background:var(--hover-bg-color)}.control-panel .controls button[data-v-905709b3]:active{background:var(--brand-color);color:#fff}.control-panel .statusContainer[data-v-905709b3]{display:flex;flex-direction:row;gap:.5em;position:absolute;left:auto;right:9rem}