@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Tamil:wght@400;600&display=swap);*{box-sizing:border-box}body{margin:0;padding:0}:root{--bg:#f0f4f8;--bg-card:#fff;--bg-raised:#f8fafc;--surface:#ffffffd9;--green:#10b981;--green-light:#d1fae5;--green-dark:#059669;--amber:#f59e0b;--amber-light:#fef3c7;--red:#ef4444;--red-light:#fee2e2;--blue:#3b82f6;--blue-light:#dbeafe;--violet:#8b5cf6;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--border:#e2e8f0;--shadow-sm:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;--shadow:0 4px 16px #0f172a1a,0 2px 4px #0f172a0f;--shadow-lg:0 12px 32px #0f172a1f,0 4px 8px #0f172a0f;--radius:12px;--radius-sm:8px;--radius-lg:18px;--font:"Inter",system-ui,sans-serif;--font-ta:"Noto Sans Tamil",serif;--accent-green:var(--green);--accent-yellow:var(--amber);--accent-red:var(--red);--accent-cyan:#06b6d4;--text-primary:var(--text);--text-secondary:var(--text-2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;background:#f0f4f8;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:14px;line-height:1.5}#root,body,html{height:100%}.app-root{background:linear-gradient(135deg,#f0f4f8,#e8edf5);display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);flex-shrink:0;flex-wrap:wrap;height:64px;justify-content:space-between;padding:0 24px;z-index:10}.topbar,.topbar-left{gap:12px}.app-logo,.topbar,.topbar-left{align-items:center;display:flex}.app-logo{background:linear-gradient(135deg,#10b981,#3b82f6);background:linear-gradient(135deg,var(--green),var(--blue));border-radius:10px;box-shadow:0 2px 8px #10b98159;flex-shrink:0;font-size:18px;height:36px;width:36px}.app-logo,.app-text{justify-content:center}.app-text{display:flex;flex-direction:column}.app-name{color:#0f172a;color:var(--text);font-size:17px;font-weight:800;letter-spacing:-.3px;line-height:1.1}.app-tagline{color:#94a3b8;color:var(--text-3);font-size:10px;font-weight:500;letter-spacing:.3px}.mode-tabs{background:#f8fafc;background:var(--bg-raised);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;gap:4px;padding:4px}.mode-tab{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--text-2);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;min-height:36px;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.mode-tab.active,.mode-tab:hover{background:#fff;background:var(--bg-card);color:#0f172a;color:var(--text)}.mode-tab.active{box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm)}.topbar-right{gap:8px}.conn-pill,.topbar-right{align-items:center;display:flex}.conn-pill{border:1.5px solid;border-radius:20px;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 14px;transition:all .2s}.conn-pill.live{background:#d1fae5;background:var(--green-light);border-color:#10b981;border-color:var(--green);color:#059669;color:var(--green-dark)}.conn-pill.offline{background:#fee2e2;background:var(--red-light);border-color:#ef4444;border-color:var(--red);color:#ef4444;color:var(--red)}.conn-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:7px;width:7px}.conn-pill.live .conn-dot{animation:blink 1.4s ease-in-out infinite}.settings-btn{background:#f8fafc;background:var(--bg-raised);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--text-2);cursor:pointer;font-size:18px;min-height:40px;min-width:40px;transition:all .2s}.settings-btn:hover{background:#fff;background:var(--bg-card);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text)}.main-layout{flex:1 1;gap:0}.left-col,.main-layout{display:flex;overflow:hidden}.left-col{background:#fff;background:var(--bg-card);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);flex-direction:column;width:55%}.right-col{background:#f0f4f8;background:var(--bg);display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto}.severity-strip{color:#fff;flex-shrink:0;font-size:12px;font-weight:800;letter-spacing:2.5px;padding:9px 16px;text-align:center;text-shadow:0 1px 2px #0003;text-transform:uppercase}.feed-statusbar{align-items:center;background:#f8fafc;background:var(--bg-raised);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:8px 16px}.connection-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.status-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.scan-counter{font-size:12px;font-weight:500;margin-left:auto}.last-scan-time,.scan-counter{color:#94a3b8;color:var(--text-3)}.last-scan-time{font-size:11px}.stream-wrapper{align-items:center;background:#0a0f14;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .3s}.stream-wrapper.ring-green{box-shadow:inset 0 0 0 3px #10b981;box-shadow:inset 0 0 0 3px var(--green)}.stream-wrapper.ring-amber{box-shadow:inset 0 0 0 4px #f59e0b;box-shadow:inset 0 0 0 4px var(--amber)}.stream-wrapper.ring-red{animation:ring-pulse .8s ease-in-out infinite;box-shadow:inset 0 0 0 5px #ef4444;box-shadow:inset 0 0 0 5px var(--red)}.cam-stream{display:block;max-height:100%;max-width:100%;object-fit:contain}.cam-placeholder{align-items:center;color:#4a6070;display:flex;flex-direction:column;font-size:14px;gap:8px}.cam-placeholder .hint{color:#2a4050;font-size:11px}.rec-badge{background:#ef4444e6;border-radius:6px;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:12px;top:12px;transition:opacity .3s}.rec-badge.visible{animation:blink 1.4s ease-in-out infinite;opacity:1}.feed-controls{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:center;padding:14px 16px}.feed-controls,.mode-desc{background:#fff;background:var(--bg-card);flex-shrink:0}.mode-desc{color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:500;padding:6px 16px 8px;text-align:center}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;gap:6px;letter-spacing:.2px;min-height:44px;padding:0 22px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 2px 8px #10b98159;color:#fff}.btn-primary:hover{box-shadow:0 4px 16px #10b98173;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444);background:linear-gradient(135deg,#f87171,var(--red));box-shadow:0 2px 8px #ef44444d;color:#fff}.btn-danger:hover{box-shadow:0 4px 16px #ef444466;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-secondary{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);color:#475569;color:var(--text-2)}.btn-secondary:hover{background:#f8fafc;background:var(--bg-raised);color:#0f172a;color:var(--text)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.alert-panel{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.no-result{color:#94a3b8;color:var(--text-3);font-size:14px;font-weight:500;padding:48px 20px;text-align:center}.path-card{align-items:center;border:2px solid;border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);display:flex;gap:14px;padding:16px 20px}.path-icon{font-size:26px}.path-label{font-size:18px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.hazard-card{align-items:flex-start;background:#fee2e2;background:var(--red-light);border:2px solid #ef4444;border:2px solid var(--red);border-radius:12px;border-radius:var(--radius);display:flex;gap:12px;padding:12px 16px}.hazard-icon{flex-shrink:0;font-size:22px}.hazard-type{color:#ef4444;color:var(--red);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.hazard-detail{color:#475569;color:var(--text-2);font-size:12px;margin-top:2px}.section-label{color:#94a3b8;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.obj-list,.obstacle-list,.people-list{display:flex;flex-direction:column;gap:6px}.obstacle-card{background:#fff;background:var(--bg-card);border-left:4px solid;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);padding:10px 14px}.obs-header{align-items:center;display:flex;gap:8px}.obs-name{color:#0f172a;color:var(--text);flex:1 1;font-size:14px;font-weight:600}.obs-badge{border-radius:6px;color:#fff;font-size:11px;font-weight:700;padding:3px 9px}.obs-pos{color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:500}.info-card{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);font-size:13px;font-weight:500;padding:11px 15px}.people-card{background:#dbeafe;background:var(--blue-light);border-color:#3b82f6;border-color:var(--blue);color:#1e40af}.door-card{background:#fef3c7;background:var(--amber-light);border-color:#f59e0b;border-color:var(--amber);color:#92400e}.exit-card{background:#dbeafe;background:var(--blue-light);border-color:#3b82f6;border-color:var(--blue);color:#1e40af}.clear-card{background:#d1fae5;background:var(--green-light);border-color:#10b981;border-color:var(--green);color:#059669;color:var(--green-dark)}.tamil-voice-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;border-left:4px solid var(--blue);border-radius:0 8px 8px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);color:#0c4a6e;font-family:Noto Sans Tamil,serif;font-family:var(--font-ta);font-size:16px;font-weight:600;line-height:1.7;padding:12px 16px}.env-meta-row{display:flex;flex-wrap:wrap;gap:6px}.env-chip{border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:20px;color:#475569;color:var(--text-2);font-size:12px;font-weight:600;padding:4px 12px}.env-chip,.obj-row{background:#fff;background:var(--bg-card);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm)}.obj-row{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:8px 12px}.obj-name{flex:1 1;font-size:13px;font-weight:600}.obj-dist,.obj-pos{color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:500}.person-card{background:#fff;background:var(--bg-card);border-left:4px solid #3b82f6;border-left:4px solid var(--blue);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);padding:10px 14px}.person-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.person-desc{flex:1 1;font-size:13px;font-weight:600}.person-meta{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{background:#f8fafc;background:var(--bg-raised);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:600;padding:2px 8px}.meta-tag.approaching{background:#fef3c7;background:var(--amber-light);border-color:#f59e0b;border-color:var(--amber);color:#92400e}.meta-tag.contact{background:#dbeafe;background:var(--blue-light);border-color:#3b82f6;border-color:var(--blue);color:#1e40af}.error-card{background:#fee2e2;background:var(--red-light);border:1.5px solid #ef4444;border:1.5px solid var(--red);border-radius:8px;border-radius:var(--radius-sm);color:#991b1b;font-size:13px;font-weight:600;padding:12px 16px}.voice-log{background:#f0f4f8;background:var(--bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;max-height:35%;min-height:120px}.voice-log-header{background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#94a3b8;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:1.5px;padding:7px 14px;text-transform:uppercase}.voice-log-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:8px}.log-empty{color:#94a3b8;color:var(--text-3);font-size:12px;font-weight:500;padding:20px;text-align:center}.log-entry{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-left:3px solid;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);cursor:pointer;padding:7px 10px;text-align:left;transition:all .15s;width:100%}.log-entry:hover{box-shadow:0 4px 16px #0f172a1a,0 2px 4px #0f172a0f;box-shadow:var(--shadow);transform:translateX(2px)}.log-meta{align-items:center;display:flex;gap:8px;margin-bottom:2px}.log-icon{font-size:12px}.log-time{color:#94a3b8;color:var(--text-3);font-size:10px;font-weight:500}.log-severity-dot{border-radius:50%;height:6px;margin-left:auto;width:6px}.log-tamil{color:#0f172a;color:var(--text);font-family:Noto Sans Tamil,serif;font-family:var(--font-ta);font-size:13px;font-weight:600;margin-bottom:1px}.log-english{color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:500}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-box{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 32px #0f172a1f,0 4px 8px #0f172a0f;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f8fafc;background:var(--bg-raised);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.modal-header h2{color:#0f172a;color:var(--text);font-size:16px;font-weight:800}.modal-close{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--text-2);cursor:pointer;font-size:15px;min-height:34px;min-width:34px;transition:all .15s}.modal-close:hover{background:#fee2e2;background:var(--red-light);border-color:#ef4444;border-color:var(--red);color:#ef4444;color:var(--red)}.modal-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:22px}.modal-footer{background:#f8fafc;background:var(--bg-raised);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.field-label{color:#475569;color:var(--text-2);display:block;font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:-8px;text-transform:uppercase}.field-input{background:#f8fafc;background:var(--bg-raised);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px;min-height:46px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s;width:100%}.field-input:focus{background:#fff;background:var(--bg-card);border-color:#10b981;border-color:var(--green);box-shadow:0 0 0 3px #10b98126}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-opt{align-items:center;background:#f8fafc;background:var(--bg-raised);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#475569;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px 12px;transition:all .15s}.radio-opt:has(input:checked){background:#d1fae5;background:var(--green-light);border-color:#10b981;border-color:var(--green);color:#059669;color:var(--green-dark)}.radio-opt input{accent-color:#10b981;accent-color:var(--green);cursor:pointer;height:16px;width:16px}.esp-toggle{background:#f8fafc;background:var(--bg-raised);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-3);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;min-height:36px;padding:0 14px;text-align:left;transition:all .15s;width:100%}.esp-toggle:hover{background:#fff;background:var(--bg-card);color:#0f172a;color:var(--text)}.esp-code{background:#0f172a;border:1px solid #334155;border-radius:8px;border-radius:var(--radius-sm);color:#86efac;font-family:JetBrains Mono,Courier New,monospace;font-size:11px;line-height:1.7;overflow-x:auto;padding:14px;white-space:pre}.feed-panel{display:flex;flex-direction:column;height:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f0f4f8;background:var(--bg)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-3)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes ring-pulse{0%,to{box-shadow:inset 0 0 0 5px #ef4444,0 0 24px #ef44444d;box-shadow:inset 0 0 0 5px var(--red),0 0 24px #ef44444d}50%{box-shadow:inset 0 0 0 7px #ef4444,0 0 48px #ef444499;box-shadow:inset 0 0 0 7px var(--red),0 0 48px #ef444499}}@keyframes pulse-amber{0%,to{box-shadow:inset 0 0 0 4px #f59e0b;box-shadow:inset 0 0 0 4px var(--amber)}50%{box-shadow:inset 0 0 0 6px #f59e0b,0 0 24px #f59e0b59;box-shadow:inset 0 0 0 6px var(--amber),0 0 24px #f59e0b59}}.ring-red{animation:ring-pulse .9s ease-in-out infinite!important}.ring-amber{animation:pulse-amber 1.5s ease-in-out infinite!important}.pulse-red{animation:ring-pulse .9s ease-in-out infinite}.pulse-amber{animation:pulse-amber 1.5s ease-in-out infinite}.severity-strip.pulse-red{animation:strip-blink-red .8s ease-in-out infinite}.severity-strip.pulse-amber{animation:strip-blink-amber 1.2s ease-in-out infinite}@keyframes strip-blink-red{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes strip-blink-amber{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@media (max-width:900px){.left-col{width:48%}}@media (max-width:768px){.topbar{align-items:stretch;flex-direction:column;gap:8px;height:auto;padding:10px 14px 8px}.topbar-left{justify-content:flex-start}.app-name{font-size:15px}.app-tagline{display:none}.mode-tabs{justify-content:stretch;width:100%}.mode-tab{flex:1 1;font-size:12px;min-height:34px;padding:0 6px}.topbar-right{justify-content:space-between;width:100%}.app-root{height:auto;min-height:100vh;overflow-y:auto}.main-layout{flex-direction:column}.left-col,.main-layout{height:auto;overflow:visible}.left-col{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-right:none;width:100%}.feed-panel{height:auto}.stream-wrapper{flex:none;height:56vw;max-height:340px;min-height:200px}.feed-controls{padding:10px 12px}.btn{font-size:14px;min-height:48px!important;min-width:140px!important}.mode-desc{font-size:12px;padding:6px 12px}.right-col{gap:0;height:auto;width:100%}.alert-panel,.right-col{flex:none;overflow:visible}.alert-panel{max-height:none;padding:12px}.path-card{padding:12px 14px}.path-icon{font-size:22px}.path-label{font-size:15px}.obstacle-card,.person-card{padding:8px 12px}.tamil-voice-box{font-size:15px;padding:10px 12px}.robot-panel{border-left:none;border-radius:0;border-right:none}.dpad-grid{gap:8px}.dpad-btn{font-size:22px;height:64px;width:64px}.mic-btn{font-size:14px;min-height:54px;padding:14px 16px}.mic-icon{font-size:22px}.voice-log{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);flex-shrink:0;max-height:220px;min-height:100px}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:18px 18px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;max-width:100%;width:100%}.modal-body{max-height:70vh}}@media (max-width:480px){.topbar{padding:8px 12px 6px}.mode-tab{font-size:11px;padding:0 4px}.stream-wrapper{height:60vw}.dpad-btn{font-size:20px;height:58px;width:58px}.btn{font-size:13px!important}.path-label{font-size:13px;letter-spacing:.5px}.path-icon{font-size:20px}.severity-strip{font-size:11px;letter-spacing:1.5px;padding:7px 12px}.feed-statusbar{gap:6px;padding:6px 10px}.status-label{font-size:10px}.tamil-voice-box{font-size:14px}.log-entry{padding:8px 10px}.log-tamil{font-size:12px}}.robot-panel{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:16px}.robot-header{align-items:center;display:flex;justify-content:space-between}.robot-title{color:#0f172a;color:var(--text);font-size:13px;font-weight:700;letter-spacing:-.2px}.robot-status{align-items:center;background:#f8fafc;background:var(--bg-raised);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:10px 14px}.robot-status-icon{font-size:18px;font-weight:800;line-height:1;min-width:22px;text-align:center}.robot-status-label{flex:1 1;font-size:14px;font-weight:700;letter-spacing:.5px}.robot-last{color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:500}.robot-error{background:#fee2e2;background:var(--red-light);border:1px solid #ef4444;border:1px solid var(--red);border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--red);font-size:12px;font-weight:600;padding:8px 12px}.dpad-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:0 auto;width:fit-content}.dpad-btn{align-items:center;background:#f8fafc;background:var(--bg-raised);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;transition:all .15s ease;width:60px}.dpad-btn:hover{background:#dbeafe;background:var(--blue-light);border-color:#3b82f6;border-color:var(--blue);color:#3b82f6;color:var(--blue);transform:scale(1.08)}.dpad-btn:active{transform:scale(.95)}.dpad-stop{background:#fee2e2;background:var(--red-light);color:#ef4444;color:var(--red);font-size:16px}.dpad-stop,.dpad-stop:hover{border-color:#ef4444;border-color:var(--red)}.dpad-stop:hover{background:#ef4444;background:var(--red);color:#fff}.mic-btn{align-items:center;background:#f8fafc;background:var(--bg-raised);border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:12px;border-radius:var(--radius);color:#475569;color:var(--text-2);cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.mic-btn:hover{background:#d1fae5;background:var(--green-light);border-color:#10b981;border-color:var(--green);color:#059669;color:var(--green-dark)}.mic-btn.mic-active{animation:mic-pulse 1.5s ease-in-out infinite;background:#fee2e2;background:var(--red-light);border-color:#ef4444;border-color:var(--red);border-style:solid;color:#ef4444;color:var(--red)}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 #ef444400}50%{box-shadow:0 0 0 6px #ef444426}}.mic-icon{flex-shrink:0;font-size:20px}.mic-label{flex:1 1}.robot-hints{color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:500;text-align:center}.robot-hints strong{color:#475569;color:var(--text-2)}.field-hint{color:#94a3b8;color:var(--text-3);font-size:11px;font-weight:500;margin-top:-8px}