:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf4ea;--surface:#fffaf2;--fg:#2f241b;--fg-soft:#5b4a3a;--muted:#7d6a54;--border:#e7d8c4;--border-strong:#d8c3a8;--accent:#d2691e;--accent-soft:#f3e1cb;--ok:#2e7d32;--err:#c0341d;--glow:#d87a2024;--glow-strong:#d87a2052;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,monospace}*,:before,:after{box-sizing:border-box}body{padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));margin:0}#app{max-width:60rem;margin-inline:auto}input,select,textarea,button{font:inherit;font-size:max(16px,1rem)}input,select,textarea{background:var(--surface);color:var(--fg);border:1px solid var(--border-strong);border-radius:.4rem}td input.name,td input.room,td input.ep-name{box-sizing:border-box;width:100%;min-width:6rem}button{touch-action:manipulation;cursor:pointer;background:var(--surface);color:var(--fg);border:1px solid var(--border-strong);border-radius:.4rem;padding:.3rem .7rem}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}#logo{flex:none;line-height:0;display:inline-flex}#logo img{width:auto;height:1.5em;display:block}h1{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 1rem;font-size:1.1rem;display:flex}#hdr-text{flex:auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse}th,td{text-align:left;vertical-align:middle;padding:.3rem .7rem}thead{border-bottom:1px solid var(--border-strong)}tbody tr{border-bottom:1px solid var(--border)}.confirmed{color:var(--ok);font-weight:700}td.seen{color:var(--muted);white-space:nowrap;font-size:.85rem}td.batt{white-space:nowrap}td.batt.low{color:var(--err);font-weight:700}tr.subrow td{border-top:none;padding-top:1px;padding-bottom:1px}td.sub-label{color:var(--muted);white-space:nowrap;padding-left:1.5rem}#conn{color:var(--muted);flex-basis:100%;order:1;min-height:1.2em;font-size:.85rem}#ir-buttons .status,.whole-home-detail .status,#rooms-ir .status{flex-basis:100%;min-height:1.2em}.whole-home-detail .scene-slider{flex-basis:100%;align-items:center;display:flex}.whole-home-detail .scene-slider input[type=range]{flex:1}#klima .status,#rooms-klima .status{flex-basis:100%}.klima-state{display:inline-block}.klima-flash{animation:.5s klima-pulse}@keyframes klima-pulse{0%{transform:scale(1.35)}to{transform:scale(1)}}#refresh{padding:.15rem .6rem}#globals{color:var(--fg-soft);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;margin:0 0 .9rem;font-size:.95rem;display:flex}.g-meta{color:var(--muted);font-size:.8rem}.g-meta:not(:empty){margin-left:.4rem}.g-meta.warn{color:var(--err);font-weight:700}.panel{margin:0 0 .9rem}.panel:empty{margin:0}#login:not([hidden]){justify-content:center;align-items:center;min-height:80vh;padding:1rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;flex-direction:column;gap:1rem;width:100%;max-width:20rem;padding:1.6rem;display:flex;box-shadow:0 6px 24px #00000014}.login-brand{flex-direction:column;align-items:center;gap:.3rem;display:flex}.login-brand img{display:block}.login-brand-name{color:var(--fg);letter-spacing:.02em;font-size:1.7rem;font-weight:700}#login-form{flex-direction:column;gap:.7rem;display:flex}#login-form input,#login-form button{width:100%;padding:.55rem .7rem;font-size:1rem}#login-form .status{text-align:center;min-height:1.2em}#ir-buttons,.whole-home-detail,#rooms-ir,#klima,#rooms-klima{flex-wrap:wrap;align-items:center;gap:.4rem .5rem;display:flex}#klima,#rooms-klima{gap:.3rem}#klima select,#rooms-klima select,#klima button,#rooms-klima button{font-size:.82rem}#klima select,#rooms-klima select{min-width:0;max-width:9rem}#klima .klima-state,#rooms-klima .klima-state{font-size:.85rem}#admin-tools{margin:0 0 .9rem}#status{color:var(--err);margin-top:1rem}.status.err{color:var(--err)}#auto-hdr{margin:1.8rem 0 .6rem;font-size:1.05rem}#audit-feed{margin-bottom:1.2rem}#dbstats{margin:1.8rem 0 1.2rem}.dbstats-head,.audit-head{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:0 0 .5rem;display:flex}.dbstats-head h3,.audit-head h3{flex:auto;margin:0;font-size:1rem}.dbstats-line{color:var(--muted);margin:0 0 1.2rem}.audit-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.audit-row,.audit-empty{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.25rem .55rem;padding:.45rem 0;display:flex}.audit-ts,.audit-result{color:var(--muted)}.audit-ts{white-space:nowrap;unicode-bidi:isolate}.audit-icon{text-align:center;width:1.5rem}.audit-actor{font-weight:700}.audit-empty{color:var(--muted)}#rf433{margin:1.8rem 0 1.2rem}.rf433-head{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:0 0 .5rem;display:flex}.rf433-head h3{flex:auto;margin:0;font-size:1rem}.rf433-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.rf433-row,.rf433-empty{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.25rem .55rem;padding:.45rem 0;display:flex}.rf433-key{font-weight:700}.rf433-count,.rf433-ts{color:var(--muted);white-space:nowrap}.rf433-fields{color:var(--fg-soft);word-break:break-word;flex-basis:100%;font-size:.9rem}.rf433-empty{color:var(--muted)}#auto-editor{margin-top:.9rem}#auto-editor>div{margin-top:.4rem}#rule-json{font:inherit;width:44rem;max-width:100%;display:block}tr.recent td{background:var(--glow);transition:background 1.5s ease-out}tr.active td{background:var(--glow-strong);transition:background 2s ease-out}td.seen.fresh{color:var(--ok)}.scene-badge{color:var(--accent);opacity:0;margin-left:.5rem;font-weight:700;transition:opacity .6s ease-out}.scene-badge.on{opacity:1;transition:none}#user-menu-wrap{display:inline-flex;position:relative}#user-menu-btn{font-size:.9rem}#user-menu{inset-inline-end:0;z-index:10;background:var(--surface);border:1px solid var(--border-strong);border-radius:.6rem;flex-direction:column;gap:.5rem;min-width:12rem;padding:.7rem;display:flex;position:absolute;top:calc(100% + .3rem);box-shadow:0 6px 20px #3c28142e}#user-menu[hidden]{display:none}#user-menu .menu-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}#user-menu .menu-row select{flex:auto;min-width:0}#user-menu .menu-logout{margin-top:.2rem}.view-switch{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.view-tab{border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);border-radius:.5rem;padding:.4rem .7rem}.view-tab.active{background:var(--accent-soft);border-color:var(--accent);font-weight:700}@media (width<=640px){.view-switch{flex-wrap:nowrap;gap:.3rem}.view-tab{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;padding:.4rem .45rem;font-size:.78rem;overflow:hidden}}.room-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.7rem;display:grid}.room-icon-edit-done{margin:0 0 .7rem}.room-icon-list{gap:.55rem;display:grid}.room-icon-row{align-items:center;gap:.65rem;display:flex}.room-icon-select{min-width:4.2rem}.room-icon-name{font-weight:700}.room-card{border:1px solid var(--border);background:var(--surface);color:var(--fg);text-align:left;border-radius:.7rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;display:flex}.room-card-icon{font-size:1.55rem;line-height:1}.room-card:hover{border-color:var(--accent)}.whole-home-card{border:1px solid var(--accent);background:var(--accent-soft);color:var(--fg);text-align:left;border-radius:.7rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;display:flex}.whole-home-card:hover{border-color:var(--accent)}.whole-home-icon{font-size:1.55rem;line-height:1}.whole-home-title,.room-card-title{font-size:1.05rem;font-weight:700}.room-card-count{color:var(--muted);font-size:.85rem}.room-title{margin:0 0 .8rem;font-size:1.1rem}.room-device{border:1px solid var(--border);background:var(--surface);border-radius:.6rem;margin:0 0 .7rem;padding:.7rem .9rem}.room-device-head{flex-wrap:wrap;justify-content:space-between;gap:.3rem .8rem;margin-bottom:.5rem;display:flex}.room-device-name{font-weight:700}.room-device-stan{color:var(--muted)}.room-device-actions{flex-wrap:wrap;gap:.4rem;display:flex}.room-placeholder{color:var(--muted);padding:1rem 0}@media (width<=640px){body{padding:max(.85rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left))}button,select,input{min-height:2.75rem}table,tbody,tbody tr{display:block}table{width:100%}thead{display:none}tbody tr{border:1px solid var(--border);background:var(--surface);border-radius:.6rem;margin:0 0 .7rem;padding:.5rem .8rem}tbody td{white-space:normal;flex-wrap:wrap;align-items:baseline;gap:.3rem .6rem;padding:.3rem 0;display:flex}tbody td:before{content:attr(data-label);color:var(--muted);flex:0 0 5.5rem;font-size:.8rem}tbody td:not([data-label]):before{content:none}tbody td:not([data-label]):empty,tbody td.actions:empty{display:none}tbody td input.name,tbody td input.room,tbody td input.ep-name{flex:8rem;min-width:0}tbody tr.subrow{border:none;border-left:2px solid var(--border-strong);border-radius:0;margin:-.4rem 0 .7rem;padding:.1rem .8rem .3rem 1rem}tr.subrow td{padding-top:.3rem;padding-bottom:.3rem}td.sub-label{padding-left:0}#rule-json{width:100%}}.status.ok{color:var(--ok)}.modal-overlay{z-index:50;background:#2f241b73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;width:100%;max-width:22rem;padding:1rem 1.1rem 1.2rem;box-shadow:0 10px 30px #2f241b40}.modal-card h3{color:var(--accent);margin:0 0 .8rem}.modal-form{flex-direction:column;gap:.6rem;display:flex}.modal-row{color:var(--fg-soft);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.modal-row input{box-sizing:border-box;width:100%}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.3rem;display:flex}.modal-cancel{background:0 0}.wholehome-card{max-width:26rem}.wholehome-desc{color:var(--fg-soft);margin:0 0 .8rem;font-size:.85rem}.wholehome-list{flex-direction:column;gap:.35rem;max-height:60vh;display:flex;overflow-y:auto}.wholehome-group{color:var(--accent);margin:.6rem 0 .1rem;font-size:.8rem}.wholehome-row{color:var(--fg);cursor:pointer;align-items:center;gap:.55rem;font-size:.92rem;display:flex}.wholehome-row input{flex:none}.wholehome-device{color:var(--fg);margin:.3rem 0 0;font-size:.92rem}.wholehome-gang{margin-left:1.5rem}.users-head{justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.users-head h3{color:var(--accent);margin:0}.users-add{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.6rem 0;display:flex}.users-add input,.users-add select{flex:8rem;min-width:0}.users-add .status{flex-basis:100%}.users-list{flex-direction:column;gap:.35rem;display:flex}.user-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.45rem .55rem;display:flex}.user-row.user-disabled{opacity:.6}.user-name{word-break:break-word;flex:7rem;font-weight:600}.user-controls{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.user-row .status{flex-basis:100%;min-height:1em}.users-empty{color:var(--muted);margin:.4rem 0}