/* HELIOGRAPH / TRI-66 | self-contained, scoped component theme | MIT */
:root{color-scheme:dark}*{box-sizing:border-box}html{background:#050f15}body{margin:0} .hg-shell{--hg-ink:#e9fbfa;--hg-quiet:#7b9aa6;--hg-line:#24404a;--hg-mint:#57edc1;--hg-cyan:#66cde7;--hg-yellow:#eabf7c;isolation:isolate;background:radial-gradient(ellipse at 45% -27%,rgba(45,110,118,.18),transparent 47%),#06141c;color:var(--hg-ink);font:13px/1.45 Inter,"Segoe UI",system-ui,sans-serif;min-height:100vh;padding:0 max(25px,calc((100vw - 1710px)/2));font-variant-numeric:tabular-nums;letter-spacing:.005em}.hg-shell button,.hg-shell input,.hg-shell select{font:inherit}.hg-shell button{cursor:pointer}.hg-shell button:focus-visible,.hg-shell input:focus-visible,.hg-shell select:focus-visible{outline:2px solid #75f6cb;outline-offset:3px}.hg-topbar{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1b3540}.hg-brand,.hg-head-right{display:flex;align-items:center}.hg-brand{gap:13px}.hg-logo{width:40px;height:40px;display:grid;place-items:center;border:1px solid #5ab8ae;background:linear-gradient(135deg,#214d4b,#061c26);border-radius:11px;box-shadow:inset 0 0 20px rgba(66,226,183,.19);color:#8ef6cd;font-size:27px}.hg-logo span{transform:translateY(-1px)}.hg-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:730;color:#7ba1a8}.hg-wordmark{font-size:20px;font-weight:850;line-height:1.15;letter-spacing:.02em}.hg-wordmark span{color:#5b9ea7;font-weight:500}.hg-head-right{gap:24px}.hg-tag{border:1px solid #284b56;color:#87abb6;background:#112731;padding:8px 13px;border-radius:5px;font-size:9px;letter-spacing:.11em;font-weight:800}.hg-status{display:flex;align-items:center;gap:9px;font-size:10px;color:#89baae;letter-spacing:.07em;font-weight:750}.hg-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57edb8;box-shadow:0 0 12px #57edb8}.hg-status i.paused{background:#ecb978;box-shadow:none}.hg-iconbtn{height:34px;width:34px;border:1px solid #31515b;background:#10232b;color:#aeeae0;border-radius:7px;font-size:23px;line-height:1}.hg-iconbtn:hover{border-color:#67c4b9}.hg-intro{display:flex;align-items:flex-end;justify-content:space-between;padding:28px 0 30px;gap:24px}.hg-overline{font-size:10px;margin-bottom:8px;color:#69d7c8}.hg-intro h1{font-size:clamp(24px,2.55vw,36px);font-weight:770;letter-spacing:-.055em;line-height:1.22;margin:0 0 9px}.hg-intro h1 em{font-weight:770;font-style:normal;color:#67edc8}.hg-intro p{color:#89a9b3;margin:0;max-width:780px;line-height:1.65;font-size:12px}.hg-dossier{display:flex;align-items:center;gap:18px;min-width:max-content;color:#799eaa;font-size:9px;line-height:1.8;letter-spacing:.09em;font-weight:760;border-left:1px solid #2c5458;padding-left:23px}.hg-dossier-number{font-weight:850;letter-spacing:-.04em;font-size:39px;color:#beeade;line-height:1}.hg-dossier-number span{display:block;font-size:9px;letter-spacing:.14em;color:#6eb8b1}.hg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:27px}.hg-kpi{position:relative;min-height:111px;border:1px solid #28434e;border-radius:10px;background:linear-gradient(145deg,rgba(22,48,55,.86),rgba(9,26,36,.89));overflow:hidden;padding:15px 19px}.hg-kpi>span{display:block;color:#78a2aa;font-size:10px;letter-spacing:.13em;font-weight:800}.hg-kpi strong{display:block;font-size:29px;letter-spacing:-.04em;margin:4px 0 0;line-height:1.3;color:#edfef7;font-weight:770}.hg-kpi small{font-size:10px;color:#708f9e}.hg-kpi-line{position:absolute;left:0;bottom:0;right:0;height:2px;background:#53ebbb;opacity:.85}.hg-kpi-line.amber{background:#e9b774}.hg-kpi-line.blue{background:#5fcae2}.hg-kpi-line.pale{background:#7c9cae}.hg-dashboard{display:grid;grid-template-columns:minmax(245px,290px) minmax(410px,1fr) minmax(265px,318px);gap:19px;align-items:start}.hg-sidebar,.hg-workspace{min-width:0}.hg-section-label{min-height:28px;display:flex;gap:9px;align-items:center;color:#8badb8;font-size:10px;letter-spacing:.14em;font-weight:800;margin-bottom:10px;white-space:nowrap}.hg-section-label>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #427375;border-radius:5px;font-size:9px;color:#64dec6}.hg-section-label .hg-pulse{margin-left:auto;color:#58c6b6;font-size:9px;letter-spacing:.12em}.hg-card{background:linear-gradient(145deg,rgba(16,37,47,.96),rgba(9,26,36,.96));border:1px solid #29434c;border-radius:11px;box-shadow:0 8px 20px rgba(0,0,0,.095);overflow:hidden}.hg-controls-card{padding:20px 19px 21px}.hg-card-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:760;font-size:13px;color:#d0e8e6}.hg-card-title>span{font-size:9px;color:#5e959c;font-weight:800;letter-spacing:.11em;white-space:nowrap}.hg-helper{font-size:11px;color:#7897a2;line-height:1.7;margin:11px 0 22px}.hg-swatch{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hg-swatch>div{display:flex;align-items:center;gap:8px;color:#b3cfd3;font-size:11px}.hg-swatch strong{font-size:13px;color:#b7f4e3}.hg-dot{display:block;border-radius:3px;width:9px;height:9px;background:var(--dot);box-shadow:0 0 9px var(--dot)}.hg-shell input[type=range]{display:block;width:100%;height:18px;margin:0 0 19px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.hg-shell input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(to right,#6ef0c6 0 var(--range-progress,50%),#2a4a53 var(--range-progress,50%) 100%)}.hg-shell input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:#2a4a53}.hg-shell input[type=range]::-moz-range-progress{height:4px;background:#6ef0c6;border-radius:3px}.hg-shell input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#ccfff0;border:2px solid #46beaa;margin-top:-4.5px;box-shadow:0 0 0 3px #103d43}.hg-shell input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #46beaa;border-radius:50%;background:#ccfff0}.hg-dividerline{height:1px;background:#284650;margin:15px 0 20px}.hg-rowname{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a8c4cb;margin-bottom:12px}.hg-rowname strong{color:#a9f0dd}.hg-controls-card input[data-param=temperatureC]{margin-bottom:4px}.hg-minmax{display:flex;justify-content:space-between;font-size:9px;color:#678c97}.hg-presets{margin-top:14px;padding:18px 18px 16px}.hg-presetgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.hg-presetgrid button{border:1px solid #31515b;border-radius:6px;padding:10px 5px;background:#132e39;color:#a7c6cb;font-size:10px;font-weight:740;transition:.17s}.hg-presetgrid button:hover,.hg-presetgrid button.selected{border-color:#4dcab5;background:#174a49;color:#c6fff0}.hg-check{display:flex;align-items:center;gap:10px;border-top:1px solid #2b4550;margin-top:16px;padding-top:15px;cursor:pointer;color:#a3c7cf;font-size:11px}.hg-check input{accent-color:#48c5a9;width:14px;height:14px}.hg-check i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#466572}.hg-check:has(input:checked) i{background:#61f7c8;box-shadow:0 0 8px #61f7c8}.hg-note{display:flex;gap:11px;background:#102c35;margin-top:14px;padding:17px 15px}.hg-note-icon{width:18px;height:18px;flex:none;display:grid;place-items:center;border:1px solid #3e878a;border-radius:50%;color:#7cf9cf;font-size:11px;font-weight:800}.hg-note strong{font-size:11px;color:#b9e1da}.hg-note p{color:#789aa4;font-size:10px;line-height:1.65;margin:7px 0 0}.hg-pane-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px 4px}.hg-pane-head>div:first-child>strong{display:block;font-size:13px;color:#d6f0eb}.hg-pane-head>div:first-child>span{display:block;font-size:10px;color:#6c99a3;margin-top:3px}.hg-temperature{font-size:11px;border:1px solid #2c4c56;border-radius:5px;background:#102e36;padding:6px 9px;color:#9bded2;white-space:nowrap}.hg-temperature span{color:#4fcbb4;margin-right:5px}.hg-panel-card{background:#0a1923}.hg-panel-canvas{width:100%;height:319px;display:block;cursor:crosshair;touch-action:manipulation}.hg-panel-bottom{display:flex;justify-content:flex-start;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #223e46;padding:11px 16px;color:#8aabb3;font-size:9px;font-weight:690;letter-spacing:.03em}.hg-panel-bottom>span:last-child{margin-left:auto;color:#668f9b}.hg-legend-good,.hg-legend-bypass{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5cf0c0;margin-right:7px}.hg-legend-bypass{background:#eeb36e}.hg-second-section{margin-top:22px}.hg-toggle{display:flex;margin-left:auto;gap:2px;border:1px solid #2e525b;border-radius:7px;padding:3px;background:#0b2530}.hg-toggle button{font-size:10px;letter-spacing:.08em;color:#779eaa;background:transparent;border:none;border-radius:4px;padding:5px 11px;font-weight:700}.hg-toggle button.selected{background:#1d4d51;color:#a4f5df}.hg-plot-card{background:#091924}.hg-plot-card .hg-pane-head{padding-bottom:0}.hg-graph-key{font-size:9px;display:flex;align-items:center;gap:6px;color:#7aa6ac;white-space:nowrap}.hg-graph-key i{width:6px;height:6px;background:#fff;border:2px solid #62eabc;border-radius:50%;display:inline-block}.hg-graph-key b{color:#f1dc95;font-size:11px;margin-left:5px}.hg-curve-canvas{display:block;width:100%;height:244px;cursor:crosshair;touch-action:manipulation}.hg-plot-footer{display:flex;justify-content:space-between;gap:15px;padding:3px 17px 13px;font-size:10px;color:#618f9e}.hg-plot-footer span:last-child{font-weight:750;color:#95cfce;white-space:nowrap}.hg-tracker{padding:18px 17px 17px}.hg-modebar{display:flex;gap:5px;background:#081e27;padding:4px;border-radius:7px;margin-top:15px;border:1px solid #284650}.hg-modebar button{flex:1;border:0;border-radius:5px;padding:10px 4px;font-size:9px;letter-spacing:.04em;color:#7da1ab;font-weight:800;background:transparent}.hg-modebar button:hover{color:#daf7ef}.hg-modebar button.selected{color:#e7fff5;background:#24625c;box-shadow:0 1px 8px #0a272c}.hg-tracker-caption{font-size:10px;color:#7ba7af;line-height:1.6;min-height:33px;margin:12px 0 0}.hg-tracker .hg-dividerline{margin:15px 0}.hg-tracker input[type=range]{margin:0 0 15px}.hg-tracker-values{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hg-tracker-values>div{padding:12px 10px;background:#0c2730;border:1px solid #284a52;border-radius:7px}.hg-tracker-values span{display:block;font-size:9px;letter-spacing:.06em;color:#7395a0}.hg-tracker-values strong{font-size:19px;color:#d0f8ef;font-weight:750;letter-spacing:-.04em;margin-top:5px;display:block}.hg-progress-header{display:flex;justify-content:space-between;margin:19px 0 9px;font-size:9px;color:#789ba8;letter-spacing:.1em;font-weight:800}.hg-progress-header span:last-child{color:#74dabb}.hg-progress{height:5px;background:#1f4147;border-radius:5px;overflow:hidden}.hg-progress span{height:100%;display:block;background:linear-gradient(90deg,#278f91,#70f4bd);border-radius:5px;transition:width .13s linear}.hg-circuit{margin-top:14px;padding:17px 15px}.hg-schematic-canvas{height:134px;width:100%;display:block;margin-top:14px}.hg-detail-list{border-top:1px solid #29464e;margin-top:6px}.hg-detail-list>div{display:flex;justify-content:space-between;gap:8px;padding:9px 2px;border-bottom:1px solid rgba(76,109,115,.22);font-size:10px;color:#789eaa}.hg-detail-list>div:last-child{border-bottom:0}.hg-detail-list strong{color:#bee7df;font-weight:730}.hg-history{margin-top:14px;padding:16px 15px 12px}.hg-history-canvas{width:100%;height:114px;display:block;margin-top:11px}.hg-history-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:8px;font-weight:750;letter-spacing:.035em;color:#7598a2}.hg-history-foot>div{display:flex;align-items:center;gap:6px}.hg-history-live,.hg-history-ideal{width:13px;height:2px;display:inline-block;background:#53d4f0}.hg-history-ideal{background:#e7bf7f}.hg-sim-actions{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.hg-runbtn{width:50%;padding:11px;border:1px solid #389885;background:#1a554e;border-radius:8px;color:#cafee9;display:flex;justify-content:center;gap:8px;align-items:center;letter-spacing:.10em;font-size:11px;font-weight:800}.hg-runbtn:hover{background:#1e7166}.hg-sim-actions>div{display:flex;align-items:center;gap:9px;color:#79a2aa;letter-spacing:.1em;font-size:9px;font-weight:760}.hg-sim-actions select{padding:9px 7px;background:#102b34;border:1px solid #31545b;color:#d2eee7;border-radius:6px;cursor:pointer}.hg-footer{border-top:1px solid #1c3941;margin:36px 0 0;padding:20px 0 25px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;color:#618590;letter-spacing:.11em;font-weight:740}.hg-footer b{margin:0 6px;color:#3e776f}
@media(max-width:1380px){.hg-shell{padding:0 20px}.hg-dashboard{grid-template-columns:minmax(225px,265px) minmax(375px,1fr) minmax(250px,280px);gap:13px}.hg-head-right{gap:14px}.hg-panel-canvas{height:293px}.hg-curve-canvas{height:235px}.hg-controls-card{padding:17px 15px}.hg-tracker{padding:17px 14px}.hg-intro p{max-width:570px}}
@media(max-width:1090px){.hg-dashboard{grid-template-columns:minmax(225px,265px) minmax(0,1fr)}.hg-analysis{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.hg-analysis>.hg-section-label{grid-column:1/-1;margin-bottom:-4px}.hg-analysis .hg-circuit{margin:0}.hg-analysis .hg-history{margin:0}.hg-sim-actions{grid-column:1/-1;justify-content:flex-end}.hg-panel-canvas{height:330px}.hg-curve-canvas{height:260px}.hg-dossier{display:none}}
@media(max-width:720px){.hg-shell{padding:0 14px}.hg-topbar{height:70px}.hg-head-right .hg-tag{display:none}.hg-head-right{gap:10px}.hg-wordmark{font-size:17px}.hg-eyebrow{font-size:8px}.hg-intro{padding:22px 0}.hg-intro h1{font-size:27px}.hg-kpis{grid-template-columns:1fr 1fr;gap:9px}.hg-kpi{min-height:98px;padding:11px 13px}.hg-kpi strong{font-size:24px}.hg-kpi>span{font-size:9px}.hg-kpi small{font-size:9px}.hg-dashboard{grid-template-columns:1fr;gap:17px}.hg-analysis{grid-column:auto;grid-template-columns:1fr}.hg-analysis>.hg-section-label,.hg-sim-actions{grid-column:auto}.hg-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hg-controls>.hg-section-label{grid-column:1/-1;margin-bottom:-2px}.hg-controls>.hg-note{grid-column:1/-1;margin-top:0}.hg-presets{margin-top:0}.hg-panel-canvas{height:360px}.hg-history{margin-top:0}.hg-sim-actions{justify-content:space-between}.hg-footer span:last-child{display:none}}
@media(max-width:480px){.hg-controls{display:block}.hg-presets,.hg-note{margin-top:12px}.hg-panel-canvas{height:305px}.hg-curve-canvas{height:233px}.hg-graph-key{font-size:8px}.hg-pane-head{padding:12px 11px 4px}.hg-panel-bottom{gap:12px;padding:10px;font-size:8px}.hg-panel-bottom>span:last-child{width:100%;margin-left:0}.hg-status{font-size:8px}.hg-wordmark{font-size:14px}.hg-logo{width:34px;height:34px}.hg-intro h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hg-shell *{transition:none!important;animation:none!important}}
