/* Visual values adapted from Hearth Light, commit 78615379, Apache-2.0. */
:root{color-scheme:light;--canvas:#fbf8f5;--text:#292827;--muted:#5e5b58;--border:#d8d3cf;--hero:#f7e9dc;--supply:#c66f2d;--target:#8f603d;--focus:#5b62d6;font-family:ui-rounded,"SF Pro Rounded",system-ui,sans-serif;color:var(--text);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0}.header{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));background:#fff}.brand{font-weight:700;white-space:nowrap}.brand-mark{color:var(--supply);font-size:1.5rem;vertical-align:middle}.brand-sub{font-weight:400;color:var(--muted);font-size:.86rem}.connection{font-size:.82rem;color:var(--muted)}main{max-width:1120px;margin:auto;padding:52px 24px}.intro,.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.intro{margin-bottom:32px}.eyebrow{font-size:.72rem;letter-spacing:.12em;color:var(--muted);font-weight:700;margin:0 0 10px}h1,h2,p{margin-top:0}h1{font-size:2.35rem;letter-spacing:-.04em;margin-bottom:8px}h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:8px}.muted{color:var(--muted);line-height:1.5}.demo,.badges span{border:1px solid var(--border);background:white;border-radius:999px;padding:8px 12px;font-size:.78rem;white-space:nowrap}.demo{margin-bottom:12px}.hero{background:var(--hero);border-radius:20px;padding:32px;display:flex;justify-content:space-between;gap:20px;margin-bottom:48px}.hero h2{font-size:1.6rem}.hero-value{text-align:right;display:grid;gap:5px;color:var(--muted)}.hero-value strong{font-size:3.5rem;color:var(--text);letter-spacing:-.05em}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.chart-card{background:white;border:1px solid var(--border);border-radius:16px;padding:24px}.card{display:grid;gap:14px;color:var(--muted)}.card strong{font-size:1.8rem;color:var(--text)}small{font-size:.78rem}.chart-card{margin-top:42px}.chart-card .muted{margin-bottom:0}.legend{font-size:.8rem;color:var(--muted);white-space:nowrap}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:12px}.supply-dot{background:var(--supply)}.target-dot{background:var(--target)}#chart{width:100%;height:200px;margin-top:12px;overflow:visible}.axis{stroke:var(--border);stroke-width:1}.supply-point{fill:var(--supply)}.target-point{fill:var(--target)}.chart-status{color:var(--muted);font-size:.82rem;margin:28px 0 0}.chart-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.alarms:not(:empty){border:1px solid #d14343;background:#fff1ef;padding:14px;border-radius:12px;margin-bottom:16px}footer{margin-top:42px;color:var(--muted);font-size:.8rem}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:700px){main{padding:32px 18px}.header{padding:0 18px}.brand-sub{display:none}.intro,.section-heading{align-items:start;flex-direction:column}.intro{gap:8px}.demo{white-space:normal}.hero{padding:24px;flex-direction:column}.hero-value{text-align:left}.hero-value strong{font-size:3rem}.cards{grid-template-columns:repeat(2,1fr)}.section-heading .muted{margin-bottom:0}.legend{white-space:normal}}
[hidden]{display:none!important}form{display:grid;gap:10px;max-width:400px}label{font-weight:600;font-size:.9rem}input{font:inherit;padding:12px;border:1px solid var(--border);border-radius:8px}button{font:inherit;border:1px solid #444bbd;color:#fff;background:#444bbd;border-radius:8px;padding:10px 16px;cursor:pointer}button:disabled,button[aria-disabled=true]{opacity:.55;cursor:wait}#login-error{color:#9e2525;min-height:1.5em}#dashboard .hero{margin-top:0}.hero button+button{background:#fff;color:#292827;border-color:var(--border)}
.source-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.source-bar button{background:#fff;color:#292827;border-color:var(--border)}.source-bar button[aria-pressed=true]{background:#444bbd;color:#fff;border-color:#444bbd}