:root{color-scheme:light;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-base: 1rem;--font-sm: .875rem;--font-xs: .75rem;--font-card: 1.125rem;--font-title: 1.25rem;--font-page: 1.5rem;--font-brand: 1.5rem;--font-hero: 1.625rem;--font-weight: 400;--font-weight-medium: 600;--font-weight-heading: 700;--line-height: 1.5;--line-height-heading: 1.4;--line-height-prose: 1.7;--text: #212529;--muted: #626b73;--bg: #f8f9fa;--surface: #fff;--soft: #f1f3f5;--border: #dee2e6;--control-border: #868e96;--hover: color-mix(in srgb, var(--text) 8%, var(--surface));--accent: #245b49;--accent-hover: #1b4538;--accent-soft: #e7f0eb;--on-accent: #fff;--danger: #b02a37;--focus: var(--accent);--backdrop: #10181499;--warning-bg: #fff3cd;--warning-text: #664d03;--shadow-color: #0000000d;--shadow-strong-color: #0000001a;--shadow: 0 4px 18px var(--shadow-color);--shadow-lg: 0 12px 36px var(--shadow-strong-color);--shadow-mic: 0 8px 28px var(--shadow-strong-color);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--focus) 18%, transparent);--selection-bg: var(--accent);--selection-text: var(--on-accent);--duration-fast: .15s;--duration-normal: .2s;--primary-header-bg: var(--accent-soft);--device-header-bg: var(--soft);--room-0: var(--soft);--room-1: var(--soft);--room-2: var(--soft);--room-3: var(--soft);--room-4: var(--soft);--room-5: var(--soft);--room-6: var(--soft);--room-7: var(--soft);--room-8: var(--soft);--room-9: var(--soft);--room-10: var(--soft);--room-11: var(--soft);--light-bg: var(--warning-bg);--light-text: var(--warning-text);--heat-bg: var(--warning-bg);--heat-text: var(--warning-text);--cover-bg: var(--soft);--cover-text: var(--muted);--fan-bg: var(--accent-soft);--fan-text: var(--accent);--other-bg: var(--accent-soft);--other-text: var(--accent);--sensor-bg: var(--accent-soft);--sensor-text: var(--accent);--login-bg: var(--bg);--login-surface: var(--surface);--login-text: var(--text);--login-muted: var(--muted);--login-border: var(--control-border);--login-primary: var(--accent);--login-on-primary: var(--on-accent);--login-field: var(--soft);--login-focus: var(--focus);--login-shadow: var(--shadow-lg);--google-blue: #4285f4;--google-green: #34a853;--google-yellow: #fbbc05;--google-red: #ea4335;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 28px;--s8: 32px;--s9: 36px;--s10: 40px;--s12: 48px;--s16: 64px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--pill: 999px;--header-height: 64px;--content-width: 1250px;--page-gutter: var(--s8);--auth-width: 420px;--form-width: 650px;--reading-width: 72ch;--control-size: 44px;--device-card-min-width: 140px;--device-card-height: 116px;--device-card-gap: var(--s3);--device-cover-height: calc(var(--device-card-height) * 2 + var(--device-card-gap));--toolbar-height: 44px;--filter-popover-width: 440px;--icon-size: 24px;--stroke: 1.4;--log-even: var(--surface);--log-odd: var(--soft);--disabled-stripe: color-mix(in srgb, var(--muted) 12%, transparent);--disabled-stripe-width: 8px;--disabled-stripe-period: 16px;--mic-size: clamp(140px, 32vw, 200px)}:root[data-theme=dark]{color-scheme:dark;--text: #dee2e6;--muted: #adb5bd;--bg: #161b19;--surface: #202724;--soft: #2c3430;--border: #3e4943;--control-border: #7d8c83;--accent: #a0d1b5;--accent-hover: #b5dec7;--accent-soft: #2b4034;--on-accent: #172a20;--danger: #ea868f;--backdrop: #000a;--warning-bg: #332701;--warning-text: #ffda6a;--shadow-color: #00000033;--shadow-strong-color: #0000004d}@media(max-width:850px){:root{--page-gutter: var(--s4)}}@media(max-width:650px){:root{--font-brand: 1.25rem}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:var(--selection-bg);color:var(--selection-text)}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;font-family:var(--font);font-size:var(--font-base);font-weight:var(--font-weight);line-height:var(--line-height);color:var(--text);background:var(--bg)}h1,h2,h3{line-height:var(--line-height-heading);font-weight:var(--font-weight-heading);overflow-wrap:anywhere}h1{font-size:var(--font-page);margin:0}h2{font-size:var(--font-title);margin:var(--s3) 0 var(--s5)}h3{font-size:var(--font-card);margin:var(--s3) 0 var(--s2)}p{color:var(--muted);line-height:var(--line-height)}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--accent-hover)}pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button{border:1px solid transparent;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);padding:var(--s2) var(--s4);min-block-size:var(--control-size);max-inline-size:100%;overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}button:hover{filter:none}button:where(:enabled:hover){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--soft);color:var(--text)}button.secondary:where(:enabled:hover){background:var(--hover)}input,select,textarea{width:100%;border:1px solid var(--control-border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:var(--s3);min-inline-size:0;min-block-size:var(--control-size);caret-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox]{inline-size:var(--s5);block-size:var(--s5);min-block-size:0;flex-shrink:0;margin:0;accent-color:var(--accent)}input[type=range]{padding-inline:0;border:0;background:transparent;accent-color:var(--accent);cursor:pointer}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:var(--focus-ring)}label{display:block;margin:var(--s3) 0;line-height:var(--line-height)}label:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--s2);min-block-size:var(--control-size);cursor:pointer}label>:is(input:not([type=checkbox]),select,textarea){display:block;margin-block-start:var(--s2)}summary{min-block-size:var(--control-size);padding-block:var(--s3);cursor:pointer;overflow-wrap:anywhere}textarea{min-height:calc(var(--control-size) * 2);resize:vertical}svg{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round}[data-type=light] .badge{background:var(--light-bg);color:var(--light-text)}[data-type=heater] .badge,[data-type=boiler] .badge{background:var(--heat-bg);color:var(--heat-text)}[data-type=cover] .badge{background:var(--cover-bg);color:var(--cover-text)}[data-type=fan] .badge{background:var(--fan-bg);color:var(--fan-text)}[data-type=sensor] .badge{background:var(--sensor-bg);color:var(--sensor-text)}#notice{position:fixed;inset-block-start:calc(var(--header-height) + var(--s4));inset-inline-start:50%;transform:translate(50%);z-index:1000;max-width:calc(100vw - var(--s8));padding:var(--s3) var(--s5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);white-space:pre-wrap;color:var(--accent);pointer-events:none}#notice:empty{display:none}#notice.error{color:var(--danger)}@media(max-width:650px){input,select,textarea{font-size:var(--font-base)}button{min-height:var(--control-size)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:650px){html{scrollbar-gutter:auto}}html{scrollbar-gutter:stable}html:has(dialog[open]){overflow:hidden}.dot{color:var(--focus)}.panel,.card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s5)}.card{position:relative}.hint,.status-note{color:var(--muted);font-size:var(--font-sm)}.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s4);margin:0 0 var(--s6)}.section-heading :is(h1,h2){margin:0}.app-content section>h1{margin:0 0 var(--s6)}.section-heading input{max-width:290px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));align-items:start;gap:var(--s4)}.badge,.room{display:inline-block;max-inline-size:100%;font-size:var(--font-xs);padding:var(--s1) var(--s2);border-radius:var(--pill);overflow-wrap:anywhere}.badge{background:var(--other-bg);color:var(--other-text)}.room{background:var(--room-color, var(--soft));color:var(--text)}.card p{font-size:var(--font-sm);margin-block:var(--s2);overflow-wrap:anywhere}.card>h2,.connection-section>h2{font-size:var(--font-card);margin-block:var(--s3) var(--s2)}.card small{display:block;color:var(--muted);font-size:var(--font-xs);overflow-wrap:anywhere;margin:var(--s3) 0}.card details{border-top:1px solid var(--border);margin-block-start:var(--s4)}.card .stop-button{color:var(--danger)}.icon-button{display:inline-grid;place-items:center;flex:0 0 var(--control-size);inline-size:var(--control-size);block-size:var(--control-size);padding:0;border-radius:50%;background:var(--soft);color:var(--text)}.icon-button:where(:enabled:hover){background:var(--hover)}.dialog-footer,.row-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}.row-actions{margin-block-start:var(--s4)}.section-heading .row-actions{margin:0}.dialog-footer{justify-content:flex-end;margin:0;padding-block:var(--s4) var(--s1);flex-shrink:0;background:var(--surface)}.dialog-body .dialog-footer{position:sticky;inset-block-end:0}.filter-toolbar{display:flex;position:relative;align-items:center;flex-wrap:wrap;gap:var(--s2);margin-block-end:var(--s4)}.filter-toolbar>input{flex:1 1 180px;min-width:0;min-height:var(--toolbar-height)}.filter-toolbar button{flex-shrink:0;min-height:var(--toolbar-height)}.filter-toolbar button[aria-expanded=true]{border-color:var(--accent)}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block:var(--s2)}.filter-pills:empty{display:none}.filter-pills button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2)}.filter-pills button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.table-scroll{max-inline-size:100%;overflow:auto;overscroll-behavior-inline:contain;border:1px solid var(--border);border-radius:var(--radius)}.terminal-table{width:100%;border-collapse:collapse;font-family:var(--font);font-size:var(--font-sm);text-align:start;font-variant-numeric:tabular-nums}.terminal-table th,.terminal-table td{padding:var(--s3);text-align:start;vertical-align:top;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.terminal-table th{background:var(--soft);color:var(--text);font-weight:var(--font-weight-medium)}.terminal-table tbody tr:nth-child(odd){background:var(--log-odd)}.terminal-table tbody tr:nth-child(2n){background:var(--log-even)}.terminal-table tbody tr:last-child td{border-block-end:0}.terminal-table .table-date{white-space:nowrap;direction:ltr;text-align:right}.terminal-table p{margin-block:0 var(--s2)}.terminal-table p:last-child{margin-block-end:0}.terminal-table .row-actions{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:0 var(--s4)}.section-tabs{display:flex;gap:var(--s1);max-inline-size:100%;overflow-x:auto;padding:var(--s1)}.section-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);flex:0 0 auto;background:transparent;color:var(--muted);white-space:nowrap}.section-tabs button:where(:enabled:hover){background:var(--hover);color:var(--text)}.section-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:var(--font-weight-medium)}.selected-control{outline:2px solid var(--accent)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s2) var(--s4);margin-block-start:var(--s2)}.footer-links a{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--control-size);color:var(--accent);font-size:var(--font-sm);line-height:var(--line-height);text-underline-offset:.2em}.footer-links a:hover{color:var(--accent-hover)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}.skip-link{position:fixed;inset-block-start:var(--s2);inset-inline-start:var(--s4);z-index:100;padding:var(--s3) var(--s4);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);transform:translateY(calc(-100% - var(--s4)))}.skip-link:focus{transform:translateY(0);color:var(--on-accent)}@media(max-width:650px){.section-tabs{justify-content:center}.section-tabs button{flex:0 0 var(--control-size);inline-size:var(--control-size);block-size:var(--control-size);padding:var(--s2)}.section-tabs button span{display:none}html{scrollbar-gutter:auto}.section-heading{align-items:stretch;flex-direction:column;gap:var(--s3);margin-block-end:var(--s5)}.section-heading input{max-width:none}.dialog-footer button{min-width:calc(var(--control-size) * 2)}.filter-toolbar>input{flex-basis:100%}.filter-toolbar>button{flex:1 1 calc(50% - var(--s2))}.footer-links{gap:0 var(--s3)}}