.mfd{flex-direction:column;align-items:center;gap:14px;display:flex}.mfd-dev{background:#0b0b0c;border-radius:22px;width:100%;max-width:1040px;padding:1.6%;box-shadow:inset 0 1px #2a2a2c,0 30px 60px -25px #0000008c}.mfd-note{color:var(--muted);text-align:center;margin:0;font-size:13px}.mfd-screen{--bg:linear-gradient(135deg,#f1ece5,#dfd8cd 55%,#d2c9bd);--card:#faf7f29e;--edge:#ffffffbf;--tile:#ffffff8c;--ink:#1d1914;--muted:#5e5447;--hot:#e8742c;--warm:#f2c766;--ok:#3f8a57;--bad:#d2452b;--side:#faf7f2b3;--dark:#1d1914;--darkink:#f3e7d6;aspect-ratio:16/10;background:var(--bg);width:100%;color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:12px;font-family:Onest,system-ui,sans-serif;line-height:1.25;display:flex;position:relative;overflow:hidden;container-type:inline-size}.mfd-screen.night{--bg:radial-gradient(120% 90% at 85% 10%,#4a3020 0%,#1d1814 45%,#141311 100%);--card:#ffffff0f;--edge:#ffffff1f;--tile:#ffffff12;--ink:#ede3d4;--muted:#a3947f;--side:#ffffff0f;--dark:#f3e7d6;--darkink:#1d1914}:where(.mfd-screen button){font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:inherit;background:0 0;border:0;padding:0}.mfd-screen .ic{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.mfd-screen .p{transition:transform 80ms,background-color .2s}.mfd-screen .p:active{transform:scale(.97)}.mfd-side{background:var(--side);width:7cqw;box-shadow:inset 0 0 0 1px var(--edge);border-radius:3.2cqw;flex-direction:column;align-items:center;gap:1cqw;margin:1.8cqw 0 1.8cqw 1.8cqw;padding:1.4cqw 0;display:flex}.mfd-side button{width:4.6cqw;height:4.6cqw;color:var(--ink);border-radius:50%;place-items:center;font-size:2.2cqw;display:grid}.mfd-side button.on{background:var(--dark);color:var(--darkink)}.mfd-side .sp{flex:1}.mfd-main{flex-direction:column;flex:1;gap:1.4cqw;min-width:0;padding:1.8cqw;display:flex;position:relative}.mfd-card{background:var(--card);box-shadow:inset 0 0 0 1px var(--edge),0 .8cqw 2.4cqw #3c30241a;border-radius:2.2cqw;padding:1.6cqw}.mfd-h{justify-content:space-between;align-items:flex-end;gap:1cqw;display:flex}.mfd-h h3{letter-spacing:-.02em;margin:0;font-size:3.4cqw;font-weight:500}.mfd-h small{color:var(--muted);margin-top:.4cqw;font-size:1.35cqw;display:block}.mfd-clock{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:5.6cqw;font-weight:300;line-height:1}.mfd-chip{background:var(--tile);height:2.8cqw;box-shadow:inset 0 0 0 1px var(--edge);border-radius:1.4cqw;align-items:center;gap:.6cqw;padding:0 1.2cqw;font-size:1.25cqw;display:inline-flex}.mfd-chip.armed{background:var(--bad);color:#fff}.mfd-grid{flex:1;grid-template-columns:1fr 1fr 28cqw;gap:1.4cqw;min-height:0;display:grid}.mfd-rooms{grid-column:1/3;grid-template-columns:1fr 1fr;gap:1.4cqw;display:grid}.mfd-room{cursor:pointer;flex-direction:column;gap:1cqw;display:flex}.mfd-room.lit{box-shadow:inset 0 0 0 1px var(--edge),0 0 0 .15cqw #e8742c8c,0 .8cqw 2.4cqw #e8742c2e}.mfd-room .t{align-items:center;gap:1cqw;font-size:1.6cqw;font-weight:500;display:flex}.mfd-room .t i{background:var(--tile);border-radius:50%;place-items:center;width:3.2cqw;height:3.2cqw;font-size:1.7cqw;font-style:normal;display:grid}.mfd-room .t em{color:var(--muted);margin-left:auto;font-size:1.2cqw;font-style:normal}.mfd-temp{letter-spacing:-.02em;align-items:baseline;gap:1cqw;font-size:4.2cqw;font-weight:300;display:flex}.mfd-temp small{color:var(--muted);align-items:center;gap:.5cqw;font-size:1.2cqw;display:flex}.mfd-dot{background:var(--ok);border-radius:50%;width:.7cqw;height:.7cqw;display:inline-block}.mfd-dot.heat{background:var(--hot)}.mfd-btns{grid-template-columns:1fr 1fr;gap:1cqw;margin-top:auto;display:grid}.mfd-btn{background:var(--tile);height:5.2cqw;box-shadow:inset 0 0 0 1px var(--edge);border-radius:1.6cqw;align-items:center;gap:1cqw;padding:0 1.2cqw;font-size:1.3cqw;display:flex}.mfd-btn .ic{font-size:2.1cqw}.mfd-btn b{font-weight:500;display:block}.mfd-btn small{color:var(--muted);font-size:1.1cqw;display:block}.mfd-btn.lit .ic{color:#b8860b}.mfd-scenes{grid-column:1/3;align-items:center;gap:1cqw;display:flex}.mfd-scenes span{color:var(--muted);margin-right:.6cqw;font-size:1.2cqw}.mfd-scene{background:var(--tile);height:4.6cqw;box-shadow:inset 0 0 0 1px var(--edge);border-radius:1.4cqw;flex:1;justify-content:center;align-items:center;gap:.8cqw;font-size:1.35cqw;display:flex}.mfd-scene .ic{font-size:1.8cqw}.mfd-scene.on{background:var(--hot);color:#fff;box-shadow:none}.mfd-right{flex-direction:column;grid-area:1/3/3;gap:1.4cqw;min-height:0;display:flex}.mfd-thermo{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6cqw;display:flex}.mfd-thermo .rn{text-align:left;color:var(--muted);align-self:stretch;font-size:1.2cqw}.mfd-thermo .st{align-items:center;gap:.5cqw;font-size:1.6cqw;display:flex}.mfd-thermo .st .ic{color:var(--hot);font-size:1.7cqw}.mfd-thermo .big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:7cqw;font-weight:300;line-height:1}.mfd-thermo .big sub{vertical-align:baseline;color:var(--muted);font-size:2.4cqw}.mfd-thermo .set{letter-spacing:.04em;font-size:1.4cqw;font-weight:700}.mfd-thermo .set.flash{color:var(--hot)}.mfd-tbtns{justify-content:space-around;align-self:stretch;margin-top:.6cqw;display:flex}.mfd-tbtns button{border-radius:50%;place-items:center;width:4.6cqw;height:4.6cqw;font-size:2.2cqw;display:grid}.mfd-tbtns button:active{background:var(--tile)}.mfd-energy{color:#f3e7d6;background:#1a1714;border-radius:2.2cqw;padding:1.4cqw 1.6cqw}.mfd-energy .r{justify-content:space-between;align-items:center;font-size:1.3cqw;display:flex}.mfd-energy b{font-size:2.6cqw;font-weight:400}.mfd-flow{color:#c9bba7;grid-template-columns:repeat(3,1fr);gap:1cqw;margin-top:1cqw;font-size:1.05cqw;display:grid}.mfd-flow i{background:repeating-linear-gradient(90deg,var(--c) 0 1cqw,transparent 1cqw 1.6cqw);background-size:1.6cqw 100%;border-radius:.2cqw;height:.35cqw;margin-top:.5cqw;animation:1.2s linear infinite mfdFlow;display:block}@keyframes mfdFlow{to{background-position:1.6cqw 0}}.mfd-top{align-items:center;gap:1.2cqw;display:flex}.mfd-back{background:var(--tile);width:4.6cqw;height:4.6cqw;box-shadow:inset 0 0 0 1px var(--edge);border-radius:50%;place-items:center;font-size:2cqw;display:grid}.mfd-top h3{flex:1;margin:0;font-size:3cqw;font-weight:500}.mfd-cols{flex:1;grid-template-columns:1fr 1fr 1fr;gap:1.4cqw;min-height:0;display:grid}.mfd-col{flex-direction:column;gap:1cqw;min-height:0;display:flex;overflow:hidden}.mfd-col h4{justify-content:space-between;margin:0;font-size:1.6cqw;font-weight:500;display:flex}.mfd-col h4 small{color:var(--muted);font-size:1.15cqw;font-weight:400}.mfd-lt{height:5.6cqw;box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;border-radius:1.6cqw;align-items:center;gap:1cqw;padding:0 1cqw;display:flex}.mfd-lt .ic{font-size:2cqw}.mfd-lt.lit .ic{color:#b8860b}.mfd-lt b{flex:1;font-size:1.35cqw;font-weight:500}.mfd-lt span{color:var(--muted);text-align:right;min-width:4cqw;font-size:1.2cqw}.mfd-lt button{border-radius:50%;place-items:center;width:3.6cqw;height:3.6cqw;font-size:1.9cqw;display:grid}.mfd-row2{grid-template-columns:1fr 1fr;gap:1cqw;margin-top:auto;display:grid}.mfd-shade{background:var(--tile);box-shadow:inset 0 0 0 1px var(--edge);border-radius:1.6cqw;flex-direction:column;gap:.8cqw;padding:1cqw;display:flex}.mfd-shade .hd{justify-content:space-between;font-size:1.3cqw;display:flex}.mfd-shade .hd span{color:var(--muted);font-size:1.15cqw}.mfd-win{background:linear-gradient(#cfe3f3,#eaf2f7);border-radius:1cqw;height:9cqw;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .25cqw #8a7f72}.mfd-screen.night .mfd-win{background:linear-gradient(#1c2a3a,#304358)}.mfd-win i{background:repeating-linear-gradient(90deg,#b9a487 0 .6cqw,#a8916f .6cqw 1.2cqw);width:50%;transition:width .2s linear;position:absolute;top:0;bottom:0}.mfd-win i.l{left:0}.mfd-win i.r{right:0}.mfd-sbtn{grid-template-columns:repeat(3,1fr);gap:.6cqw;display:grid}.mfd-sbtn button{background:var(--card);height:3.8cqw;box-shadow:inset 0 0 0 1px var(--edge);border-radius:1cqw;place-items:center;font-size:1.7cqw;display:grid}.mfd-sbtn button.on{background:var(--hot);color:#fff}.mfd-plan{background:#0d0c0b;border-radius:2cqw;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.mfd-pin{aspect-ratio:16/10;max-width:100%;height:100%;position:relative}.mfd-plan img{width:100%;height:100%;position:absolute;inset:0}.mfd-plan img.lt{mix-blend-mode:screen;opacity:0;transition:opacity .5s}.mfd-plan svg{width:100%;height:100%;position:absolute;inset:0}.mfd-plan polygon{fill:#0000;cursor:pointer;stroke:#0000;stroke-width:.25px;transition:fill .2s}.mfd-plan polygon:hover{fill:#ffdca014;stroke:#ffdca059}.mfd-pbar{flex-wrap:wrap;align-items:center;gap:1cqw;display:flex}.mfd-toast{color:#f3e7d6;opacity:0;pointer-events:none;background:#141210d9;border-radius:1.2cqw;padding:.8cqw 1.6cqw;font-size:1.3cqw;transition:opacity .2s;position:absolute;bottom:2cqw;left:50%;transform:translate(-50%)}.mfd-toast.on{opacity:1}.mfd-sec{flex:1;grid-template-columns:1fr 1fr;gap:1.4cqw;min-height:0;display:grid}.mfd-shield{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;display:flex}.mfd-shield .sh{width:13cqw;height:13cqw;color:var(--ok);background:#3f8a5724;border-radius:50%;place-items:center;font-size:6.4cqw;transition:background .3s,color .3s;display:grid}.mfd-shield.armed .sh{color:var(--bad);background:#d2452b29;animation:2.4s ease-in-out infinite mfdBreath}@keyframes mfdBreath{50%{transform:scale(1.05)}}.mfd-shield b{font-size:2.2cqw;font-weight:500}.mfd-shield small{color:var(--muted);font-size:1.3cqw}.mfd-big{background:var(--dark);height:5.2cqw;color:var(--darkink);border-radius:1.6cqw;padding:0 2.4cqw;font-size:1.5cqw;font-weight:500}.mfd-list{flex-direction:column;gap:.8cqw;display:flex}.mfd-li{background:var(--tile);height:4.6cqw;box-shadow:inset 0 0 0 1px var(--edge);border-radius:1.4cqw;align-items:center;gap:1cqw;padding:0 1.2cqw;font-size:1.3cqw;display:flex}.mfd-li .ic{font-size:1.9cqw}.mfd-li span{color:var(--muted);margin-left:auto;font-size:1.15cqw}.mfd-li.bad{box-shadow:inset 0 0 0 .2cqw var(--bad)}.mfd-li.bad span{color:var(--bad)}.mfd-alarm{background:var(--bad);color:#fff;z-index:5;border-radius:1.6cqw;align-items:center;gap:1.2cqw;height:5cqw;padding:0 1.6cqw;font-size:1.5cqw;animation:1.2s ease-in-out infinite mfdPulse;display:flex;position:absolute;bottom:1.8cqw;left:1.8cqw;right:1.8cqw}.mfd-alarm button{background:#fff3;border-radius:1cqw;height:3.4cqw;margin-left:auto;padding:0 1.6cqw;font-size:1.3cqw}@keyframes mfdPulse{50%{box-shadow:0 0 0 .6cqw #d2452b40}}.mfd-themes{grid-template-columns:1fr 1fr;gap:1.4cqw;display:grid}.mfd-theme{border-radius:2cqw;align-items:flex-end;height:18cqw;padding:1.4cqw;font-size:1.6cqw;font-weight:500;display:flex;box-shadow:inset 0 0 0 .2cqw #0000}.mfd-theme.on{box-shadow:inset 0 0 0 .3cqw var(--hot)}@media (prefers-reduced-motion:reduce){.mfd-flow i,.mfd-shield.armed .sh,.mfd-alarm{animation:none}}@media (width<=820px){.mfd-dev{-webkit-overflow-scrolling:touch;border-radius:16px;overflow-x:auto}.mfd-screen{min-width:760px}.mfd-note:after{content:" Экран листается вбок."}}