*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--ui-font-size,18px);overflow-x:hidden}:root{--ui-font-size:18px;--bg:#0f1117;--surface:#131823;--border:#1e2535;--border-hi:#334155;--text:#e2e8f0;--text-dim:#94a3b8;--text-muted:#64748b;--text-faint:#475569;--blue:#38bdf8;--blue-dim:#7dd3fc;--green:#4ade80;--orange:#fb923c;--red:#f87171;--yellow:#facc15;--nav-h:56px;--header-h:36px;--safe-bottom:env(safe-area-inset-bottom,0px)}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.header{height:var(--header-h);border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.header-text{flex-direction:column;justify-content:center;display:flex}.header h1{color:var(--text);font-size:1.05rem;font-weight:600;line-height:1.2}.header .subtitle{color:var(--text-muted);font-size:.7rem}.main-content{scrollbar-gutter:stable;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);flex:1;overflow-y:auto}.bottom-nav{height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{color:var(--text-muted);cursor:pointer;-webkit-appearance:none;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;transition:color .15s;display:flex}.nav-tab.active{color:var(--blue)}.nav-tab:active{opacity:.7}.nav-icon{font-size:1.2rem;line-height:1;position:relative}.nav-label{letter-spacing:.03em;font-size:.7rem;font-weight:500}.alarm-dot{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px}.tab-content{padding:12px 12px 0}.status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.status-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--border);color:var(--text);border-radius:999px;padding:5px 14px;font-size:.85rem;font-weight:600}.pill-compressor.active{color:var(--green);background:#14532d}.pill-demand{color:var(--blue-dim);background:#1e3a5f}.status-right{align-items:center;gap:8px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:700}.status-badge.online{color:var(--green);background:#14532d}.status-badge.offline{color:var(--red);background:#450a0a}.status-badge.stale{color:var(--orange);background:#422006}.last-update{color:var(--text-dim);font-size:.75rem}.status-center{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.status-askisto{color:var(--text-dim);white-space:nowrap;align-items:center;gap:4px;font-size:.68rem;display:flex;overflow:hidden}.status-askisto-sep{color:var(--text-faint)}.status-runtime{color:var(--text-faint);font-size:.78rem}.spot-price-inline{color:var(--text-dim);margin-left:6px;font-size:.82em;font-weight:400}.spot-price-time{color:var(--text-muted);font-size:.9em}.dhw-status-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:6px;padding:10px 14px}.dhw-status-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.dhw-status-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.7rem;font-weight:700}.dhw-status-mode{letter-spacing:.04em;font-size:.78rem;font-weight:700}.dhw-status-active{color:#4ade80;margin-left:auto;font-size:.72rem}.dhw-tank-bar-outer{background:var(--border);border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.dhw-tank-bar-fill{border-radius:4px;height:100%;transition:width 1s}.dhw-tank-labels{color:var(--text-dim);justify-content:space-between;font-size:.7rem;display:flex}.dhw-cycle-row{justify-content:space-between;margin-top:4px;font-size:.72rem;display:flex}.dhw-cycle-time,.dhw-cycle-detail{color:var(--text-dim)}.dhw-cycle-price{color:var(--text-faint)}.askisto-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;padding:6px 10px;display:flex}.askisto-label{color:var(--text-dim);font-size:.75rem}.askisto-val{color:var(--text);font-size:.82rem;font-weight:600}.askisto-sep{color:var(--text-faint);font-size:.72rem}.askisto-delta{margin-left:4px;font-size:.82rem;font-weight:700}.alarm-area{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.alarm-banner{background:#1a0a0a;border:1px solid #3f1515;border-radius:10px;padding:10px 12px}.alarm-banner-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.alarm-banner-counts{flex-wrap:wrap;gap:10px;display:flex}.alarm-count{font-size:.75rem;font-weight:700}.alarm-count--alarm{color:var(--red)}.alarm-count--caution{color:var(--orange)}.alarm-count--warning{color:var(--yellow)}.alarm-dismiss-all{color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #3f1515;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:.68rem}.alarm-dismiss-all:hover{color:var(--text-dim)}.alarm-list{flex-direction:column;gap:6px;list-style:none;display:flex}.alarm-item{border-left:3px solid #0000;border-radius:7px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.alarm-item--alarm{border-left-color:var(--red);background:#f8717112}.alarm-item--caution{border-left-color:var(--orange);background:#fb923c12}.alarm-item--warning{border-left-color:var(--yellow);background:#facc1512}.alarm-sev-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.alarm-sev-dot--alarm{background:var(--red)}.alarm-sev-dot--caution{background:var(--orange)}.alarm-sev-dot--warning{background:var(--yellow)}.alarm-item-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.alarm-item-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alarm-label{color:var(--text);flex:1;font-size:.88rem;font-weight:600}.alarm-status{white-space:nowrap;font-size:.82rem;font-weight:600}.alarm-status--alarm{color:var(--red)}.alarm-status--caution{color:var(--orange)}.alarm-status--warning{color:var(--yellow)}.alarm-desc{color:var(--text-dim);font-size:.84rem;line-height:1.5}.alarm-action{color:var(--text-dim);font-size:.82rem;line-height:1.5}.alarm-dismiss{color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:.8rem}.alarm-dismiss:hover{color:var(--text-dim)}.delta-warning-banner{border:1px solid #78350f;border-left:3px solid var(--orange);background:#fb923c0f;border-radius:10px;padding:8px 12px}.delta-warning-header{color:var(--orange);margin-bottom:6px;font-size:.72rem;font-weight:700}.delta-warning-item{color:#fcd34d;align-items:center;padding:2px 0;font-size:.75rem;display:flex}.pill-alarms{color:var(--green);cursor:default;background:#14532d;border:none;font-size:.85rem;font-weight:600}.pill-alarms--active{color:var(--red);cursor:pointer;background:#450a0a;animation:1.8s ease-in-out infinite alarm-pulse}.pill-alarms--active:hover{opacity:.85}@keyframes alarm-pulse{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 0 5px #f8717138}}.alarms-clear{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.alarms-clear-icon{color:var(--green);font-size:2.5rem}.alarms-clear-text{font-size:1.2rem;font-weight:700}.alarms-clear-sub{color:var(--text-dim);font-size:.85rem}.alarm-tier{margin-bottom:20px}.alarm-tier-header{align-items:center;gap:8px;margin-bottom:8px;padding:0 2px;display:flex}.alarm-tier-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.alarm-tier--alarm .alarm-tier-dot{background:var(--red)}.alarm-tier--caution .alarm-tier-dot{background:var(--orange)}.alarm-tier--warning .alarm-tier-dot{background:var(--yellow)}.alarm-tier-label{text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700}.alarm-tier--alarm .alarm-tier-label{color:var(--red)}.alarm-tier--caution .alarm-tier-label{color:var(--orange)}.alarm-tier--warning .alarm-tier-label{color:var(--yellow)}.alarm-tier-count{background:var(--border);color:var(--text-dim);border-radius:999px;margin-right:auto;padding:1px 7px;font-size:.78rem}.alarm-cards{flex-direction:column;gap:8px;display:flex}.alarm-card{border-left:3px solid #0000;border-radius:10px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.alarm-card--alarm{border-left-color:var(--red);background:#f8717112}.alarm-card--caution{border-left-color:var(--orange);background:#fb923c12}.alarm-card--warning{border-left-color:var(--yellow);background:#facc1512}.alarm-card-header{align-items:flex-start;gap:8px;display:flex}.alarm-datetime{color:var(--text-dim);margin-top:2px;font-size:.82rem}.alarm-dismiss-note{color:var(--text-dim);text-align:center;border-top:1px solid var(--border);margin-top:4px;padding:12px 0 4px;font-size:.78rem}.insights-tab{flex-direction:column;gap:20px;display:flex}.insights-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.insights-title{margin-bottom:3px;font-size:1.05rem;font-weight:700}.insights-sub{color:var(--text-dim);font-size:.84rem}.insights-brand{color:var(--text-dim);white-space:nowrap;align-items:center;gap:6px;padding-top:4px;font-size:.8rem;transition:color .3s;display:flex}.insights-brand--active{color:var(--blue-dim)}.insights-brand-dot{background:var(--blue-dim);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite claude-pulse-dot}@keyframes claude-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.insights-presets{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=768px){.insights-presets{grid-template-columns:repeat(2,1fr)}}.insights-preset-btn{background:var(--surface);text-align:left;border:1px solid #7dd3fc40;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:border-color .2s;display:flex}.insights-preset-btn--idle{cursor:pointer;border-color:#7dd3fc40}.insights-preset-btn--running{border-color:var(--blue-dim);cursor:wait;animation:1.5s ease-in-out infinite claude-pulse}.insights-preset-btn--done{cursor:pointer;border-color:#4ade8080}.insights-preset-btn--open{border:2px solid var(--blue-dim);cursor:pointer;background:#38bdf826}@keyframes claude-pulse{0%,to{box-shadow:0 0 #38bdf800}50%{box-shadow:0 0 0 6px #38bdf833}}.insights-preset-footer{align-items:center;margin-top:4px;display:flex}.insights-preset-run-btn{border:1px solid var(--border-hi);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s}.insights-preset-run-btn:hover:not(:disabled){border-color:var(--blue-dim);color:var(--text)}.insights-preset-run-btn:disabled{opacity:.4;cursor:not-allowed}.insights-mini-spinner{align-items:center;gap:7px;padding:2px 0;display:flex}.insights-asking-claude{color:var(--blue-dim);letter-spacing:.01em;font-size:.75rem}.insights-preset-toggle{color:var(--text-faint);text-align:right;font-size:.68rem}.insights-preset-toggle--open{color:var(--blue-dim);font-weight:600}.insights-preset-datetime--done{color:var(--green)!important}.insights-preset-confidence{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.68rem;font-weight:700}.insights-preset-icon{font-size:1.3rem;line-height:1}.insights-preset-top{align-items:center;gap:8px;width:100%;display:flex}.insights-preset-label{color:var(--text);font-size:.88rem;font-weight:600}.insights-preset-desc{color:var(--text-dim);font-size:.78rem;line-height:1.3}.insights-preset-datetime{color:var(--text);white-space:nowrap;margin-left:auto;font-size:.82rem}.insights-actions{gap:8px;display:flex}.insights-run-all-btn{background:var(--surface);border:1px solid var(--border-hi);color:var(--text-dim);cursor:pointer;border-radius:8px;flex:1;padding:10px 16px;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s}.insights-run-all-btn:hover:not(:disabled){border-color:var(--blue-dim);color:var(--text)}.insights-run-all-btn:disabled{opacity:.5;cursor:not-allowed}.insights-all-results{flex-direction:column;gap:16px;display:flex}.insights-run-all-form{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;display:flex}.insights-run-all-error{color:var(--red);width:100%;margin-top:2px;font-size:.72rem}.insights-custom{flex-direction:column;gap:8px;display:flex}.insights-custom-label{color:var(--text-dim);font-size:.75rem}.insights-custom-row{gap:8px;display:flex}.insights-loading{justify-content:center;padding:32px 0;display:flex}.insights-error{color:var(--red);background:#f8717112;border:1px solid #3f1515;border-radius:8px;padding:12px 14px;font-size:.82rem}.insights-result{background:var(--surface);border:1px solid var(--border-hi);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.insights-result-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.insights-result-title{font-size:.9rem;font-weight:700}.insights-result-meta{color:var(--text-dim);align-items:center;gap:8px;font-size:.82rem;display:flex}.insights-confidence{font-weight:700}.insights-timestamp{color:var(--text-dim)}.insights-cached{color:var(--text-dim);font-weight:400}.insights-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:8px;font-size:.75rem;font-weight:700}.insights-finding-block{color:var(--text);border-left:3px solid var(--border-hi);background:#ffffff05;border-radius:0 6px 6px 0;margin-bottom:10px;padding:12px 14px;font-size:.92rem;line-height:1.65}.insights-recommendation-text{color:var(--text);border-left:3px solid var(--green);background:#4ade800f;border-radius:0 6px 6px 0;padding:12px 14px;font-size:.92rem;line-height:1.65}.insights-cached-note{color:var(--text-dim);font-size:.8rem}.insights-cached-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.insights-refresh-btn{border:1px solid var(--border-hi);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-size:.72rem}.insights-refresh-btn:hover{color:var(--text)}.insights-refresh-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.insights-refresh-error{color:var(--red);width:100%;font-size:.72rem}.insights-note{color:var(--text-dim);text-align:center;padding-top:4px;font-size:.78rem}.insights-history{margin-top:4px}.insights-history-toggle{cursor:pointer;color:var(--text-dim);background:0 0;border:none;padding:4px 0;font-size:.82rem}.insights-history-toggle:hover{color:var(--text)}.insights-history-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.insights-history-entry{border-left:2px solid var(--border-hi);background:#ffffff05;border-radius:0 4px 4px 0;flex-wrap:wrap;align-items:baseline;gap:8px;padding:6px 10px;font-size:.82rem;display:flex}.insights-history-date{color:var(--text-dim);min-width:130px}.insights-history-notify{color:var(--orange);font-weight:600}.insights-history-rec{color:var(--text-dim);flex:1;font-style:italic}.insights-history-empty{color:var(--text-dim);padding:4px 0;font-size:.82rem;font-style:italic}.insights-not-run{color:var(--text-dim);padding:12px 4px;font-size:.85rem;font-style:italic}.spinner-wrap{flex-direction:column;align-items:center;gap:14px;display:flex}.spinner{border:3px solid var(--border-hi);border-top-color:var(--blue-dim);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-text{color:var(--text-dim);letter-spacing:.02em;font-size:.82rem}.alarm-handle-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.alarm-note-input{background:var(--border);border:1px solid var(--border-hi);min-width:160px;color:var(--text);border-radius:6px;outline:none;flex:1;padding:5px 10px;font-size:.78rem}.alarm-note-input:focus{border-color:var(--blue-dim)}.alarm-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:5px 12px;font-size:.72rem;font-weight:600}.alarm-btn--handle{background:var(--border);color:var(--text-dim);margin-top:6px}.alarm-btn--handle:hover{color:var(--text)}.alarm-btn--confirm{color:var(--green);background:#14532d}.alarm-btn--confirm:hover{opacity:.85}.alarm-btn--cancel{background:var(--border);color:var(--text-faint)}.alarm-history-section{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.alarm-history-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:10px;font-size:.78rem;font-weight:700}.alarm-history-empty{color:var(--text-faint);justify-content:center;align-items:center;min-height:70px;font-size:.8rem;display:flex}.alarm-history-list{flex-direction:column;gap:8px;display:flex}.alarm-history-card{border-left:3px solid var(--border);background:var(--surface);opacity:.85;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.alarm-history-card--alarm{border-left-color:var(--red)}.alarm-history-card--caution{border-left-color:var(--orange)}.alarm-history-card--warning{border-left-color:var(--yellow)}.alarm-history-card-header{align-items:flex-start;gap:8px;display:flex}.alarm-history-times{color:var(--text-dim);font-size:.8rem}.alarm-history-unresolved{color:var(--orange)}.alarm-history-action{color:var(--text-dim);align-items:center;gap:8px;margin-top:2px;font-size:.82rem;display:flex}.alarm-history-edit{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.8rem}.alarm-history-edit:hover{color:var(--text-dim)}.alarm-history-delete{color:var(--text-faint);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:1rem;line-height:1}.alarm-history-delete:hover{color:var(--red)}.hero{background:linear-gradient(135deg,#1a1f2e 0%,#0f1320 100%);border:1px solid #1e3a5f;border-radius:14px;margin-bottom:12px;padding:16px}.hero-main{align-items:center;gap:16px;margin-bottom:10px;display:flex}.hero-value{color:var(--blue);white-space:nowrap;font-size:3.2rem;font-weight:700;line-height:1}.hero-value.warning{color:var(--orange)}.hero-value.alarm{color:var(--red)}.hero-value .unit{color:var(--blue-dim);font-size:1.2rem}.hero-info{flex:1;min-width:0}.sensor-id-label{color:var(--text-muted);margin-bottom:2px;font-size:.65rem}.sensor-name{color:var(--text);font-size:.95rem;font-weight:600}.range-note{color:var(--text-faint);margin-top:3px;font-size:.68rem}.hero-chart{margin-top:4px}.grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.temp-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.temp-card .label{color:var(--text);text-transform:uppercase;letter-spacing:.04em;white-space:normal;margin-bottom:2px;font-size:.75rem;line-height:1.3}.temp-card .value{color:var(--text);font-size:1.5rem;font-weight:600;line-height:1}.temp-card .value .unit{color:var(--text-dim);margin-left:2px;font-size:.8rem}.temp-card .value.cold{color:var(--blue-dim)}.temp-card .value.warm{color:var(--orange)}.temp-card .value.hot{color:var(--red)}.temp-card .sensor-id{display:none}.runtime-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.runtime-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:5px 10px;font-size:.72rem}.runtime-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:160px;padding:8px 14px}.runtime-card-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:.68rem}.runtime-card-new{color:var(--text);font-size:.9rem;font-weight:600}.runtime-card-total{color:var(--text-muted);margin-top:2px;font-size:.72rem}.chart-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.chart-section h3{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.85rem;font-weight:500}.tab-heading{color:var(--text);margin-bottom:16px;font-size:1rem;font-weight:600}.settings-panel{flex-direction:column;gap:24px;max-width:640px;display:flex}.settings-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:6px;font-size:.72rem;font-weight:700}.setpoint-control{margin-bottom:16px}.setpoint-control-label{color:var(--text);margin-bottom:4px;font-size:.85rem}.setpoint-control-note{color:var(--text-dim);margin-bottom:8px;font-size:.72rem;line-height:1.4}.setpoint-control-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setpoint-current{color:var(--text);min-width:60px;font-size:.9rem;font-weight:600}.setpoint-input{background:var(--surface);border:1px solid var(--border);width:70px;color:var(--text);text-align:center;border-radius:6px;padding:5px 8px;font-size:.9rem}.setpoint-unit{color:var(--text-dim);font-size:.8rem}.setpoint-apply{color:#7dd3fc;cursor:pointer;background:#1e3a5f;border:1px solid #3b82f6;border-radius:6px;padding:5px 14px;font-size:.82rem}.setpoint-apply:disabled{opacity:.4;cursor:default}.setpoint-apply:not(:disabled):hover{background:#2a4f7a}.setpoint-status{font-size:.78rem}.setpoint-status.pending{color:#fb923c}.setpoint-status.ok{color:#4ade80}.setpoint-status.error{color:#f87171}.curve-layout{align-items:flex-start;gap:16px;display:flex;overflow:visible}.curve-chart{flex:1;min-width:0;height:420px}.curve-list{flex-shrink:0;width:140px;height:420px;position:relative;overflow:visible}.curve-row{align-items:center;gap:6px;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.curve-row-outdoor{color:var(--text-dim);flex-shrink:0;width:38px;font-size:.78rem}.curve-row-flow{color:var(--text);align-items:center;gap:4px;font-size:.88rem;font-weight:600;display:flex}.curve-confirm,.curve-cancel{cursor:pointer;background:0 0;border:1px solid;border-radius:3px;padding:0 4px;font-size:.72rem;line-height:1.5}.curve-confirm{color:#4ade80;border-color:#4ade80}.curve-cancel{color:#f87171;border-color:#f87171}.settings-note{color:var(--text-faint);margin-bottom:12px;font-size:.75rem}.settings-table{border-collapse:collapse;width:100%}.settings-table tr{border-bottom:1px solid var(--border)}.settings-label{color:var(--text-dim);white-space:nowrap;padding:10px 12px 10px 0;font-size:.82rem}.settings-value{color:var(--text);text-align:right;white-space:nowrap;width:1%;padding:10px 12px;font-size:.9rem;font-weight:600}.settings-ts{color:var(--text-dim);margin-top:10px;font-size:.68rem}.settings-history{margin-top:28px}.settings-history-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:700}.settings-history-current td{color:var(--text)}.settings-history-note{white-space:normal;width:auto;font-size:.75rem;color:var(--text-dim)!important}.settings-table th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding-bottom:6px;font-size:.7rem;font-weight:600}.no-data{text-align:center;min-height:180px;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;padding:60px 16px;display:flex}.no-data .big{margin-bottom:8px;font-size:1.05rem}.no-data .small{font-size:.8rem}@media (width<=639px){:root{--text-dim:#e2e8f0;--text-muted:#c8d0dc;--text-faint:#94a3b8}.tab-content{padding:8px 8px 0}.hero-row{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.gauge-unit-label{display:none}.gauge-scale{fill:#e2e8f0;font-size:11px}.gauge-threshold-label{fill:#e2e8f0}.t6-gauge-label{color:#e2e8f0;margin-top:6px;font-size:.85rem;font-weight:500;display:block}.runtime-card{width:100%;min-width:0}.alarm-status{white-space:normal}.hero-tiles{min-width:unset;grid-template-columns:repeat(2,1fr);width:100%}.stat-tile-label{font-size:.82rem}.stat-tile-value{font-size:1.35rem}.temp-card .label{font-size:.82rem}.temp-card .value{font-size:2rem}}@media (width>=640px){.t6-gauge-wrap{flex-shrink:0;width:auto}.t6-gauge{width:155px;height:94px;display:inline-block}.tab-content{padding:16px 16px 0}.hero{align-items:center;gap:24px;padding:20px 24px;display:flex}.hero-main{flex-direction:column;align-items:flex-start;gap:8px;min-width:180px;margin-bottom:0}.hero-value{font-size:3.8rem}.hero-chart{flex:1}.grid{grid-template-columns:repeat(3,1fr);gap:10px}}.t6-gauge-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.t6-gauge{width:100%;height:auto;display:block}.t6-gauge-label{color:var(--text-dim);text-align:center;margin-top:6px;font-size:.75rem;line-height:1.6}.hero-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.hero-tiles{flex:1;grid-template-columns:repeat(2,1fr);gap:8px;min-width:180px;display:grid}.stat-tile{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.stat-tile-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:.82rem}.stat-tile-value{color:var(--text);font-size:1.1rem;font-weight:600;line-height:1.2}.stat-tile-unit{color:var(--text-dim);font-size:.72rem}.state-strip{align-items:center;gap:8px;margin-top:8px;display:flex}.state-strip-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;width:68px;font-size:.6rem}.state-strip-track{background:var(--border);border-radius:4px;flex:1;gap:0;height:8px;display:flex;overflow:hidden}.state-strip-seg{min-width:0;height:100%}.pid-wrap{margin-bottom:12px}.pid-svg{border-radius:12px;width:100%;height:auto;display:block}@media (width<=767px){.pid-wrap{display:none}}.pid-pipe{stroke-linecap:round;stroke-linejoin:round}.pid-flow{stroke-dasharray:10 8;animation:1.6s linear infinite pid-dash}.pid-flow-fast{stroke-dasharray:6 5;animation:.9s linear infinite pid-dash}@keyframes pid-dash{to{stroke-dashoffset:-18px}}@keyframes pid-spin{to{transform:rotate(360deg)}}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.chart-header h3{margin-bottom:0}.range-tabs{flex-shrink:0;gap:4px;display:flex}.range-tab{border:1px solid var(--border-hi);color:var(--text-muted);cursor:pointer;-webkit-appearance:none;background:0 0;border-radius:5px;padding:2px 8px;font-size:.7rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.range-tab:hover{color:var(--text-dim);border-color:var(--text-dim)}.range-tab.active{color:var(--blue);border-color:var(--blue);background:#38bdf814}.chart-loading{width:100%;height:100%;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;font-size:.82rem;display:flex}.chart-note{color:var(--text-dim);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:.67rem;line-height:1.4}.sidebar-logo{border-bottom:1px solid var(--border);margin-bottom:4px;padding:12px 20px 10px}.sidebar-logo-name{color:var(--text);font-size:.88rem;font-weight:600;line-height:1.2}.sidebar-logo-sub{color:var(--text-dim);margin-top:2px;font-size:.75rem}.sidebar-logo-time{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:6px;font-size:.88rem}.sidebar-nav{background:var(--surface);border-right:1px solid var(--border);top:var(--header-h);height:calc(100dvh - var(--header-h));flex-direction:column;padding:8px 0;display:none;position:sticky;overflow-y:auto}.sidebar-tab{color:var(--text-faint);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 20px;font-size:.88rem;transition:color .15s,background .15s;display:flex;position:relative}.sidebar-tab:hover{background:var(--border);color:var(--text-dim)}.sidebar-tab.active{color:var(--blue);border-right:2px solid var(--blue);background:#38bdf814}.sidebar-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.sidebar-label{font-weight:500}.monitor-right{display:none}@media (width>=1024px){.app{grid-template-columns:200px 1fr;grid-template-rows:var(--header-h) 1fr;min-height:100dvh;display:grid}.header{grid-area:1/1/auto/-1}.sidebar-nav{grid-area:2/1;display:flex}.main-content{grid-area:2/2;padding-bottom:24px}.bottom-nav{display:none}.tab-content{max-width:1300px;padding:8px 16px 0}.tab-content.monitor-fullscreen{max-width:none;padding:4px 6px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.hero-value{font-size:4.5rem}.desktop-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-shrink:0;margin-bottom:8px;padding:10px 12px}.desktop-stat-card .hero-tiles{flex:unset;grid-template-columns:repeat(2,1fr);max-width:none}.gauge-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;margin-bottom:8px;padding:10px 12px 8px;display:flex}.gauge-legend{color:var(--text-dim);white-space:normal;border-top:1px solid var(--border);text-align:center;width:100%;padding-top:6px;font-size:.72rem;line-height:1.6}.t6-gauge-label{display:none}.monitor-right .t6-gauge-wrap{flex-shrink:0;width:65%;max-width:380px;margin:0 auto}.monitor-right .t6-gauge{width:100%;height:auto;display:block}.hero-tiles{flex:1;grid-template-columns:repeat(4,1fr);align-self:center;max-width:none}.pid-wrap{flex-shrink:0;margin-bottom:0}.monitor-topbar{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:6px;margin-bottom:4px;display:grid}.monitor-topbar-left{align-items:center;display:flex;overflow:hidden}.monitor-topbar-center{justify-content:center;align-items:center;display:flex;overflow:hidden}.monitor-topbar-right{flex-wrap:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.monitor-t6-label{color:var(--text);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;margin-right:4px;font-size:.68rem;font-weight:700}.monitor-topbar .pill{padding:2px 7px;font-size:.65rem}.monitor-topbar .status-pills{gap:4px}.monitor-topbar .range-tabs{gap:2px}.monitor-topbar .range-tab{padding:1px 4px;font-size:.6rem}.monitor-topbar .status-badge{flex-shrink:0;margin-left:auto;padding:1px 5px;font-size:.6rem}.monitor-topbar .last-update{color:var(--text-muted);flex-shrink:0;font-size:.58rem}.monitor-desktop-grid{grid-template-rows:300px 200px;grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:8px;display:grid}.monitor-fullscreen .monitor-desktop-grid{flex:none}.mc{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-height:0;overflow:hidden}.mc-pid{padding:0}.mc-pid .pid-wrap{height:100%;margin:0}.mc-pid .pid-svg{width:100%;height:100%;display:block}.mc-gauge{flex-direction:column;align-items:center;padding:8px 12px;display:flex}.mc-gauge .t6-gauge-wrap{flex-shrink:0;width:55%;max-width:280px}.mc-gauge .t6-gauge{width:100%;height:auto;display:block}.mc-chart{flex-direction:column;padding:6px 8px;display:flex}.mc-chart .chart-fill-inner{flex:1;min-height:0}.mc-stats{flex-direction:column;padding:6px;display:flex}.mc-stats .hero-tiles{flex:1;grid-template-columns:repeat(2,1fr);max-width:none;min-height:0}.mc-tempgrid{flex-direction:column;gap:4px;padding:4px 6px;display:flex;overflow:hidden}.mc-tempgrid .state-strip{flex-shrink:0;height:18px}.mc-tempgrid .grid{grid-template-columns:repeat(4,1fr);gap:4px}.mc-tempgrid .temp-card{border-radius:6px;padding:4px 6px}.mc-tempgrid .temp-card .label{white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;line-height:1.2;overflow:hidden}.mc-tempgrid .temp-card .value{font-size:.92rem;line-height:1.1}.mc-tempgrid .temp-card .value .unit{font-size:.62rem}.mc-tempgrid .temp-card-badge{font-variant-numeric:tabular-nums;font-size:.58rem;font-weight:600;line-height:1.2}.mc-dhw{flex-direction:column;padding:0;display:flex}.mc-dhw .dhw-status-card{background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:flex-start;gap:6px;margin:0;padding:10px 14px;display:flex}.chart-section{padding:10px 14px}.chart-section--fill{flex-direction:column;flex:1;min-height:0;display:flex}.chart-fill-inner{flex:1;min-height:0}.monitor-fullscreen{flex-direction:column;display:flex}.tab-content.history-fullscreen{max-width:none;padding:4px 6px 0}.history-desktop-grid{grid-template-rows:300px 300px;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.history-desktop-grid>*{min-height:0;overflow:hidden}.history-desktop-grid .chart-section{box-sizing:border-box;flex-direction:column;height:100%;margin:0;padding:8px 12px;display:flex}.history-desktop-grid .chart-section h3{flex-shrink:0;margin-bottom:4px}.history-desktop-grid .chart-section>.recharts-responsive-container,.history-desktop-grid .chart-section>div:not(h3){flex:1;min-height:0}}.history-range-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:12px;padding:6px 0;display:flex}.history-mobile{flex-direction:column;gap:12px;display:flex}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;width:100%;max-width:340px;padding:36px 28px 32px}.login-logo{opacity:.6;margin-bottom:12px;font-size:2rem}.login-title{color:var(--text);margin-bottom:4px;font-size:1.2rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:.78rem}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{background:var(--bg);border:1px solid var(--border-hi);color:var(--text);border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .15s}.login-input:focus{border-color:var(--blue)}.login-error{color:var(--red);font-size:.78rem}.login-btn{background:var(--blue);color:#000;cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:.9rem;font-weight:700;transition:opacity .15s}.login-btn:disabled{opacity:.35;cursor:not-allowed}.login-btn:hover:not(:disabled){opacity:.85}.analysis-tab{flex-direction:column;gap:12px;display:flex}.analysis-summary{flex-wrap:wrap;gap:8px;display:flex;overflow-x:auto}.analysis-kpi{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;min-width:100px;padding:8px 12px}.analysis-kpi-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.78rem}.analysis-kpi-value{color:var(--text);font-size:1.1rem;font-weight:600}.analysis-table{border-collapse:collapse;width:100%;font-size:.82rem}.analysis-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:6px 10px;font-size:.78rem}.analysis-table td{color:var(--text);border-bottom:1px solid var(--border);padding:8px 10px}.analysis-table tr:last-child td{border-bottom:none}.analysis-recommendation{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.analysis-rec-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.78rem}.analysis-rec-setpoints{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.analysis-rec-item{text-align:center}.analysis-rec-label{color:var(--text-dim);margin-bottom:4px;font-size:.78rem}.analysis-rec-val{font-size:1.8rem;font-weight:700}.analysis-rec-arrow{color:var(--text-faint);font-size:1.4rem}.analysis-rec-reasoning{color:var(--text-dim);margin-bottom:10px;font-size:.82rem;line-height:1.5}.analysis-rec-safety{color:var(--orange);background:#fb923c12;border:1px solid #fb923c33;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:.75rem}.analysis-rec-note{color:var(--text-dim);font-size:.8rem;font-style:italic}