:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#141518;--panel:#191a1b;--elevated:#1c1e22;--ink:#f7f8f8;--mute:#8a8f98;--heat:#ff6a3d;--cool:#4fc3f7;--wort:#c09032;--danger:#f43f5e;--set:#5c6168;--border:#ffffff14;--ghost:#ffffff0a;--ease-out:cubic-bezier(.32, .72, 0, 1);font-feature-settings:"cv01", "ss03", "tnum";font-family:Inter,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--canvas);width:1920px;height:1080px;color:var(--ink);margin:0;overflow:hidden}a{color:inherit}button,input{font:inherit;background:var(--ghost);color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem}button{cursor:pointer}button:active{transform:scale(.97)}.wrap{max-width:960px;margin:0 auto;padding:1.5rem}.card{background:var(--elevated);border:1px solid var(--border);border-radius:8px;margin:.75rem 0;padding:1rem 1.25rem}.row{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.mute{color:var(--mute)}.brand{letter-spacing:.18em;font-size:18px;font-weight:500}.temp{font-size:2.4rem;font-weight:600}.tv{flex-direction:column;justify-content:space-between;width:1920px;height:1080px;padding:48px 80px 40px;display:flex;overflow:hidden}.tv h1{letter-spacing:-.04em;color:var(--ink);margin:0;font-size:96px;font-weight:500}.tv .grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.tv .cell{text-align:center;background:0 0;border:none;border-radius:0;padding:0;position:relative}.tv .cell .wash{display:none}.tv .label{color:#9aa0a8;letter-spacing:.16em;font-size:36px;font-weight:600;position:relative}.tv .big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:96px;font-weight:600;line-height:1;position:relative}.tv .unit{color:var(--mute);vertical-align:.55em;letter-spacing:.04em;margin-left:.18em;font-size:.28em;font-weight:500;display:inline-block}.tv .unit .deg{letter-spacing:0;margin-right:.14em}.tv .target{color:var(--set);justify-content:center;align-items:center;gap:.65rem;margin-top:.7rem;display:flex;position:relative}.tv .tgt-num{letter-spacing:-.03em;color:var(--set);font-variant-numeric:tabular-nums;font-size:72px;font-weight:500;line-height:1}.tv .tgt-num .unit{color:var(--set);font-size:.32em}.tv .elem{min-height:52px;color:var(--mute);justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:36px;font-weight:600;display:flex;position:relative}.tv .elem.on,.tv .cell.heating .label{color:var(--heat)}.pumps{border-top:1px solid var(--border);justify-content:center;align-items:stretch;gap:0;padding-top:28px;display:flex}.pump{background:var(--ghost);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;max-width:260px;padding:14px 16px 12px;display:flex;position:relative;overflow:hidden}.pump-glow{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.pump.on.water .pump-glow{box-shadow:inset 0 0 0 2px var(--cool), 0 0 32px #4fc3f722}.pump.on.wort .pump-glow{box-shadow:inset 0 0 0 2px var(--wort), 0 0 32px #c0903222}.pump-gap{width:80px}.pump-name{letter-spacing:.2em;color:#6a6f76;font-size:32px;font-weight:600;position:relative}.pump.on.water .pump-name{color:var(--cool)}.pump.on.wort .pump-name{color:var(--wort)}.banner{background:var(--danger);color:#fff;text-align:center;transform-origin:top;padding:12px;font-size:40px;font-weight:600}.banner.stale{background:#c27803}.tv.stale .big,.tv.lost .big,.temp.stale{color:#c27803}.tv.lost .big,.temp.lost{color:var(--danger);opacity:.85}.dot{background:#10b981;border-radius:50%;width:.7em;height:.7em;margin-right:.4em;display:inline-block}.dot.stale{background:#c27803}.dot.lost{background:var(--danger)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}