:root{color:#202a33;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e7ebee;flex-direction:column;padding:25px 16px;display:flex;position:relative}.brand{align-items:center;gap:11px;margin-bottom:37px;padding:0 9px;font-size:17px;font-weight:730;display:flex}.brand-icon{color:#3978e8;background:#eaf1ff;border-radius:12px;place-items:center;width:37px;height:37px;font-size:23px;display:grid}.nav-caption,.eyebrow{color:#909ba4;letter-spacing:.1em;font-size:10px;font-weight:730}.nav-caption{margin-bottom:9px;padding:0 12px}.nav-active{color:#2866d4;background:#eaf1ff;border-radius:12px;align-items:center;gap:12px;min-height:45px;padding:0 13px;font-size:14px;font-weight:650;display:flex}.nav-active span{font-size:18px}.sidebar-status{color:#35424c;border:1px solid #e7ebee;border-radius:14px;padding:13px 12px;font-size:12px}.sidebar-status small{color:#909ba4;margin:7px 0 0 16px;display:block}.sidebar-footer{gap:5px;margin-top:auto;display:grid}.sidebar-lock{color:#7a8791;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:38px;padding:0 12px;font-size:11px}.sidebar-lock span{width:22px;font-size:15px;display:inline-block}.sidebar-activity{background:#f8fafb;border:1px solid #e7ebee;border-radius:15px;margin-top:30px;padding:15px 11px 13px}.sidebar-activity-title{color:#909ba4;letter-spacing:.1em;margin:0 0 11px 2px;font-size:9px;font-weight:750}.activity-row{color:#66737d;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:35px;font-size:11px;display:grid}.activity-row strong{color:#2e3b45;text-align:right;min-width:20px;font-size:12px}.activity-icon{color:#74818b;background:#edf1f4;border-radius:7px;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.activity-icon.light{color:#bd851e;background:#fff3d5}.activity-icon.vacuum{color:#428467;background:#e8f4ee}.activity-icon.media{color:#8968b8;background:#f0eafa}.activity-empty{color:#8a959d;margin:0;font-size:11px;line-height:1.5}.auth-gate{color:#202a33;background:#f4f6f8;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-gate.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5eaf0;background:#14191e}.auth-card{background:#fff;border:1px solid #e7ebee;border-radius:22px;gap:14px;width:min(100%,390px);padding:32px;display:grid;box-shadow:0 20px 60px #17212b12}.auth-gate.dark .auth-card{background:#1d242b;border-color:#303a44}.auth-mark{color:#3978e8;background:#eaf1ff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.auth-card h1{margin:-7px 0 0;font-size:26px}.auth-card>p{color:#78848d;margin:-8px 0 4px;font-size:13px}.auth-card label,.panel-password-form label{color:#56636d;gap:7px;font-size:12px;font-weight:650;display:grid}.auth-card input,.panel-password-form input{color:#202a33;background:#fff;border:1px solid #dfe5e9;border-radius:10px;width:100%;min-height:42px;padding:0 12px}.auth-card .connect-button{min-height:43px}.mobile-room-jump{display:none}.auth-error{color:#bd4b4b;margin:0;font-size:12px}.panel-password-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.panel-password-form .connect-button{min-height:42px}.auth-remove{margin-top:12px}.security-note{color:#7b8790;max-width:760px;margin:13px 0 0;font-size:11px;line-height:1.55}.status-dot,.connection-badge i,.tiny-dot{background:#a8b1b8;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.status-dot.good,.connection-badge.good i{background:#35a47d}.status-dot.pending,.connection-badge.pending i{background:#e1a43b}main{width:min(100%,1450px);margin:0 auto;padding:30px clamp(20px,3vw,42px) 24px}.overview-main{flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.overview-main .page-header{flex:none;margin-bottom:15px}.overview-tabs{scrollbar-width:none;border-bottom:1px solid #e4e9ed;flex:none;gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.overview-tabs::-webkit-scrollbar{display:none}.overview-tab{color:#71808a;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:7px;min-width:82px;min-height:39px;padding:0 12px;font-size:12px;font-weight:620;display:flex}.overview-tab span{color:#7f8a93;background:#eef1f4;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:grid}.overview-tab.active{color:#2866d4;border-bottom-color:#3978e8}.overview-tab.active span{color:#2866d4;background:#eaf1ff}.overview-content{flex:1;min-height:0;overflow:hidden}.overview-section{scrollbar-width:thin;max-height:100%;overflow-y:auto}.overview-main .quick-stats{margin-top:0}.overview-active{margin-top:18px}.overview-active .section-header{margin-bottom:10px}.active-device-grid .device-card{min-height:112px;padding:11px}.active-device-grid .device-icon{border-radius:10px;width:33px;height:33px;font-size:16px}.active-device-grid .toggle{width:43px;height:28px}.active-device-grid .toggle span{width:22px;height:22px}.active-device-grid .device-card.is-on .toggle span{transform:translate(15px)}.active-device-grid .device-title{margin-top:8px;font-size:12px}.active-device-grid .device-subtitle{margin-top:4px;font-size:10px}.more-active{color:#82909a;margin:8px 0 0;font-size:11px}.calm-state{color:#89959e;border:1px dashed #dce3e8;border-radius:15px;align-items:center;gap:10px;min-height:84px;padding:16px;font-size:12px;display:flex}.overview-section .camera-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.overview-section .camera-frame{max-height:20vh}.overview-section .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.overview-section .people-grid{margin-top:10px}.overview-section.devices-section{margin-top:0}.overview-section.devices-section .filters{padding:8px 0}.overview-section.devices-section .device-card{min-height:112px;padding:10px}.overview-section.devices-section .device-icon{border-radius:10px;width:33px;height:33px;font-size:16px}.overview-section.devices-section .toggle{width:43px;height:28px}.overview-section.devices-section .toggle span{width:22px;height:22px}.overview-section.devices-section .device-card.is-on .toggle span{transform:translate(15px)}.overview-section.devices-section .device-title{margin-top:8px;font-size:12px}.overview-section.devices-section .device-subtitle{margin-top:4px;font-size:10px}.overview-main+footer{display:none}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;display:flex}h1{letter-spacing:-.04em;margin:7px 0 0;font-size:32px}.page-header p,.connect-heading p,.section-header p{color:#78848d;margin:5px 0 0;font-size:13px}.header-weather{color:#77838d;background:#fff;border:1px solid #e7ebee;border-radius:14px;align-items:center;gap:9px;min-height:45px;padding:0 14px;font-size:13px;display:flex}.header-weather span:first-child{font-size:17px}.header-weather strong{color:#202a33;font-size:16px}.connect-panel,.stat-card,.device-card,.empty-state{background:#fff;border:1px solid #e5e9ed;border-radius:17px}.connect-panel{padding:18px 19px 14px}.connect-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}h2{letter-spacing:-.02em;margin:0;font-size:17px}.connect-heading p{font-size:12px}.connection-badge{color:#6f7b84;white-space:nowrap;background:#f2f4f6;border-radius:99px;align-items:center;padding:7px 10px;font-size:11px;display:inline-flex}.connection-badge.good{color:#247958;background:#eaf7f1}.connection-badge.pending{color:#966619;background:#fff6e5}.connection-badge i{width:7px;height:7px;margin-right:6px}.connect-form{grid-template-columns:minmax(170px,1fr) minmax(210px,1.35fr) auto;align-items:end;gap:10px;display:grid}.connect-form label{color:#64717b;gap:6px;font-size:11px;font-weight:600;display:grid}.connect-form input,.search{color:#26333d;background:#fff;border:1px solid #e0e5e9;border-radius:11px;outline:none;min-width:0;height:42px;padding:0 12px;font-size:13px}.connect-form input:focus,.search:focus{border-color:#8bb0f4;box-shadow:0 0 0 3px #eaf1ff}.connect-button{color:#fff;cursor:pointer;white-space:nowrap;background:#3978e8;border:0;border-radius:11px;height:42px;padding:0 17px;font-size:13px;font-weight:650}.connect-button:disabled{opacity:.65;cursor:wait}.connect-button.secondary{color:#4a5964;background:#fff;border:1px solid #e0e5e9}.security-note{color:#929da5;margin-top:10px;font-size:10px}.error-message{color:#a0443c;background:#fff0ee;border-radius:10px;margin-top:10px;padding:9px 11px;font-size:12px}.quick-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:13px;display:grid}.stat-card{min-height:112px;padding:14px 16px}.stat-top{color:#77838d;justify-content:space-between;font-size:12px;display:flex}.stat-top span{font-size:16px}.stat-card strong{letter-spacing:-.035em;margin-top:10px;font-size:23px;display:block}.stat-card strong small{margin-left:4px;font-size:13px;font-weight:550}.stat-card .stat-status{font-size:19px}.stat-card p{color:#929da5;margin:4px 0 0;font-size:11px}.temperature-stat-content{justify-content:space-between;align-items:center;gap:8px;display:flex}.temperature-sparkline{color:#3978e8;flex:none;width:min(44%,145px);height:42px;overflow:visible}.temperature-sparkline-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.temperature-sparkline-area{fill:currentColor;opacity:.12}.temperature-sparkline circle{fill:currentColor}.temperature-sparkline-empty{color:#a0aab2;text-align:right;width:40%;font-size:9px;line-height:1.35}.vacuum-card{cursor:pointer}.vacuum-card:hover,.vacuum-card:focus-visible{border-color:#b9ccef;outline:none}.devices-section{margin-top:26px}.section-header{justify-content:space-between;align-items:end;gap:14px;display:flex}.section-header p{font-size:12px}.search{width:min(250px,40vw);height:38px}.filters{scrollbar-width:none;gap:7px;padding:13px 0 12px;display:flex;overflow:auto}.filters::-webkit-scrollbar{display:none}.filter{color:#6c7983;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e7eb;border-radius:99px;min-height:34px;padding:0 13px;font-size:12px}.filter.active{color:#2866d4;background:#eaf1ff;border-color:#d0e0ff;font-weight:650}.device-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.device-card{min-height:139px;padding:14px;transition:border-color .18s,background .18s}.device-card-top{justify-content:space-between;align-items:center;display:flex}.device-icon{background:#f1f4f6;border-radius:13px;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.toggle{cursor:pointer;touch-action:manipulation;background:#d8dee3;border:0;border-radius:99px;width:48px;height:31px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:25px;height:25px;transition:transform .16s;display:block;box-shadow:0 1px 3px #25313b26}.device-card.is-on .toggle span{transform:translate(17px)}.device-title{text-overflow:ellipsis;white-space:nowrap;margin-top:12px;font-size:13px;font-weight:650;overflow:hidden}.device-subtitle{color:#7c8790;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;overflow:hidden}.tiny-dot{vertical-align:1px;width:6px;height:6px;margin-right:5px}.tiny-dot.lit{background:#e5ad48}.brightness-control{color:#79858f;align-items:center;gap:7px;margin-top:10px;display:flex}.brightness-control input{accent-color:#3978e8;width:100%}.brightness-control small{text-align:right;min-width:30px;font-size:10px}.climate-target{color:#67747e;margin-top:8px;font-size:11px}.empty-state{color:#65727c;text-align:center;place-items:center;min-height:210px;padding:26px;display:grid}.empty-icon{color:#76838d;background:#f1f4f6;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:9px;font-size:22px;display:grid}.empty-state strong{color:#35424c;font-size:14px}.empty-state p{color:#89949d;max-width:380px;margin:6px 0 0;font-size:12px;line-height:1.5}footer{color:#98a2aa;margin-top:18px;font-size:10px}footer span{padding:0 4px}.toast{z-index:10;color:#fff;background:#26333d;border-radius:12px;padding:12px 15px;font-size:13px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #17212b30}@media (width>=1500px){.device-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1050px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.connect-form{grid-template-columns:1fr 1fr}.connect-button{grid-column:1/-1}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.overview-main{height:auto;min-height:calc(100dvh - 64px - env(safe-area-inset-bottom));padding:18px 20px 12px;overflow:visible}.overview-content{overflow:visible}.overview-section{max-height:none;overflow:visible}.overview-main .page-header{margin-bottom:12px}.overview-main .page-header h1{font-size:26px}.active-device-grid,.overview-section .camera-grid,.overview-section .media-grid,.overview-section.devices-section .device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-active{margin-top:12px}.overview-main .stat-card{min-height:92px;padding:11px}.overview-main .stat-card strong{margin-top:6px;font-size:19px}.overview-main .temperature-sparkline{height:32px}.app-shell{padding-bottom:calc(70px + env(safe-area-inset-bottom));display:block}.sidebar{z-index:5;height:calc(64px + env(safe-area-inset-bottom));padding:5px 10px env(safe-area-inset-bottom);border:0;border-top:1px solid #e7ebee;position:fixed;inset:auto 0 0}.brand,.nav-caption,.sidebar-status,.sidebar-activity,.sidebar-lock{display:none}.side-nav,.sidebar-footer{display:contents}.nav-active{justify-content:center;min-height:50px}main{padding:22px 20px 18px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){main{padding:18px 14px 16px}.page-header{align-items:flex-start}h1{font-size:28px}.header-weather{gap:6px;min-height:40px;padding:0 10px;font-size:11px}.connect-panel{padding:14px}.connect-form{grid-template-columns:1fr}.connect-button{grid-column:auto}.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat-card{min-height:100px;padding:11px}.stat-top{font-size:10px}.stat-card strong{font-size:18px}.temperature-sparkline{width:38%;height:36px}.stat-card .stat-status{font-size:15px}.stat-card p{font-size:9px}.section-header{flex-direction:column;align-items:flex-start}.search{width:100%}.filters{margin-right:-14px;padding-right:14px}.device-card{padding:12px}}.side-nav{flex:1;align-content:start;gap:5px;min-height:0;display:grid;overflow-y:auto}.room-nav{gap:5px;display:grid}.room-nav-caption{margin:14px 0 4px}.room-nav-item{overflow:hidden}.room-nav-item .nav-icon{flex:none}.room-nav-item{white-space:nowrap;text-overflow:ellipsis}.nav-item{color:#67747f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;font-size:13px;display:flex}.nav-item .nav-icon{text-align:center;width:22px;font-size:18px}.nav-item.active{color:#2866d4;background:#eaf1ff;font-weight:650}.remember-token{cursor:pointer;border-top:1px solid #eef0f2;align-items:flex-start;gap:10px;margin-top:13px;padding-top:12px;display:flex}.remember-token input,.setting-row input,.show-home input{accent-color:#3978e8;flex:none;width:18px;height:18px;margin:1px 0 0}.remember-token span{gap:3px;display:grid}.remember-token strong{color:#44525c;font-size:11px;font-weight:650}.remember-token small{color:#909ba4;font-size:10px;line-height:1.45}.connected-strip{color:#31765d;background:#f3fbf7;border:1px solid #d9eee5;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:0 13px;font-size:12px;display:flex}.connected-strip i{background:#35a47d;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.connected-strip button,.text-button{color:#2866d4;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:650}.rooms-page{gap:14px;display:grid}.room-panel,.settings-block{background:#fff;border:1px solid #e5e9ed;border-radius:17px;padding:18px}.room-panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.room-panel-head span{color:#8b969e;font-size:11px}.room-empty{color:#8b969e;margin:2px 0;font-size:12px}.settings-page{gap:13px;display:grid}.settings-block{padding:18px}.settings-block>.connect-panel{border:0;border-radius:0;padding:0}.settings-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.settings-title p{color:#87929b;margin:5px 0 0;font-size:11px;line-height:1.5}.setting-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;display:grid}.setting-row{cursor:pointer;border:1px solid #edf0f2;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;min-height:69px;padding:11px 12px;display:flex}.setting-row span{gap:4px;display:grid}.setting-row strong{color:#394750;font-size:11px}.setting-row small{color:#909ba4;font-size:10px;line-height:1.35}.entity-settings-head{color:#394750;justify-content:space-between;margin:21px 0 8px;font-size:12px;display:flex}.entity-settings-head span{color:#8b969e;font-size:10px}.entity-settings-list{display:grid}.entity-setting{border-top:1px solid #eff1f3;grid-template-columns:minmax(170px,1.4fr) auto minmax(130px,1fr) minmax(120px,.8fr);align-items:center;gap:9px;padding:9px 0;display:grid}.entity-setting-info{align-items:center;gap:9px;min-width:0;display:flex}.entity-setting-info>div{gap:3px;min-width:0;display:grid}.entity-setting-info strong{color:#37444e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:620;overflow:hidden}.entity-setting-info small{color:#929da5;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.small-icon{border-radius:10px;flex:none;width:33px;height:33px;font-size:16px}.show-home{color:#66747e;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.show-home input{width:15px;height:15px}.alias-input,.room-select,.add-room-form input,.managed-room input{color:#394750;background:#fff;border:1px solid #e2e7eb;border-radius:9px;outline:none;min-width:0;height:35px;padding:0 9px;font-size:11px}.alias-input:focus,.room-select:focus,.add-room-form input:focus,.managed-room input:focus{border-color:#8bb0f4}.room-select{cursor:pointer}.weather-source-setting{border:1px solid #edf0f2;border-radius:13px;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);align-items:center;gap:12px;margin-top:12px;padding:12px;display:grid}.weather-source-setting>span{gap:4px;display:grid}.weather-source-setting strong{color:#394750;font-size:11px}.weather-source-setting small{color:#909ba4;font-size:10px}.weather-source-setting .room-select{grid-column:auto}.settings-empty{color:#929da5;text-align:center;padding:17px 10px;font-size:11px}.add-room-form{gap:8px;max-width:470px;display:flex}.add-room-form input{flex:1;height:39px;font-size:12px}.add-room-form .connect-button{height:39px}.managed-rooms{margin-top:10px;display:grid}.managed-room{color:#67747f;border-top:1px solid #eff1f3;align-items:center;gap:9px;min-height:48px;display:flex}.managed-room>span{font-size:18px}.managed-room input{border-color:#0000;flex:1;max-width:320px;font-weight:620}.managed-room input:hover{border-color:#e2e7eb}.remove-room{color:#a05e57;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:10px}.remove-room:hover{background:#fff1ef}.reset-row{color:#929da5;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.reset-row button{color:#a05e57;cursor:pointer;background:0 0;border:0;font-size:10px}.empty-state .text-button{margin-top:12px}@media (width<=1050px){.entity-setting{grid-template-columns:minmax(140px,1fr) auto minmax(125px,1fr)}.room-select{grid-column:2/-1}}@media (width<=760px){.side-nav{justify-content:flex-start;align-items:center;gap:4px;margin:0;display:flex;overflow:auto hidden}.room-nav{display:contents}.room-nav-caption{display:none}.nav-item{flex-direction:column;justify-content:center;gap:2px;min-width:70px;min-height:53px;padding:4px 8px;font-size:10px}.room-nav-item{max-width:120px}.nav-item .nav-icon{font-size:19px}}@media (width<=560px){.setting-options,.weather-source-setting,.person-details-grid{grid-template-columns:1fr}.setting-row{min-height:57px}.entity-setting{grid-template-columns:1fr auto;gap:7px;padding:11px 0}.entity-setting-info{grid-column:1}.show-home{grid-area:1/2}.alias-input{grid-column:1}.room-select{grid-column:2}.settings-block{padding:14px}.settings-title{align-items:flex-start}.add-room-form{flex-direction:column}.add-room-form .connect-button{width:100%}.connected-strip{flex-direction:column;align-items:flex-start;padding:10px 12px}.reset-row{flex-direction:column;align-items:flex-start}.panel-password-form{grid-template-columns:1fr}}@media (width<=760px){body{min-width:320px}.app-shell{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.sidebar{height:calc(62px + env(safe-area-inset-bottom));padding:4px 12px env(safe-area-inset-bottom);background:#fff;flex-direction:row;align-items:center}.side-nav{flex:1;justify-content:space-around;align-items:stretch;gap:5px;display:flex;overflow:visible}.side-nav>.nav-item,.sidebar-footer>.nav-item{border-radius:12px;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;min-height:52px;padding:4px 3px;font-size:10px}.side-nav .room-nav{display:none}.side-nav .mobile-room-jump{display:flex}.sidebar-footer{display:contents}.sidebar-lock{display:none}.overview-main{padding:18px 18px 12px}main{padding:20px 18px 16px}.overview-tabs{z-index:3;background:#f4f6f8;padding-top:2px;position:sticky;top:0}.overview-content{min-height:0}.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.overview-main .stat-card{min-width:0;min-height:124px;padding:12px}.overview-main .stat-top{align-items:flex-start;gap:5px;font-size:11px;line-height:1.25}.overview-main .stat-top span{flex:none}.overview-main .temperature-stat-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;min-height:77px}.overview-main .temperature-stat-content>div{z-index:1;position:relative}.overview-main .temperature-stat-content p{max-width:100%;font-size:9px}.overview-main .temperature-sparkline{width:calc(100% + 12px);height:31px;bottom:1px;left:-6px;right:-6px}.weather-stat-card .weather-summary-main{min-height:46px}.weather-summary-reading>strong{font-size:27px}.weather-summary-icon{width:36px;height:36px;font-size:22px}.weather-history-mini{flex-basis:24px;height:24px;min-height:24px}.weather-history-mini .history-chart{height:24px}.overview-main .energy-history-placeholder{height:25px;margin-top:2px}.overview-active{margin-top:17px}.active-device-grid,.overview-section .camera-grid,.overview-section .media-grid,.overview-section.devices-section .device-grid,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-device-grid .device-card{min-height:105px}}@media (width<=430px){.overview-main,main{padding-left:13px;padding-right:13px}.overview-main .page-header h1{font-size:24px}.overview-main .page-header p{font-size:11px}.header-weather{min-height:36px;padding:0 8px}.quick-stats{gap:7px}.overview-main .stat-card{border-radius:14px;min-height:118px;padding:10px}.overview-main .stat-top{font-size:10px}.overview-main .stat-card strong{font-size:18px}.overview-main .stat-card p{font-size:9px;line-height:1.3}.active-device-grid .device-card{padding:9px}.active-device-grid .device-title{font-size:10px}.active-device-grid .device-subtitle{font-size:9px}.nav-item .nav-icon{font-size:18px}}.app-shell{color:#202a33;background:#f4f6f8;transition:background-color .25s,color .25s}.theme-choice{color:#65727c;justify-content:space-between;align-items:center;gap:16px;max-width:450px;font-size:12px;display:flex}.theme-select{color:#34414b;min-width:210px;height:39px;font:inherit;background:#fff;border:1px solid #e0e5e9;border-radius:10px;padding:0 11px;font-size:12px}.app-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5eaf0;background:#14191e}[data-theme=dark] .sidebar{background:#1a2026;border-color:#303840}[data-theme=dark] .brand-icon,[data-theme=dark] .nav-item.active{color:#9fc0ff;background:#243754}[data-theme=dark] .nav-item{color:#aab4bd}[data-theme=dark] .nav-item.active{color:#a9c7ff}[data-theme=dark] .overview-tabs{border-color:#303840}[data-theme=dark] .overview-tab{color:#aab4bd}[data-theme=dark] .overview-tab.active{color:#a9c7ff;border-bottom-color:#78a5f4}[data-theme=dark] .overview-tab span{color:#bdc7cf;background:#303a43}[data-theme=dark] .overview-tab.active span{color:#c5d8ff;background:#314b6c}[data-theme=dark] .calm-state{color:#9aa6b0;background:#1a2127;border-color:#303840}[data-theme=dark] .nav-caption,[data-theme=dark] .eyebrow{color:#87939d}[data-theme=dark] .sidebar-status,[data-theme=dark] .sidebar-activity,[data-theme=dark] .person-dialog,[data-theme=dark] .weather-source-setting,[data-theme=dark] .connect-panel,[data-theme=dark] .stat-card,[data-theme=dark] .device-card,[data-theme=dark] .empty-state,[data-theme=dark] .room-panel,[data-theme=dark] .settings-block,[data-theme=dark] .header-weather{color:#e5eaf0;background:#1d242b;border-color:#303a44}[data-theme=dark] .weather-summary-reading>strong,[data-theme=dark] .weather-summary-reading>div span,[data-theme=dark] .person-detail strong,[data-theme=dark] .person-tracker strong,[data-theme=dark] .linked-device strong,[data-theme=dark] .weather-source-setting strong{color:#e1e7ec}[data-theme=dark] .weather-summary-facts span{color:#bdc7cf;background:#252d34}[data-theme=dark] .linked-device{border-color:#303840}[data-theme=dark] .linked-entity-list span{color:#bdc7cf;background:#303a43}[data-theme=dark] .person-detail{background:#252d34}[data-theme=dark] .person-close{color:#e5eaf0;background:#252d34;border-color:#3b4650}[data-theme=dark] .person-card-arrow,[data-theme=dark] .weather-source-setting small,[data-theme=dark] .page-header p,[data-theme=dark] .connect-heading p,[data-theme=dark] .section-header p,[data-theme=dark] .activity-empty,[data-theme=dark] .sidebar-activity-title,[data-theme=dark] .activity-row{color:#9aa6b0}[data-theme=dark] .activity-row strong{color:#e0e6eb}[data-theme=dark] .activity-icon{color:#a0acb6;background:#2a323a}[data-theme=dark] .activity-icon.light{color:#e3b554;background:#403722}[data-theme=dark] .activity-icon.vacuum{color:#7ec5a4;background:#253a32}[data-theme=dark] .activity-icon.media{color:#b6a0dc;background:#342b42}[data-theme=dark] .stat-card p,[data-theme=dark] .device-subtitle,[data-theme=dark] .room-empty,[data-theme=dark] .settings-title p,[data-theme=dark] .settings-empty,[data-theme=dark] .room-panel-head span,[data-theme=dark] .entity-settings-head span,[data-theme=dark] .remember-token small,[data-theme=dark] .security-note,[data-theme=dark] .header-weather{color:#a0acb6}[data-theme=dark] .header-weather strong,[data-theme=dark] .stat-card strong,[data-theme=dark] .device-title,[data-theme=dark] .room-panel h2,[data-theme=dark] .settings-title h2,[data-theme=dark] .connect-heading h2,[data-theme=dark] .entity-settings-info strong,[data-theme=dark] .remember-token strong{color:#e5eaf0}[data-theme=dark] .connected-strip{color:#a1ddc4;background:#1d302a;border-color:#315747}[data-theme=dark] .connect-form input,[data-theme=dark] .search,[data-theme=dark] .alias-input,[data-theme=dark] .room-select,[data-theme=dark] .managed-room input,[data-theme=dark] .add-room-form input,[data-theme=dark] .theme-select{color:#e5eaf0;background:#171d22;border-color:#3a454f}[data-theme=dark] .connect-form label,[data-theme=dark] .theme-choice{color:#aeb8c1}[data-theme=dark] .connection-badge{color:#bac4cc;background:#2a333b}[data-theme=dark] .connection-badge.good{color:#a1ddc4;background:#203b31}[data-theme=dark] .connection-badge.pending{color:#e7c47e;background:#40351f}[data-theme=dark] .filter{color:#b4bec6;background:#1d242b;border-color:#303a44}[data-theme=dark] .filter.active{color:#a9c7ff;background:#243754;border-color:#385477}[data-theme=dark] .device-icon,[data-theme=dark] .empty-icon{background:#2a323a}[data-theme=dark] .setting-row{background:#1a2127;border-color:#303a44}[data-theme=dark] .setting-row strong,[data-theme=dark] .entity-settings-head,[data-theme=dark] .managed-room{color:#d2d9df}[data-theme=dark] .entity-setting,[data-theme=dark] .managed-room{border-color:#303840}[data-theme=dark] .entity-setting-info small{color:#929eaa}[data-theme=dark] .connect-button.secondary{color:#dce3e9;background:#252d34;border-color:#3a454f}[data-theme=dark] .room-select option{background:#171d22}[data-theme=dark] footer,[data-theme=dark] .reset-row{color:#87939d}[data-theme=dark] .reset-row button,[data-theme=dark] .remove-room{color:#e49a91}[data-theme=dark] .remove-room:hover{background:#3a2827}[data-theme=dark] .remember-token{border-color:#303840}[data-theme=dark] .tiny-dot.lit{background:#f3c36d}@media (width<=560px){.theme-choice{flex-direction:column;align-items:stretch;gap:8px}.theme-select{width:100%}}.people-section,.cameras-section{margin-top:24px}.people-grid{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.person-card{background:#fff;border:1px solid #e5e9ed;border-radius:15px;align-items:center;gap:10px;min-width:190px;padding:11px 13px;display:flex}.person-card-button{font:inherit;text-align:left;cursor:pointer;border:1px solid #e5e9ed;transition:border-color .18s,transform .18s;position:relative}.person-card-arrow{color:#98a4ad;margin-left:auto;font-size:24px}.weather-stat-card .stat-top{align-items:center}.weather-summary{gap:10px;margin-top:11px;display:grid}.weather-summary-reading{justify-content:space-between;align-items:end;gap:8px;min-width:0;display:flex}.weather-summary-reading>strong{color:#263641;letter-spacing:-.055em;white-space:nowrap;align-items:flex-start;margin:0;font-size:29px;font-weight:650;line-height:1;display:flex}.weather-summary-reading>strong small{margin:1px 0 0 1px;font-size:15px;font-weight:550}.weather-summary-reading>div{text-align:right;gap:4px;min-width:0;display:grid}.weather-summary-reading>div span{color:#62727d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.weather-summary-reading>div small{color:#95a0a8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.weather-summary-facts{flex-wrap:wrap;gap:5px;display:flex}.weather-summary-facts span{color:#78858e;white-space:nowrap;background:#f1f4f6;border-radius:8px;padding:5px 7px;font-size:8px}.weather-empty-link{color:#3978e8;cursor:pointer;background:0 0;border:1px dashed #dbe2e7;border-radius:10px;width:100%;margin-top:11px;padding:9px;font-size:10px}.person-avatar{color:#586775;background:#e9edf2;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.person-avatar.at-home{color:#2e8b6d;background:#e4f4ed}.person-info{gap:5px;display:grid}.person-info strong{color:#34414b;font-size:12px}.person-info span{color:#84919b;font-size:10px}.person-info i{background:#a6afb6;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.person-info i.present{background:#39a47f}.camera-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:12px;display:grid}.camera-card{background:#fff;border:1px solid #e5e9ed;border-radius:17px;overflow:hidden}.camera-preview-button{cursor:pointer;background:#151b20;border:0;width:100%;padding:0;display:block;position:relative}.camera-frame{aspect-ratio:16/9;background:#151b20;place-items:center;width:100%;display:grid;overflow:hidden}.camera-frame img{object-fit:cover;width:100%;height:100%;display:block}.camera-placeholder{color:#a9b3bc;place-items:center;gap:7px;font-size:26px;display:grid}.camera-placeholder small{font-size:10px}.camera-expand{color:#fff;background:#151b20bb;border-radius:9px;place-items:center;width:30px;height:30px;font-size:17px;display:grid;position:absolute;bottom:9px;right:9px}.camera-name{color:#34414b;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:0 12px;font-size:12px;font-weight:650;display:flex}.camera-name span{color:#3978e8;font-size:10px;font-weight:600}.camera-modal{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10161dcc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.person-modal{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10161dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.person-dialog{color:#27343e;background:#fff;border:1px solid #dce3e8;border-radius:22px;width:min(100%,570px);max-height:calc(100vh - 36px);padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0005}.person-close{color:#67747e;cursor:pointer;background:#f7f8fa;border:1px solid #e0e5e9;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:13px;right:13px}.person-dialog-heading{align-items:center;gap:13px;padding-right:35px;display:flex}.person-dialog-heading .person-avatar{width:54px;height:54px;font-size:15px}.person-dialog-heading>div:last-child{gap:4px;display:grid}.person-dialog-heading p{color:#8c98a1;letter-spacing:.1em;margin:0;font-size:9px;font-weight:700}.person-dialog-heading h2{font-size:20px}.person-state-pill{color:#77838d;background:#f0f2f4;border-radius:99px;width:fit-content;padding:4px 8px;font-size:10px}.person-state-pill.home{color:#2e8b6d;background:#e4f4ed}.person-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.person-detail{background:#f5f7f9;border-radius:11px;gap:5px;min-width:0;padding:10px 12px;display:grid}.person-detail span{color:#87929b;font-size:9px}.person-detail strong{overflow-wrap:anywhere;color:#4a5862;font-size:10px;font-weight:620}.person-detail-section{margin-top:18px}.person-detail-section h3{color:#45535d;margin:0 0 9px;font-size:12px}.person-detail-empty{color:#89959e;font-size:10px;line-height:1.5}.person-map-preview{background-color:#eaf1eb;background-image:linear-gradient(35deg,#0000 48%,#fff 49% 53%,#0000 54%),linear-gradient(125deg,#0000 42%,#fff 43% 47%,#0000 48%),linear-gradient(90deg,#dce8de 1px,#0000 1px),linear-gradient(#dce8de 1px,#0000 1px);background-size:auto,auto,32px 32px,32px 32px;border:1px solid #dfe8e1;border-radius:14px;place-items:center;min-height:158px;display:grid;position:relative;overflow:hidden}.map-street{background:#d8e1d9;border:2px solid #fff;width:120%;height:9px;position:absolute;transform:rotate(-19deg)}.map-street-one{top:27%;left:-10%}.map-street-two{top:70%;left:-8%;transform:rotate(15deg)}.map-street-three{width:70%;top:47%;left:27%;transform:rotate(74deg)}.map-location-dot{z-index:1;color:#fff;background:#3978e8;border:3px solid #fff;border-radius:50% 50% 50% 4px;place-items:center;width:34px;height:34px;font-size:18px;display:grid;transform:rotate(-45deg);box-shadow:0 2px 8px #24394b55}.map-coordinate{color:#53616b;background:#ffffffdf;border-radius:7px;padding:5px 7px;font-size:9px;position:absolute;bottom:10px;left:10px}.person-map-preview a{color:#2866d4;background:#fff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:650;text-decoration:none;position:absolute;bottom:10px;right:10px}.person-tracker-list{gap:7px;display:grid}.person-tracker{border:1px solid #e8ecef;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:9px 10px;display:flex}.tracker-icon{color:#3978e8;background:#eaf1ff;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;display:grid}.person-tracker>div{flex:1;gap:3px;min-width:0;display:grid}.person-tracker strong,.linked-device strong{color:#46545e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.person-tracker small,.linked-device small{color:#8b969e;font-size:9px}.person-tracker b{color:#6c7983;font-size:10px}.linked-device{border:1px solid #e8ecef;border-radius:11px;gap:7px;margin-top:8px;padding:10px;display:grid}.linked-device>div:first-child{gap:3px;display:grid}.linked-entity-list{flex-wrap:wrap;gap:5px;display:flex}.linked-entity-list span{color:#77838d;background:#f1f4f6;border-radius:6px;padding:4px 6px;font-size:8px}.camera-dialog{color:#e5eaf0;background:#1d242b;border:1px solid #3b4650;border-radius:18px;width:min(100%,1080px);overflow:hidden;box-shadow:0 24px 80px #0007}.camera-dialog-header{justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.camera-dialog-header h2{font-size:15px}.camera-dialog-header p{color:#98a4ad;margin:4px 0 0;font-size:10px}.camera-dialog-header button{color:#e5eaf0;cursor:pointer;background:#252d34;border:1px solid #3b4650;border-radius:10px;place-items:center;width:34px;height:34px;font-size:23px;display:grid}.camera-frame.large{height:min(70vh,720px)}.settings-tabs{border-bottom:1px solid #edf0f2;gap:6px;margin:13px 0 5px;padding-bottom:8px;display:flex}.settings-entity-search{color:#77848d;gap:6px;margin-top:16px;font-size:10px;font-weight:650;display:grid}.settings-entity-search input{color:#27343e;background:#fff;border:1px solid #dfe5e9;border-radius:10px;outline:none;width:100%;min-height:40px;padding:0 12px;font-size:12px}.settings-entity-search input:focus{border-color:#8eafea;box-shadow:0 0 0 3px #3978e815}.settings-tab{color:#75818b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;min-height:33px;padding:0 11px;font-size:11px;display:flex}.settings-tab span{color:#77838d;background:#eef1f4;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:9px;display:grid}.settings-tab.active{color:#2866d4;background:#eaf1ff;font-weight:650}.settings-tab.active span{color:#2866d4;background:#dbe7ff}.unavailable-list{display:grid}.unavailable-row{border-bottom:1px solid #eff1f3;align-items:center;gap:10px;min-height:51px;padding:7px 2px;display:flex}.unavailable-icon{color:#8c969e;background:#f1f3f5;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.unavailable-row>div{flex:1;gap:3px;min-width:0;display:grid}.unavailable-row strong{color:#56636d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.unavailable-row small{color:#9ba4ab;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.unavailable-state{color:#818d96;background:#f2f3f4;border-radius:99px;padding:5px 8px;font-size:9px}[data-theme=dark] .person-card,[data-theme=dark] .camera-card{background:#1d242b;border-color:#303a44}[data-theme=dark] .person-avatar{color:#c3cdd5;background:#303a43}[data-theme=dark] .person-avatar.at-home{color:#a1ddc4;background:#203b31}[data-theme=dark] .person-info strong,[data-theme=dark] .camera-name{color:#e1e7ec}[data-theme=dark] .camera-name span{color:#a9c7ff}[data-theme=dark] .settings-tabs{border-color:#303840}[data-theme=dark] .settings-entity-search{color:#98a5af}[data-theme=dark] .settings-entity-search input{color:#e1e7ec;background:#202830;border-color:#3b4650}[data-theme=dark] .settings-tab{color:#aab4bd}[data-theme=dark] .settings-tab.active{color:#a9c7ff;background:#243754}[data-theme=dark] .settings-tab span{color:#bdc7cf;background:#303a43}[data-theme=dark] .settings-tab.active span{color:#c5d8ff;background:#314b6c}[data-theme=dark] .unavailable-row{border-color:#303840}[data-theme=dark] .unavailable-icon,[data-theme=dark] .unavailable-state{color:#a0acb6;background:#2a323a}[data-theme=dark] .unavailable-row strong{color:#c6cfd6}.media-section{margin-top:24px}.media-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:11px;margin-top:12px;display:grid}.media-tile{color:#202a33;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e9ed;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:11px;transition:border-color .18s,transform .18s;display:flex}.media-tile:hover{border-color:#b9ccef;transform:translateY(-1px)}.media-artwork{color:#6c7c90;background:linear-gradient(145deg,#dce6f4,#f2e8da);border-radius:12px;flex:none;place-items:center;width:70px;height:70px;font-size:25px;display:grid;overflow:hidden}.media-artwork img{object-fit:cover;width:100%;height:100%;display:block}.media-tile-info{flex:1;gap:4px;min-width:0;display:grid}.media-tile-info strong{color:#87929b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.media-tile-info b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.media-tile-info small{color:#74818b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.media-tile-play{color:#3c6fb8;background:#edf2f8;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.media-progress{gap:4px;width:100%;margin-top:3px;display:grid}.media-progress-track{background:#e6eaee;border-radius:99px;height:3px;overflow:hidden}.media-progress-track i{border-radius:inherit;background:#5688d8;height:100%;display:block}.media-progress-time{color:#929da5;justify-content:space-between;font-size:9px;display:flex}.media-dialog{color:#e5eaf0;background:#1d242b;border:1px solid #3b4650;border-radius:22px;grid-template-columns:minmax(0,1fr);justify-items:center;width:min(100%,420px);min-width:0;max-height:calc(100vh - 32px);padding:22px 26px 20px;display:grid;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0007}.media-artwork-large{aspect-ratio:1;border-radius:17px;width:min(100%,260px,34vh);height:auto;margin:6px auto 17px;font-size:60px;box-shadow:0 18px 40px #0005}.media-dialog-close{color:#e5eaf0;cursor:pointer;background:#252d34;border:1px solid #3b4650;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:12px;right:12px}.media-dialog-info{text-align:center;width:100%;min-width:0}.media-dialog-info>span{color:#9da9b3;font-size:11px}.media-dialog-info h2{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:20px;overflow:hidden}.media-dialog-info p{color:#a7b1ba;margin:5px 0 0;font-size:13px}.media-progress.large{min-width:0;margin-top:16px}.media-progress.large .media-progress-track{background:#3c454e;height:5px}.media-progress.large .media-progress-time{color:#a0abb5;font-size:10px}.media-controls{justify-content:center;align-items:center;gap:22px;min-width:0;margin:13px 0 17px;display:flex}.media-controls button{color:#d7e0e8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.media-controls button:disabled{opacity:.35;cursor:default}.media-controls .media-play-button{color:#1d242b;background:#e7edf5;width:58px;height:58px;font-size:22px}.media-volume{color:#a7b1ba;align-items:center;gap:10px;width:100%;min-width:0;font-size:11px;display:flex}.media-volume input{accent-color:#88aeea;flex:1;min-width:0}.media-volume small{text-align:right;width:34px}.playback-icon{color:currentColor;justify-content:center;align-items:center;display:inline-flex}.playback-icon.pause{gap:3px;width:14px;height:16px}.playback-icon.pause i{background:currentColor;border-radius:1px;width:4px;height:14px;display:block}.playback-icon.play{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0;margin-left:4px}[data-theme=dark] .media-tile{color:#e1e7ec;background:#1d242b;border-color:#303a44}[data-theme=dark] .media-tile-play{color:#a9c7ff;background:#2a3542}[data-theme=dark] .media-artwork{color:#c1cbd4;background:linear-gradient(145deg,#344356,#463b35)}[data-theme=dark] .media-progress-track{background:#343d46}@media (width<=560px){.media-grid{grid-template-columns:1fr}.media-dialog{padding:22px 18px}.media-artwork-large{width:min(100%,260px)}.camera-modal{padding:12px}.camera-frame.large{height:62vh}}.vacuum-modal{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10161dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.vacuum-dialog{color:#27343e;background:#fff;border:1px solid #dce3e8;border-radius:24px;width:min(100%,440px);max-height:calc(100vh - 36px);padding:26px;animation:.2s cubic-bezier(.2,.8,.2,1) both modal-dialog-enter;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0005}.vacuum-close{color:#67747e;cursor:pointer;background:#f7f8fa;border:1px solid #e0e5e9;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:13px;right:13px}.vacuum-hero{align-items:center;gap:15px;min-height:90px;padding-right:28px;display:flex}.vacuum-big-icon{background:#eaf3ed;border-radius:20px;flex:none;place-items:center;width:66px;height:66px;font-size:32px;display:grid}.vacuum-state-dot{background:#83909b;border:2px solid #fff;border-radius:50%;width:9px;height:9px;margin-top:48px;margin-left:-24px}.vacuum-state-dot.active{background:#40c596;box-shadow:0 0 0 4px #40c59622}.vacuum-hero p{color:#87939d;letter-spacing:.11em;margin:0 0 4px;font-size:9px;font-weight:700}.vacuum-hero h2{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:19px;overflow:hidden}.vacuum-hero strong{color:#6f7c86;margin-top:5px;font-size:11px;font-weight:550;display:block}.vacuum-map{color:#77848d;background-color:#f6f8f8;background-image:linear-gradient(#dce4e455 1px,#0000 1px),linear-gradient(90deg,#dce4e455 1px,#0000 1px);background-size:24px 24px;border:1px solid #e2e8eb;border-radius:15px;place-items:center;width:100%;height:230px;margin:12px 0 16px;font-size:11px;display:grid;overflow:hidden}.vacuum-map img{object-fit:contain;width:100%;height:100%;display:block}.vacuum-map.empty{height:105px}.vacuum-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0;display:grid}.vacuum-facts>div{background:#f7f9fa;border:1px solid #e3e9ec;border-radius:13px;gap:6px;min-width:0;padding:11px 12px;display:grid}.vacuum-facts span{color:#7c8992;font-size:10px}.vacuum-facts strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.vacuum-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.vacuum-action{color:#53616b;cursor:pointer;background:#f7f9fa;border:1px solid #e0e6e9;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:47px;padding:9px 12px;font-size:12px;font-weight:620;transition:background .15s,border-color .15s;display:flex}.vacuum-action:hover{background:#2b3540;border-color:#536679}.vacuum-action span{color:#3978e8;font-size:15px}.vacuum-action.primary{color:#fff;background:#3978e8;border-color:#5688d8;grid-column:1/-1;min-height:51px}.vacuum-action.primary span{color:#fff}.vacuum-presets{margin-top:19px}.vacuum-presets h3{color:#64717b;margin:0 0 9px;font-size:10px;font-weight:650}.vacuum-presets>p{color:#83909b;margin:0;font-size:10px;line-height:1.45}.vacuum-preset-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.vacuum-preset{color:#53616b;text-align:left;cursor:pointer;background:#f7f9fa;border:1px solid #e2e8eb;border-radius:11px;align-items:center;gap:8px;min-width:0;min-height:41px;padding:8px 10px;font-size:10px;line-height:1.3;display:flex}.vacuum-preset:hover{background:#2b3540;border-color:#536679}.vacuum-preset span{color:#3978e8;font-size:14px}.vacuum-fan-speed{color:#64717b;gap:8px;margin-top:17px;font-size:11px;display:grid}.vacuum-fan-speed select{color:#27343e;background:#fff;border:1px solid #dfe5e9;border-radius:11px;height:40px;padding:0 11px}.vacuum-error{color:#bd4b4b;margin:12px 0 0;font-size:11px}[data-theme=dark] .vacuum-dialog{color:#e5eaf0;background:#1d242b;border-color:#3b4650;box-shadow:0 24px 80px #0007}[data-theme=dark] .vacuum-close,[data-theme=dark] .vacuum-action:not(.primary),[data-theme=dark] .vacuum-preset{color:#dce3e9;background:#252d34;border-color:#3b4650}[data-theme=dark] .vacuum-close{color:#e5eaf0}[data-theme=dark] .vacuum-big-icon{background:#303a43}[data-theme=dark] .vacuum-state-dot{border-color:#1d242b}[data-theme=dark] .vacuum-hero p,[data-theme=dark] .vacuum-facts span,[data-theme=dark] .vacuum-presets h3,[data-theme=dark] .vacuum-fan-speed{color:#a7b1ba}[data-theme=dark] .vacuum-hero strong{color:#9da9b3}[data-theme=dark] .vacuum-map{color:#96a3ae;background-color:#202830;background-image:linear-gradient(#39444e55 1px,#0000 1px),linear-gradient(90deg,#39444e55 1px,#0000 1px);border-color:#323c45}[data-theme=dark] .vacuum-facts>div{background:#252d34;border-color:#323c45}[data-theme=dark] .vacuum-action span,[data-theme=dark] .vacuum-preset span{color:#a9c7ff}[data-theme=dark] .vacuum-action.primary,[data-theme=dark] .vacuum-action.primary span{color:#fff}[data-theme=dark] .vacuum-fan-speed select{color:#e5eaf0;background:#252d34;border-color:#3b4650}[data-theme=dark] .vacuum-error{color:#f19b91}.device-card-clickable{cursor:pointer}.device-card-clickable:focus-visible{outline-offset:3px;outline:3px solid #83aaf0}.device-card{border-radius:19px;box-shadow:0 3px 12px #27374608}.device-card:hover{border-color:#d9e3ef;transform:translateY(-1px);box-shadow:0 8px 22px #27374610}.device-card.is-on{background:linear-gradient(145deg,#fff 20%,#f4faf6);border-color:#dce7e1}.device-card.is-on .device-icon{background:#e8f3eb}.device-card.is-on .toggle{background:#6baf8b}.device-title{letter-spacing:-.015em}.device-subtitle{align-items:center;display:flex}.tiny-dot{background:#bdc5cb;border-radius:50%;flex:none;display:inline-block}.tiny-dot.lit{background:#69aa86;box-shadow:0 0 0 3px #69aa861c}.device-dialog-icon{color:#558a6f;background:#eaf3ed}.light-settings .device-range>span{color:#77838d;flex:none;width:56px;font-size:10px}.color-temperature-range input{background:linear-gradient(90deg,#f5a24a,#fff1c2,#d5e7ff);border-radius:99px}.temperature-presets{gap:6px;display:flex}.temperature-presets button{color:#69766f;cursor:pointer;background:#fbfcfb;border:1px solid #e6eae8;border-radius:9px;flex:1;min-height:34px;padding:0 5px;font-size:9px}.temperature-presets button:hover:not(:disabled){background:#f0f7f2;border-color:#b7d4c3}.temperature-presets button:disabled,.color-presets button:disabled{opacity:.45;cursor:default}.color-presets{align-items:center;gap:9px;padding-top:2px;display:flex}.color-presets>span{color:#77838d;margin-right:auto;font-size:10px}.color-presets button{background:var(--preset-color);cursor:pointer;border:3px solid #fff;border-radius:50%;width:25px;height:25px;padding:0;box-shadow:0 0 0 1px #dfe5e2}.color-presets button:hover:not(:disabled){transform:scale(1.12)}[data-theme=dark] .device-card.is-on{background:linear-gradient(145deg,#202936,#202d28);border-color:#34483c}[data-theme=dark] .device-card.is-on .device-icon{background:#314438}[data-theme=dark] .temperature-presets button{color:#c2d0c7;background:#252d2a;border-color:#39443e}[data-theme=dark] .color-presets button{border-color:#242b30;box-shadow:0 0 0 1px #4a5650}.device-modal{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10161dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.device-dialog{color:#27343e;background:#fff;border:1px solid #dce3e8;border-radius:22px;width:min(100%,470px);max-height:calc(100vh - 36px);padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0005}.device-dialog-close{color:#67747e;cursor:pointer;background:#f7f8fa;border:1px solid #e0e5e9;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:12px;right:12px}.device-dialog-heading{align-items:center;gap:13px;min-width:0;padding:3px 38px 18px 0;display:flex}.device-dialog-icon{color:#3978e8;background:#eaf1ff;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.device-dialog-heading>div{gap:4px;min-width:0;display:grid}.device-dialog-heading small{color:#87939d;letter-spacing:.1em;font-size:9px;font-weight:750}.device-dialog-heading h2{color:#34414b;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.device-dialog-state{color:#818d96;align-items:center;gap:6px;font-size:10px;display:flex}.device-dialog-state i{background:#a6afb6;border-radius:50%;width:7px;height:7px}.device-dialog-state.active i{background:#39a47f}.device-master-toggle{color:#34414b;text-align:left;cursor:pointer;background:#f8fafb;border:1px solid #e4e9ed;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:66px;padding:12px 14px;display:flex}.device-master-toggle>span:first-child{gap:4px;display:grid}.device-master-toggle strong{font-size:12px}.device-master-toggle small{color:#87939d;font-size:10px}.device-master-switch{background:#cbd2d8;border-radius:99px;width:43px;height:25px;padding:3px;transition:background .16s}.device-master-switch i{background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .16s;display:block;box-shadow:0 1px 3px #0003}.device-master-toggle.active .device-master-switch{background:#4f83df}.device-master-toggle.active .device-master-switch i{transform:translate(18px)}.device-control-section{border:1px solid #e8ecef;border-radius:14px;gap:12px;margin-top:18px;padding:15px;display:grid}.device-control-section h3,.device-details-section h3{color:#4a5862;margin:0;font-size:11px}.device-range{color:#64717b;align-items:center;gap:12px;font-size:11px;display:flex}.device-range input{accent-color:#3978e8;flex:1;min-width:0}.device-range strong{text-align:right;min-width:42px;font-size:11px}.device-range input:disabled{opacity:.45}.device-control-hint{color:#87939d;margin:0;font-size:10px}.device-action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.device-action-row button,.device-temperature-stepper button{color:#53616b;cursor:pointer;background:#f8fafb;border:1px solid #e1e7eb;border-radius:10px;min-height:38px;font-size:10px}.device-select-row{color:#68757f;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.device-select-row select{color:#46545e;background:#fff;border:1px solid #e1e7eb;border-radius:9px;max-width:58%;min-height:36px;padding:0 9px;font-size:10px}.device-temperature-stepper{align-items:center;gap:10px;display:flex}.device-temperature-stepper button{width:34px;min-height:34px;font-size:17px}.device-temperature-stepper strong{color:#34414b;text-align:center;min-width:52px;font-size:12px}.device-apply-button{color:#fff;cursor:pointer;background:#3978e8;border:0;border-radius:10px;min-height:39px;font-size:10px;font-weight:650}.device-details-section{gap:9px;margin-top:18px;display:grid}.device-details-section>div{background:#f5f7f9;border-radius:9px;justify-content:space-between;gap:12px;padding:9px 11px;font-size:10px;display:flex}.device-details-section>div span{color:#87939d}.device-details-section>div strong{color:#53616b;text-align:right;font-weight:620}.device-details-section>small{overflow-wrap:anywhere;color:#9aa4ac;padding:2px 2px 0;font-size:9px}[data-theme=dark] .device-dialog{color:#e1e7ec;background:#1d242b;border-color:#303a44}[data-theme=dark] .device-dialog-close,[data-theme=dark] .device-action-row button,[data-theme=dark] .device-temperature-stepper button{color:#d7e0e8;background:#252d34;border-color:#3b4650}[data-theme=dark] .device-dialog-heading h2,[data-theme=dark] .device-control-section h3,[data-theme=dark] .device-details-section h3,[data-theme=dark] .device-master-toggle,[data-theme=dark] .device-temperature-stepper strong{color:#e1e7ec}[data-theme=dark] .device-dialog-icon{color:#a9c7ff;background:#2a3542}[data-theme=dark] .device-master-toggle,[data-theme=dark] .device-control-section{background:#202830;border-color:#303a44}[data-theme=dark] .device-select-row select{color:#e1e7ec;background:#252d34;border-color:#3b4650}[data-theme=dark] .device-details-section>div{background:#252d34}[data-theme=dark] .device-details-section>div strong{color:#c6cfd6}@media (width<=480px){.device-dialog{border-radius:19px;padding:20px 17px}.device-dialog-heading h2{max-width:240px}.vacuum-dialog{border-radius:20px;padding:21px 17px}.vacuum-big-icon{width:56px;height:56px;font-size:27px}.vacuum-facts{gap:6px}.vacuum-facts>div{padding:9px}.vacuum-map{height:190px}}.device-dialog .device-dialog-icon{color:#558a6f;background:#eaf3ed}.device-dialog .device-master-toggle.active .device-master-switch{background:#6baf8b}[data-theme=dark] .device-dialog .device-dialog-icon{color:#a9c7ff;background:#2a3542}.color-presets{flex-wrap:wrap}.sidebar-activity{margin-top:16px;padding:12px 10px}.sidebar-status{padding:10px 11px}.stat-card-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid #e5e9ed;transition:border-color .16s,background-color .2s,box-shadow .2s;display:block}.stat-card-button:hover{border-color:#d4e2dc;box-shadow:0 5px 16px #2737460c}.stat-card-button:active{background-color:#f5f8f6}.stat-card-button:focus-visible{outline-offset:2px;outline:3px solid #a5cbb5}.temperature-stat-card{min-height:145px;padding-bottom:50px;position:relative;overflow:hidden}.temperature-stat-content{z-index:1;display:block;position:relative}.temperature-stat-content>div{z-index:2;position:relative}.temperature-stat-card .temperature-sparkline{z-index:0;color:#70a98a;opacity:.84;width:100%;height:64px;position:absolute;inset:auto 0 0}.temperature-stat-card .temperature-sparkline-area{opacity:.14}.temperature-stat-card .temperature-sparkline-empty{text-align:right;width:auto;position:absolute;bottom:8px;right:0}.energy-stat-card{padding-bottom:48px;position:relative;overflow:hidden}.energy-stat-card>:not(.history-chart){z-index:1;position:relative}.energy-stat-card>.history-chart{opacity:.84;width:100%;height:54px;position:absolute;bottom:0;left:0;right:0}.lights-stat-card strong{z-index:1;position:relative}.device-card{transition:border-color .18s,background-color .24s,box-shadow .18s}.device-card:hover{transform:none}.device-card.is-on{transition:border-color .22s,background .28s,box-shadow .18s}.device-card .toggle,.device-master-switch,.light-summary-row .toggle{transition:background-color .2s,box-shadow .2s}.device-card .toggle span,.device-master-switch i,.light-summary-row .toggle span{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.device-state-label{animation:.18s both device-state-enter;display:inline-block}.animated-device-grid{position:relative}.device-presence-item{will-change:transform, opacity;min-width:0}.device-presence-item.leaving{z-index:2;pointer-events:none;margin:0;position:absolute}.person-card-button:hover{border-color:#d5e3dc;transform:none}.media-tile:hover{transform:none}.summary-modal{z-index:35;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10161dcc;place-items:center;padding:18px;animation:.18s both modal-fade-in;display:grid;position:fixed;inset:0}.summary-dialog{color:#2b3832;background:#fff;border:1px solid #dce5df;border-radius:23px;width:min(100%,620px);max-height:calc(100vh - 36px);padding:24px;animation:.2s cubic-bezier(.2,.8,.2,1) both modal-dialog-enter;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0005}.summary-close{color:#697970;cursor:pointer;background:#f7faf8;border:1px solid #e1e8e3;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:13px;right:13px}.summary-heading{align-items:center;gap:13px;padding:2px 40px 18px 0;display:flex}.summary-heading>span{background:#eaf3ed;border-radius:16px;place-items:center;width:50px;height:50px;font-size:22px;display:grid}.summary-heading>div{gap:4px;display:grid}.summary-heading small{color:#8b9890;letter-spacing:.1em;font-size:9px;font-weight:750}.summary-heading h2{color:#34423a;font-size:19px}.summary-current{background:#f3f8f4;border-radius:14px;align-items:baseline;gap:12px;padding:12px 14px;display:flex}.summary-current>strong{color:#365845;letter-spacing:-.045em;font-size:31px;font-weight:670}.summary-current>strong small{margin-left:3px;font-size:15px;font-weight:550}.summary-current>span{color:#829087;font-size:10px}.summary-chart-panel{background:linear-gradient(#fbfdfb,#f7faf7);border:1px solid #e7ede8;border-radius:15px;margin-top:12px;padding:14px}.summary-chart-panel>div:first-child{gap:4px;display:grid}.summary-chart-panel>div strong{color:#52635a;font-size:11px}.summary-chart-panel>div span{color:#929e96;font-size:9px}.history-chart{width:100%;height:50px;color:var(--chart-color);margin-top:8px;display:block;overflow:visible}.history-chart.tall{height:115px;margin-top:12px}.history-chart-line{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.history-chart-area{fill:currentColor;opacity:.12}.history-chart circle{fill:currentColor;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.history-chart-empty{color:#9aa69e;place-items:center;min-height:52px;margin-top:8px;font-size:10px;display:grid}.summary-list-section{margin-top:19px}.summary-list-section h3{color:#4d5e54;margin:0 0 10px;font-size:12px}.summary-sensor-list{gap:8px;display:grid}.summary-sensor-row{border:1px solid #e9eeea;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;padding:11px 12px 8px;display:grid}.summary-sensor-row>div{gap:4px;min-width:0;display:grid}.summary-sensor-row>div strong,.light-summary-row>div strong{color:#46564c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.summary-sensor-row>div small,.light-summary-row>div small{color:#929e96;font-size:9px}.summary-sensor-row>b{color:#466c54;white-space:nowrap;font-size:12px}.summary-sensor-row .history-chart{grid-column:1/-1;height:42px}.summary-empty,.summary-period-note{color:#929e96;font-size:10px;line-height:1.5}.summary-period-note{text-align:center;margin-top:17px}.summary-list-caption{flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-bottom:8px;display:flex}.summary-list-caption strong{color:#4c745c;font-size:11px}.summary-list-caption span{color:#929e96;font-size:9px}.light-summary-row{border-bottom:1px solid #edf1ee;align-items:center;gap:10px;min-height:54px;padding:8px 5px;display:flex}.light-summary-icon{background:#f0f3f1;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.light-summary-row.active .light-summary-icon{background:#e9f3ec}.light-summary-row>div{flex:1;gap:4px;min-width:0;display:grid}.light-summary-row .toggle{cursor:pointer;background:#d8dee3;border:0;border-radius:99px;width:42px;height:27px;padding:3px}.light-summary-row .toggle span{background:#fff;border-radius:50%;width:21px;height:21px;display:block;box-shadow:0 1px 3px #25313b26}.light-summary-row .toggle.active{background:#6baf8b}.light-summary-row .toggle.active span{transform:translate(15px)}.sensor-attributes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.sensor-attributes-grid>div{background:#f4f7f5;border-radius:10px;gap:5px;min-width:0;padding:10px;display:grid}.sensor-attributes-grid span{color:#8d9a91;font-size:9px}.sensor-attributes-grid strong{overflow-wrap:anywhere;color:#4f6055;font-size:10px}.home-people-section{margin-top:18px}.person-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.person-avatar.large{flex:none;width:54px;height:54px}.energy-source-setting{margin-top:10px}[data-theme=dark] .summary-dialog{color:#e1e9e3;background:#1d2621;border-color:#303d35}[data-theme=dark] .summary-heading h2,[data-theme=dark] .summary-list-section h3{color:#dce7df}[data-theme=dark] .summary-heading>span,[data-theme=dark] .light-summary-row.active .light-summary-icon{background:#2b3d31}[data-theme=dark] .summary-current,[data-theme=dark] .summary-chart-panel{background:#222e27;border-color:#334238}[data-theme=dark] .summary-current>strong{color:#b7d8c1}[data-theme=dark] .summary-chart-panel>div strong,[data-theme=dark] .summary-sensor-row>div strong,[data-theme=dark] .light-summary-row>div strong{color:#d4e0d7}[data-theme=dark] .summary-sensor-row{border-color:#344138}[data-theme=dark] .summary-sensor-row>b{color:#b7d8c1}[data-theme=dark] .light-summary-row{border-color:#334038}[data-theme=dark] .light-summary-icon,[data-theme=dark] .sensor-attributes-grid>div{background:#2a342e}[data-theme=dark] .sensor-attributes-grid strong{color:#c6d3ca}[data-theme=dark] .summary-close{color:#d5e0d8;background:#28332c;border-color:#39463e}@keyframes device-state-enter{0%{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-dialog-enter{0%{opacity:.65;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=560px){.summary-modal{padding:9px}.summary-dialog{border-radius:19px;max-height:calc(100dvh - 18px);padding:19px 15px}.summary-chart-panel{padding:11px}.summary-current{flex-direction:column;align-items:flex-start;gap:2px}.sensor-attributes-grid{grid-template-columns:1fr}}.overview-content{scrollbar-width:thin;overflow-y:auto}.sidebar-activity{margin-top:12px}.sidebar-footer .sidebar-status{margin-bottom:1px}.device-card:hover,.person-card-button:hover,.media-tile:hover{transform:none}.temperature-stat-card .temperature-stat-content{min-height:72px}.temperature-stat-card .temperature-stat-content>div p{max-width:80%}.energy-stat-card .history-chart{margin:0}.energy-stat-card>.history-chart-empty{z-index:1;min-height:0;margin:0;font-size:8px;position:absolute;bottom:8px;right:12px}.device-card-clickable:active{box-shadow:0 2px 8px #27374612}.light-summary-row .toggle:disabled{opacity:.4;cursor:not-allowed}.device-state-label{transition:color .18s}.device-card:active{border-color:#bed4c5}.stat-card-button:active{transform:scale(.995)}.summary-dialog .history-chart{transition:opacity .2s}.summary-dialog .light-summary-row .toggle:active span{transform:scale(.92)}.person-avatar{overflow:hidden}.person-avatar img{min-width:100%;min-height:100%}[data-theme=dark] .stat-card-button{color:#e1e7ec;border-color:#303a44}[data-theme=dark] .stat-card-button:hover{border-color:#405448}[data-theme=dark] .temperature-stat-card .temperature-sparkline{color:#79b796}[data-theme=dark] .summary-current>span,[data-theme=dark] .summary-chart-panel>div span{color:#a5b2a9}[data-theme=dark] .summary-sensor-row>div small,[data-theme=dark] .light-summary-row>div small,[data-theme=dark] .summary-list-caption span,[data-theme=dark] .summary-empty,[data-theme=dark] .summary-period-note{color:#a1aea5}.quick-stats{grid-auto-rows:154px;align-items:stretch}.quick-stats>.stat-card{text-align:left;flex-direction:column;min-width:0;height:154px;min-height:154px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.quick-stats>.stat-card .stat-top{flex:0 0 20px;align-items:center;min-height:20px;line-height:1.2}.quick-stats>.stat-card>strong{margin-top:9px;line-height:1.1}.quick-stats>.stat-card>p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin-top:5px;line-height:1.35;display:-webkit-box;overflow:hidden}.temperature-stat-card{padding-bottom:14px}.temperature-stat-card .temperature-stat-content{z-index:1;flex:1;align-items:center;min-height:0;padding-bottom:30px;position:relative}.temperature-stat-card .temperature-stat-content>div{min-width:0}.temperature-stat-card .temperature-stat-content>div p{max-width:100%;line-height:1.3}.temperature-stat-card .temperature-sparkline{opacity:.8;width:calc(100% + 32px);height:57px;position:absolute;bottom:-14px;left:-16px;right:-16px}.weather-stat-card .weather-summary{flex:1;grid-template-rows:minmax(0,1fr) auto;gap:5px;min-height:0;margin-top:6px}.weather-stat-card .weather-summary-reading{align-items:center;min-height:0}.weather-stat-card .weather-summary-reading>strong{font-size:27px}.weather-stat-card .weather-summary-reading>div{max-width:54%}.weather-stat-card .weather-summary-facts{max-height:27px;overflow:hidden}.weather-stat-card .weather-summary-facts span{padding:4px 6px}.weather-stat-card .weather-empty-link{margin:auto 0}.energy-stat-card>.history-chart{height:51px}.energy-stat-card>.history-chart-empty{text-align:right;max-width:68%;bottom:5px;right:10px}.lights-stat-card>p{margin-top:5px}.sidebar-activity-title{margin-bottom:6px}.home-people-section{border-top:1px solid #e9eeea;margin-top:14px;padding-top:11px}.people-now-heading{color:#738078;margin:0 0 7px 1px;font-size:10px;font-weight:700}.home-people-section .people-grid{gap:7px;margin-top:0}.home-people-section .person-card{min-height:55px;padding:7px 10px}.summary-history-error{color:#a0443c;margin:8px 0 0;font-size:10px;line-height:1.45}.sidebar-activity{margin-bottom:12px}.active-device-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.active-device-grid .device-presence-item{min-width:0;height:132px}.active-device-grid .device-card{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.active-device-grid .device-title{margin-top:7px}.active-device-grid .brightness-control,.active-device-grid .climate-target{margin-top:auto;padding-top:6px}.quick-stats>.stat-card{justify-content:flex-start}.temperature-stat-card .temperature-stat-content{padding-bottom:40px}.temperature-stat-card .temperature-stat-content>div{padding-top:4px}.temperature-stat-card .temperature-stat-content>div p,.temperature-stat-card .temperature-stat-content>div strong{z-index:2;position:relative}.temperature-stat-card .temperature-sparkline-empty{justify-content:flex-end;align-items:end;width:calc(100% + 32px);height:54px;padding:0 10px 5px;display:flex;bottom:-14px;left:-16px;right:-16px}.temperature-stat-card .temperature-sparkline-empty svg{width:100%;height:100%;position:absolute;inset:0}.temperature-stat-card .temperature-sparkline-empty svg path:first-child{fill:none;stroke:#88b49a;stroke-width:2px;vector-effect:non-scaling-stroke}.temperature-stat-card .temperature-sparkline-empty svg path:last-child{fill:#88b49a;opacity:.12}.temperature-stat-card .temperature-sparkline-empty span{z-index:1;color:#84958a;font-size:8px;position:relative}.weather-summary{flex:1;align-content:stretch}.weather-summary-main{flex:1;justify-content:space-between;align-items:center;gap:12px;min-height:0;display:flex}.weather-summary-reading{flex:1;justify-content:flex-start;align-items:center;gap:12px}.weather-summary-reading>strong{color:#24343d;font-size:36px}.weather-summary-reading>div{text-align:left}.weather-summary-reading>div span{color:#435660;font-size:12px}.weather-summary-reading>div small{color:#87959c;font-size:9px}.weather-summary-icon{background:#eef4f6;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;font-size:31px;display:grid}.weather-stat-card .stat-top>span{display:none}.weather-stat-card .weather-summary-facts{align-items:center;min-height:25px}.weather-stat-card .weather-summary-facts span{font-size:9px}.lights-summary-meter{background:#edf1ee;border-radius:99px;height:5px;margin-top:auto;overflow:hidden}.lights-summary-meter i{border-radius:inherit;background:#e6b34c;height:100%;transition:width .3s;display:block}.energy-icon{color:#b88221;background:#fff4de;border-radius:8px;place-items:center;width:25px;height:25px;display:grid;font-size:14px!important}.energy-stat-card>p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.energy-history-placeholder{flex:1;justify-content:flex-end;align-items:end;min-height:47px;margin:auto -16px -14px;padding:0 10px 7px;display:flex;position:relative;overflow:hidden}.energy-history-placeholder svg{width:100%;height:100%;position:absolute;inset:0}.energy-history-placeholder path{fill:none;stroke:#d4a057;stroke-width:2px;opacity:.58;vector-effect:non-scaling-stroke}.energy-history-placeholder span{z-index:1;color:#929287;font-size:8px;position:relative}.energy-stat-card>.history-chart,.energy-stat-card>.history-chart-empty{flex:1}.energy-stat-card>.history-chart-empty{justify-content:flex-end;align-items:end;display:flex}.home-people-section .person-card{min-height:58px}.overview-favorites{margin-top:17px}.overview-favorites .section-header,.overview-active .section-header{margin-bottom:9px}.overview-favorites .section-header p{font-size:10px}.favorite-empty{color:#738078;text-align:left;cursor:pointer;background:#f9fbf9;border:1px dashed #d6e1da;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 13px;display:grid}.favorite-empty>span:first-child{color:#a38a4e;background:#eef4ef;border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.favorite-empty>span:nth-child(2){font-size:10px;line-height:1.4}.favorite-empty b{color:#577560;white-space:nowrap;font-size:10px}.entity-setting-visibility{align-items:center;gap:10px;display:flex}.show-favorite{color:#7c704f;white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex}.show-favorite input{accent-color:#d5a63d;width:15px;height:15px;margin:0}.show-favorite input:disabled{opacity:.4}.weather-stat-card .weather-summary{flex-direction:column;gap:3px;display:flex}.weather-stat-card{cursor:pointer}.weather-stat-card:focus-visible{outline-offset:2px;outline:3px solid #8eb5e8}.weather-stat-card .weather-summary,.weather-stat-card .weather-summary *{pointer-events:none}.weather-current>span{color:#71818a}[data-theme=dark] .weather-current>span{color:#a5b2b9}.weather-summary-main{min-height:38px}.weather-summary-reading>strong{font-size:34px}.weather-summary-icon{border-radius:14px;width:43px;height:43px;font-size:27px}.weather-stat-card .weather-summary-facts{flex:0 0 21px;min-height:21px}.weather-history-mini{flex:0 0 30px;height:30px;min-height:30px;overflow:hidden}.weather-history-mini .history-chart{height:30px;margin:0}.weather-history-empty{justify-content:flex-end;align-items:end;width:100%;height:30px;padding:0 5px 2px;display:flex;position:relative}.weather-history-empty svg{width:100%;height:100%;position:absolute;inset:0}.weather-history-empty path{fill:none;stroke:#79aabd;stroke-width:2px;stroke-dasharray:4 5;opacity:.45;vector-effect:non-scaling-stroke}.weather-history-empty span{z-index:1;color:#8c9ca2;font-size:7px;position:relative}[data-theme=dark] .favorite-empty{color:#aab7ad;background:#202a23;border-color:#35463a}[data-theme=dark] .favorite-empty>span:first-child{color:#d2b66e;background:#2a392e}[data-theme=dark] .favorite-empty b{color:#b4cfba}@media (width<=560px){.favorite-empty{grid-template-columns:32px minmax(0,1fr)}.favorite-empty b{grid-column:2}}@media (width<=1100px) and (width>=761px){.active-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.active-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.quick-stats{grid-auto-rows:148px}.quick-stats>.stat-card{height:148px;min-height:148px;padding:12px}.temperature-stat-card .temperature-sparkline{width:calc(100% + 24px);bottom:-12px;left:-12px;right:-12px}}@media (width<=760px){.overview-main .quick-stats{grid-auto-rows:auto}.overview-main .quick-stats>.stat-card{height:124px;min-height:124px}.app-shell[data-theme=dark] .sidebar{background:#1a2026;border-color:#303840}.app-shell[data-theme=dark] .overview-tabs{background:#14191e}}@media (width<=430px){.overview-main .quick-stats>.stat-card{height:118px;min-height:118px}}@media (width>=761px) and (width<=1100px){.app-shell{grid-template-columns:176px minmax(0,1fr)}.sidebar{height:100dvh;padding:20px 12px;position:sticky;top:0}main.overview-main{height:auto;min-height:100dvh;padding:20px 20px 18px;overflow:visible}.overview-main .page-header{margin-bottom:10px}.overview-main .page-header h1{font-size:28px}.overview-tabs{margin-bottom:10px}.overview-content{overflow:visible}.overview-section{max-height:none;overflow:visible}.overview-main .quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:132px;gap:10px}.overview-main .quick-stats>.stat-card{min-width:0;height:132px;min-height:132px;padding:12px}.overview-main .stat-card p{text-overflow:ellipsis;overflow:hidden}.overview-favorites,.overview-active{margin-top:14px}.active-device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.active-device-grid .device-card{min-height:102px;padding:9px}.active-device-grid .device-title{font-size:11px}.home-people-section{margin-top:14px}}@media (width>=1101px) and (height<=850px){main.overview-main{height:auto;min-height:100dvh;padding:15px 26px 12px;overflow:visible}.overview-main .page-header{margin-bottom:7px}.overview-main .page-header h1{margin-top:4px;font-size:27px}.page-header p{margin-top:3px;font-size:11px}.overview-tabs{margin-bottom:8px}.overview-tab{min-height:33px}.overview-content,.overview-section{min-height:0;max-height:none;overflow:visible}.overview-main .quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:120px;gap:9px}.overview-main .quick-stats>.stat-card{min-width:0;height:120px;min-height:120px;padding:10px}.overview-main .stat-top{font-size:10px}.overview-main .stat-card strong{margin-top:6px;font-size:20px}.overview-main .stat-card p{margin-top:3px;font-size:9px}.overview-favorites,.overview-active{margin-top:10px}.overview-favorites .section-header,.overview-active .section-header{margin-bottom:6px}.overview-main .section-header h2{font-size:15px}.overview-main .section-header p{margin-top:2px;font-size:10px}.active-device-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.active-device-grid .device-card{min-height:96px;padding:8px}.active-device-grid .device-icon{width:29px;height:29px}.active-device-grid .device-title{margin-top:5px;font-size:10px}.active-device-grid .device-subtitle{margin-top:3px;font-size:9px}.home-people-section{margin-top:10px;padding-top:8px}.home-people-section .people-grid{gap:8px;margin-top:6px}.home-people-section .person-card{min-height:48px;padding:6px 9px}}