:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{color:#e8e8ec;background:#12141a;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.app{flex-direction:column;gap:12px;width:100vw;height:100vh;padding:16px 24px;display:flex}.app-header{justify-content:space-between;align-items:center;display:flex}.app-header h1{margin:0;font-size:20px}.status{color:#ef5350;font-size:12px}.status-ok{color:#66bb6a}.section h2{text-transform:uppercase;letter-spacing:.06em;color:#9aa0aa;margin:4px 0 8px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.tile{color:inherit;font:inherit;cursor:pointer;background:#1c1f27;border:1px solid #2a2e38;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;padding:14px;transition:background .15s,border-color .15s;display:flex}.tile:active{transform:scale(.97)}.tile-on{background:#3a3416;border-color:#d4af37}.tile-icon{font-size:28px}.tile-name{text-align:center;font-size:13px}.tile-state{color:#9aa0aa;font-size:11px}.tile-climate{cursor:default}.tile-current{font-size:22px;font-weight:600}.climate-controls{align-items:center;gap:12px;display:flex}.climate-controls button{width:36px;height:36px;color:inherit;cursor:pointer;background:#262a34;border:1px solid #2a2e38;border-radius:50%;font-size:18px}.tile-target{text-align:center;min-width:40px}.hvac-modes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hvac-mode{color:inherit;font:inherit;text-transform:capitalize;cursor:pointer;background:#262a34;border:1px solid #2a2e38;border-radius:999px;padding:6px 10px;font-size:11px}.hvac-mode-active{color:#a5d6a7;background:#1f3d2b;border-color:#4caf50}