*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #0b1520;--panel: #101c2b;--panel2: #16283c;--border: #1e3448;--text: #e8f0f8;--muted: #8aa3b8;--accent: #2dd4bf;--warn: #f59e0b;--danger: #ef4444;--ok: #22c55e}body.day{--bg: #e8edf2;--panel: #ffffff;--panel2: #f0f4f8;--border: #cdd8e2;--text: #14202c;--muted: #5b7186}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Tahoma,sans-serif;overflow:hidden;user-select:none}#app{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}.topbar .title{font-size:18px;font-weight:700;color:var(--accent)}.topbar .status{font-size:13px;color:var(--muted);flex:1;text-align:center}.topbar .status.connected{color:var(--ok)}.topbar .clock{font-size:13px;color:var(--muted)}.iconbtn{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 14px;font-size:16px;cursor:pointer}.iconbtn:active{background:var(--border)}.content{flex:1;overflow-y:auto;padding:12px}.content.no-pad{padding:0;overflow:hidden}.drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;right:-300px;width:290px;z-index:50;background:var(--panel);border-inline-start:1px solid var(--border);transition:right .22s;overflow-y:auto;padding:12px 0}.drawer.open{right:0}.drawer .dhead{padding:10px 18px 14px;font-size:20px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--border)}.drawer .dsec{padding:12px 18px 4px;font-size:12px;color:var(--muted)}.drawer button{display:flex;width:100%;text-align:start;gap:10px;align-items:center;background:none;border:none;color:var(--text);padding:12px 18px;font-size:15px;cursor:pointer}.drawer button:active{background:var(--panel2)}.drawer .pro-badge{font-size:10px;background:var(--warn);color:#000;padding:1px 6px;border-radius:6px}.dash{position:relative;height:100%;display:grid;gap:6px;padding:8px 10px 6px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.dash canvas{width:100%;height:100%;display:block}.gauge-cell{position:relative;min-height:0;min-width:0}.dash-bottom{grid-column:1 / -1;display:flex;gap:10px;align-items:stretch;justify-content:center;padding:2px 4px 4px;flex-wrap:wrap}.mini-stat{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:14px;padding:7px 18px;text-align:center;min-width:96px;box-shadow:0 2px 10px #00000040,inset 0 1px #ffffff0a}.mini-stat .v{font-size:22px;font-weight:800;color:var(--accent);line-height:1.15}.mini-stat .l{font-size:11px;color:var(--muted)}.mini-stat.warn{border-color:#ef444480}.mini-stat.warn .v{color:var(--danger)}.lamps{position:absolute;top:10px;right:50%;transform:translate(50%);display:flex;gap:10px;z-index:5}.lamp{display:inline-flex;align-items:center;gap:4px;background:#00000059;border:1px solid var(--border);border-radius:12px;padding:5px 10px;font-size:16px;color:var(--warn);cursor:pointer;animation:lamp-pulse 1.6s infinite}.lamp.engine{color:#f59e0b}.lamp.temp,.lamp.batt{color:var(--danger)}.lamp span{font-size:13px;font-weight:700}@keyframes lamp-pulse{50%{opacity:.55}}.connect-pill{position:absolute;bottom:74px;right:50%;transform:translate(50%);display:flex;align-items:center;gap:12px;z-index:6;background:#08101ae0;border:1px solid var(--border);border-radius:30px;padding:8px 10px 8px 18px;box-shadow:0 6px 24px #00000073;backdrop-filter:blur(6px);max-width:92%}body.day .connect-pill{background:#ffffffeb}.connect-pill span{font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-pill.hidden{display:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:10px}.card h3{font-size:16px;margin-bottom:8px;color:var(--accent)}.card .row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.card .row .k{color:var(--muted)}.btn{display:inline-block;background:var(--accent);color:#052e2b;border:none;border-radius:10px;padding:11px 20px;font-size:15px;font-weight:700;cursor:pointer;margin:4px 2px}.btn:disabled{opacity:.45}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:7px 14px;font-size:13px}input,select{width:100%;background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px;margin:4px 0}label{font-size:13px;color:var(--muted);display:block;margin-top:8px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chip{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:20px;padding:7px 14px;font-size:13px;cursor:pointer}.chip.active{background:var(--accent);color:#052e2b;border-color:var(--accent)}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px}.badge.ok{background:#22c55e26;color:var(--ok)}.badge.warn{background:#f59e0b26;color:var(--warn)}.badge.danger{background:#ef444426;color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:30px 10px;font-size:14px}.overlay-msg{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#050a10d1;z-index:10;text-align:center;padding:20px}.overlay-msg .big{font-size:20px;font-weight:700}.toast{position:fixed;bottom:18px;right:50%;transform:translate(50%);background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px 22px;font-size:14px;z-index:90;box-shadow:0 4px 24px #0006}.warn-flash{position:fixed;inset:0;pointer-events:none;z-index:30;box-shadow:inset 0 0 60px 12px #ef4444a6;animation:flash 1s infinite}@keyframes flash{50%{opacity:.2}}.pipa-log{max-height:40vh;overflow-y:auto}.pipa-msg{padding:8px 12px;border-radius:12px;margin:6px 0;font-size:14px;max-width:85%}.pipa-msg.user{background:var(--panel2);margin-inline-start:auto}.pipa-msg.bot{background:#2dd4bf1f;border:1px solid var(--border)}@media(max-width:700px){.dash{grid-template-columns:1fr 1fr}.dash .gauge-cell.center{grid-column:1 / -1;grid-row:1}}