:root{--bg-deep:#133629;--bg-soft:#f6f1e6;--card:hsla(0,0%,100%,.9);--card-strong:#fff;--text-main:#1f3328;--text-muted:#5a7065;--line:rgba(24,52,39,.16);--accent:#2f7d3f;--accent-strong:#245f30;--ok:#23824a;--danger:#b13939;--warning:#d18a2f}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{background:radial-gradient(circle at 12% 8%,rgba(255,189,120,.45),transparent 34%),radial-gradient(circle at 88% 5%,rgba(123,209,143,.38),transparent 40%),linear-gradient(160deg,var(--bg-soft),#e7f6e7 55%,#d8f0df 100%);color:var(--text-main);font-family:Trebuchet MS,Candara,Segoe UI,sans-serif;margin:0}.growbox-page{display:grid;gap:1rem;margin:0 auto;max-width:1120px;padding:1rem 1rem 2.2rem}.panel{animation:rise-in .5s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 24px #0c281f1c,0 2px 7px #0c281f14}.hero-panel{background:linear-gradient(145deg,#ffffffeb,#f5fff9e0),radial-gradient(circle at 85% 10%,rgba(46,126,63,.13),transparent 45%);padding:1.25rem}.eyebrow{color:var(--accent-strong);font-size:.78rem;letter-spacing:.09em;margin:0;text-transform:uppercase}.eyebrow,.hero-panel h1{font-family:Bahnschrift,Trebuchet MS,sans-serif}.hero-panel h1{font-size:clamp(1.85rem,5vw,2.8rem);line-height:1.05;margin:.35rem 0 0}.subtitle{color:var(--text-muted);margin:.68rem 0 0;max-width:72ch}.status-strip{align-items:center;background:#f8fff9;border:1px solid var(--line);border-radius:14px;display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.95rem;padding:.65rem .82rem}.status-strip.is-online{background:#eefdf2;border-color:#23824a6b}.status-strip.is-offline{background:#fff2f2;border-color:#b1393959}.status-strip strong{background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.84rem;padding:.2rem .58rem}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.78rem}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.84rem;padding:.3rem .66rem}.hero-actions{margin-top:.88rem}.grid-top{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.climate-panel,.history-panel,.mode-panel,.relay-panel{padding:1rem}.climate-panel h2,.history-panel h2,.mode-panel h2,.relay-panel h2{font-family:Bahnschrift,Trebuchet MS,sans-serif;margin:0}.hint{color:var(--text-muted);font-size:.92rem;margin:.44rem 0 .82rem}.mode-buttons{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.scenario-list{display:grid;gap:.36rem;margin:.85rem 0 0;padding-left:1.2rem}.scenario-list li{color:#315648;font-size:.9rem}.meta{color:#476359;font-size:.87rem;margin:.82rem 0 0}.climate-grid{display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.climate-box{background:var(--card-strong);border:1px solid var(--line);border-radius:14px;display:grid;gap:.26rem;padding:.68rem}.climate-box span{color:var(--text-muted);font-size:.84rem}.climate-box strong{font-family:Bahnschrift,Trebuchet MS,sans-serif;font-size:1.22rem}.telemetry-form{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.82rem}.telemetry-form label{color:var(--text-muted);display:grid;font-size:.86rem;gap:.3rem}.telemetry-form input{background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--text-main);font:inherit;padding:.58rem .7rem}.telemetry-form input:focus{border-color:#2f7d3f8c;outline:2px solid rgba(47,125,63,.35);outline-offset:1px}.climate-actions{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:.78rem}.relay-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between}.manual-note{align-items:center;align-self:center;background:#ebf9ef;border:1px solid rgba(35,130,74,.33);border-radius:999px;color:#1f5e34;display:inline-flex;font-size:.82rem;padding:.36rem .72rem}.manual-note.disabled{background:#fff8ec;border-color:#d18a2f66;color:#865720}.relay-grid{display:grid;gap:.65rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.84rem}.relay-card{background:var(--card-strong);border:1px solid var(--line);border-radius:16px;display:grid;gap:.38rem;padding:.72rem}.relay-title{font-family:Bahnschrift,Trebuchet MS,sans-serif;font-size:1.04rem;margin:0}.relay-pin{color:var(--text-muted);font-size:.83rem;margin:0}.relay-state{color:var(--danger);font-size:.92rem;font-weight:700;margin:.08rem 0 .24rem}.relay-state.on{color:var(--ok)}.history-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between}.log-empty{border:1px dashed var(--line);border-radius:14px;color:var(--text-muted);margin-top:.72rem;padding:1rem;text-align:center}.log-list{display:grid;gap:.62rem;margin-top:.75rem}.log-item{background:#fff;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:14px;padding:.72rem}.log-item.is-success{border-left-color:var(--ok)}.log-item.is-error{background:#fff6f6;border-left-color:var(--danger)}.log-item-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between}.log-meta{color:var(--text-muted);font-size:.85rem;margin:.25rem 0 0}.log-error{color:#942a2a;font-weight:600;margin:.32rem 0 0}.log-item details{margin-top:.45rem}.log-item summary{color:#2c5a46;cursor:pointer;font-weight:600}.log-item pre{background:var(--bg-deep);border-radius:10px;color:#dbffe7;font-size:.78rem;line-height:1.35;margin:.35rem 0 0;overflow:auto;padding:.68rem}.action-btn{width:100%}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.growbox-page{padding:.86rem .76rem 1.6rem}.grid-top{grid-template-columns:1fr}.relay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.climate-actions,.mode-buttons,.telemetry-form{grid-template-columns:1fr}}@media(max-width:620px){.chip-row{flex-direction:column}.climate-grid,.relay-grid{grid-template-columns:1fr}}