:root{--ha-background:#fafafa;--page-bg:var(--ha-background);--card-bg:#fff;--card-border:#0000001f;--text-primary:#212121;--text-secondary:#727272;--primary:#03a9f4;--font:Roboto, "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--section-w:361px;--tile-gap:11px;--corner-shape:superellipse(1.6);--card-on:#fff;--material-blur:blur(24px) saturate(1.8);--material:#60606a61;--tile-border:#ffffff1a;--off-text:#fff;--off-text-2:#ffffffad;--off-circle:#0003;--off-icon:#ffffffeb;--heading:#fff;--chip-bg:#fff3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-bg=wallpaper] .wallpaper{display:block}:root[data-bg=ha],:root[data-bg=white]{--material:#7676801a;--tile-border:var(--card-border);--off-text:var(--text-primary);--off-text-2:var(--text-secondary);--off-circle:#76768024;--off-icon:#5f5f64;--heading:var(--text-primary);--chip-bg:#0000000f}:root[data-bg=white]{--page-bg:#fff}.wallpaper{z-index:-1;background:radial-gradient(120% 60% at 15% 0,#7fa6d1 0%,#0000 60%),radial-gradient(90% 50% at 100% 35%,#c9d3dc 0%,#0000 70%),radial-gradient(130% 60% at 30% 100%,#d39a55 0%,#0000 65%),linear-gradient(#9ab8d8 0%,#cfd6dc 45%,#e2c79f 80%,#c98d4d 100%);display:none;position:fixed;inset:0}*,:before,:after{box-sizing:border-box}html{background:var(--page-bg);scrollbar-gutter:stable;-webkit-text-size-adjust:100%}html.is-locked{overflow:hidden}body{color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:0 0;margin:0;transition:background-color .3s}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}@supports (corner-shape:squircle){.squircle{corner-shape:var(--corner-shape)}}.page{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.topbar{height:56px;padding:0 max(16px, env(safe-area-inset-left));padding-top:env(safe-area-inset-top);box-sizing:content-box;align-items:center;gap:12px;display:flex}.topbar__title{color:var(--heading);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:20px;font-weight:400;overflow:hidden}.chip{background:var(--chip-bg);color:var(--heading);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.chip--error{color:#b3261e;background:#db44371f}.banner{color:#8c1d18;background:#db443714;border-radius:12px;margin:0 16px 16px;padding:12px 16px;font-size:14px}.sections{grid-template-columns:repeat(auto-fill, var(--section-w));justify-content:center;align-items:start;gap:24px 32px;padding:8px 16px 0;display:grid}@media (width<=400px){.sections{grid-template-columns:1fr}}.section__title{letter-spacing:-.01em;min-height:32px;color:var(--heading);cursor:pointer;align-items:center;gap:8px;margin:0 0 12px;padding:0 4px;font-size:21px;font-weight:700;display:flex}.section__chevron{opacity:.55;margin-left:-4px;display:grid}.section__title svg{color:var(--heading);opacity:.8}.section__grid{gap:var(--tile-gap);grid-template-columns:1fr 1fr;display:grid}.tile{border:1px solid var(--tile-border);min-width:0;-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;padding:0 10px;transition:background-color .3s;display:flex}.tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tile__icon{border-radius:50%;flex:none;place-items:center;width:42px;height:42px;transition:background-color .3s,color .3s,box-shadow .3s;display:grid}.tile__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.tile__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.tile__state{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tile--off .tile__name{color:var(--off-text)}.tile--off .tile__state{color:var(--off-text-2)}.tile__name,.tile__state{transition:color .3s}.tile--unavailable .tile__text{opacity:.55}.fab{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));background:var(--material);border:1px solid var(--tile-border);width:48px;height:48px;-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur);color:var(--off-icon);border-radius:50%;place-items:center;display:grid;position:fixed}.overlay{z-index:100;touch-action:none;position:fixed;inset:0}.overlay__backdrop{-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);background:#12121461;position:absolute;inset:0}.morph{cursor:pointer;touch-action:none;-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur);position:fixed;top:0;left:0;overflow:hidden}.morph__layer{border-radius:inherit;corner-shape:inherit;transition:background-color .3s;position:absolute;inset:0}.morph__fill{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;corner-shape:inherit;position:absolute;bottom:0;left:0;right:0}.morph__fill--full{border-radius:inherit}.morph__fill-layer{border-radius:inherit;corner-shape:inherit;transition:background-color .3s;position:absolute;inset:0}.morph__thumb{background:#fff;transition:background-color .3s,box-shadow .3s;position:absolute;top:0;left:0;box-shadow:0 2px 10px #00000029}.morph__tile-text{pointer-events:none;align-items:center;display:flex;position:absolute;top:0}.morph__circle{pointer-events:none;border-radius:50%;width:42px;height:42px;position:absolute;top:0;left:0}.morph__icon{pointer-events:none;width:24px;height:24px;position:absolute;top:0;left:0}.morph__icon-layer{transition:color .3s;position:absolute;inset:0}.detail-title{text-align:center;color:#fff;text-shadow:0 1px 8px #00000040;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0 24px;display:flex;position:fixed;left:0;right:0}.detail-title__name{font-size:28px;font-weight:500}.detail-title__state{color:#bed7f0f2;font-size:17px}.detail-title__time{color:#fff9;font-size:13px}.detail-extras{pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.swatches{pointer-events:auto;gap:20px;display:flex}.swatch{border-radius:50%;width:56px;height:56px;transition:box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #00000014}.swatch--active{box-shadow:inset 0 0 0 4px #fffffff2,inset 0 0 0 6.5px #463214d9}.swatch--custom{cursor:pointer;background:conic-gradient(#ff3b30,#fc0,#34c759,#5ac8fa,#007aff,#af52de,#ff2d55,#ff3b30);display:block}.swatch--custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.topbar__spacer{flex:1}.round-button{background:var(--material);border:1px solid var(--tile-border);width:40px;height:40px;-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur);color:var(--heading);border-radius:50%;place-items:center;display:grid}.round-button--active{background:var(--card-on);color:#212121}.round-button+.round-button{margin-left:8px}.summaries{scrollbar-width:none;justify-content:safe center;gap:10px;padding:0 16px 16px;display:flex;overflow-x:auto}.summaries::-webkit-scrollbar{display:none}.summary{background:var(--material);border:1px solid var(--tile-border);-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur);color:var(--off-text);text-align:left;border-radius:999px;flex:none;padding:0;transition:background-color .3s,color .3s;display:block;position:relative;overflow:hidden}.summary.is-active{background:var(--card-on);color:#212121}.summary.is-active .summary__value{color:#727272}.summary__row{white-space:nowrap;align-items:center;gap:10px;padding:8px 16px 8px 10px;display:flex}.summary__row--measure{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.summary__value-slot{display:grid}.summary__value-slot>*{grid-area:1/1}.summary__icon{background:var(--off-circle);width:32px;height:32px;color:var(--off-icon);border-radius:50%;place-items:center;transition:color .3s,background-color .3s,box-shadow .3s;display:grid}.summary__text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.summary__title{font-size:13px;font-weight:600}.summary__value{color:var(--off-text-2);white-space:nowrap;font-size:12px;display:block}.tile--tall{flex-direction:column;grid-row:span 2;justify-content:space-between;align-items:flex-start;padding:10px 12px 12px 10px}.tile--add{border:1.5px dashed var(--tile-border);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--heading);opacity:.85;background:0 0;justify-content:center;gap:6px;font-size:14px;font-weight:500}:root[data-bg=wallpaper] .tile--add{border-color:#ffffff8c}.empty{text-align:center;color:var(--heading);grid-column:1/-1;padding:48px 16px}.sheet-backdrop{z-index:200;background:#00000040;position:fixed;inset:0}.sheet{z-index:201;-webkit-backdrop-filter:blur(30px)saturate(1.8);backdrop-filter:blur(30px)saturate(1.8);color:#212121;width:min(100%,480px);max-height:82dvh;padding-bottom:env(safe-area-inset-bottom);background:#f8f8faeb;border-radius:28px 28px 0 0;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #0000002e}.sheet__handle{touch-action:none;cursor:grab;padding:8px 20px 4px}.sheet__grabber{background:#0000002e;border-radius:3px;width:38px;height:5px;margin:0 auto 8px}.sheet__header{justify-content:space-between;align-items:center;display:flex}.sheet__header h2{margin:0;font-size:18px;font-weight:600}.sheet__done{color:var(--primary);padding:6px 4px;font-weight:600}.sheet__body{overscroll-behavior:contain;padding:8px 20px 24px;overflow-y:auto}.form{flex-direction:column;gap:18px;display:flex}.form__id{color:#727272;margin:0;font-family:ui-monospace,monospace;font-size:12px}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:#5e5e5e;font-size:13px;font-weight:600}.field__hint,.field__text{color:#727272;margin:0;font-size:12px}.field input,.field select,.search{font:inherit;color:#212121;background:#fff;border:1px solid #0000001a;border-radius:12px;width:100%;padding:11px 14px;font-size:16px}.search{margin-bottom:12px}.icon-input{align-items:center;gap:10px;display:flex}.icon-input__preview{background:#fff;border:1px solid #00000014;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.chips-row{flex-wrap:wrap;gap:8px;display:flex}.icon-choice{color:#5f5f64;background:#fff;border:1px solid #00000014;border-radius:12px;place-items:center;width:40px;height:40px;transition:transform .15s;display:grid}.icon-choice.is-active{border-color:var(--primary);color:var(--primary)}.icon-choice:active,.color-dot:active{transform:scale(.9)}.color-dot{border-radius:50%;width:34px;height:34px;transition:transform .15s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #00000014}.color-dot.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px #212121}.color-dot--auto{color:#fff;font-size:12px;font-weight:700}.color-dot--custom{cursor:pointer;background:conic-gradient(#ff3b30,#fc0,#34c759,#5ac8fa,#007aff,#af52de,#ff2d55,#ff3b30);display:block}.color-dot--custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.segmented{background:#76768024;border-radius:12px;padding:3px;display:flex}.segmented button{border-radius:9px;flex:1;padding:8px 6px;font-size:14px;font-weight:500;position:relative}.segmented button.is-active.no-pill,.settings-segmented button.is-active{background:#fff;box-shadow:0 1px 4px #0000001f}.segmented__pill{background:#fff;border-radius:9px;position:absolute;inset:0;box-shadow:0 1px 4px #0000001f}.segmented__label{position:relative}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row button{background:#fff;border:1px solid #00000014;border-radius:12px;flex:1;padding:11px 14px;font-weight:500}.button-row button:disabled{opacity:.4;cursor:default}.button-row--footer{margin-top:6px}button.primary,.button-row button.primary{background:var(--primary);color:#fff;border-color:#0000;border-radius:12px;padding:11px 18px;font-weight:600}button.primary:disabled{opacity:.4}button.danger{color:#d32f2f}.entity-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.entity-row{text-align:left;background:#fff;border:1px solid #0000000f;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.entity-row__icon{color:#5f5f64;background:#7676801f;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.entity-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.entity-row__name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.entity-row__meta{color:#727272;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.entity-row__add{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid}.entity-list__empty{text-align:center;color:#727272;padding:24px 0}.entity-row--toggle{cursor:default}.switch{background:#76768047;border-radius:999px;flex:none;width:50px;height:30px;transition:background-color .2s;position:relative}.switch.is-on{background:#34c759}.switch__knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch.is-on .switch__knob{transform:translate(20px)}.sections,.section__grid{position:relative}.info-card{color:#fff;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain;padding:20px 22px;position:absolute;inset:0;overflow:hidden auto}.info-card::-webkit-scrollbar{display:none}.info{margin:0;padding:0;list-style:none}.info--single{align-items:flex-end;height:100%;display:flex}.info__big{letter-spacing:-.02em;font-size:46px;font-weight:300;line-height:1}.info__sub{opacity:.8;font-size:16px}.info--weather{flex-direction:column;gap:18px;height:100%;display:flex}.info__weather-now{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.info__details{gap:8px;display:flex}.info__detail{background:#ffffff1a;border-radius:14px;flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.info__detail-k{opacity:.7;font-size:11px}.info__detail-v{font-size:15px;font-weight:500}.info__forecast{justify-content:space-between;margin-top:auto;display:flex}.info__day{flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.info__day-name{text-transform:capitalize;opacity:.75}.info__day-temp{font-weight:600}.info__day-low{opacity:.6}.info--list{flex-direction:column;gap:10px;padding-top:44px;display:flex}.info__row{align-items:center;gap:12px;display:flex}.info__row-icon{background:#ffffff1f;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.info__row-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.info__row-top{justify-content:space-between;gap:8px;font-size:15px;display:flex}.info__row-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info__row-value{flex:none;font-weight:600}.info__bar{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden}.info__bar-fill{background:#fff;border-radius:3px;height:100%;transition:width .4s;display:block}.info__bar-fill.is-low{background:#ff9f0a}.info__tabs{background:#ffffff1f;border-radius:999px;grid-template-columns:1fr 1fr;align-self:flex-end;width:176px;padding:3px;display:grid;position:relative}.info__tabs button{color:#fffc;border-radius:999px;padding:5px 0;font-size:13px;font-weight:600;transition:color .2s;position:relative}.info__tabs button.is-active{color:#1c1c1e}.info__tab-pill{background:#fff;border-radius:999px;width:calc(50% - 3px);position:absolute;top:3px;bottom:3px;left:3px}.info--alarm{height:100%;padding-top:44px}.alarm__modes{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.alarm__mode{color:#fff;text-align:left;background:#ffffff1a;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:16px;font-weight:500;transition:background-color .25s,color .25s,transform .15s;display:flex}.alarm__mode:active{transform:scale(.98)}.alarm__mode.is-active{color:#1c1c1e;background:#fff}.alarm__check{margin-left:auto;font-weight:700}.alarm__keypad{flex-direction:column;gap:10px;display:flex}.alarm__dots{text-align:center;letter-spacing:.4em;height:26px;font-size:22px}.alarm__hint{letter-spacing:0;opacity:.6;font-size:14px}.alarm__keys{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.alarm__key{color:#fff;background:#ffffff1f;border-radius:12px;height:38px;font-size:18px;font-weight:500}.alarm__key:active{background:#ffffff4d}.alarm__key--ok{color:#1c1c1e;background:#fff}.alarm__key:disabled{opacity:.4}.alarm__actions{justify-content:space-between;font-size:14px;display:flex}.alarm__actions button{color:#ffffffd9;padding:4px 2px}.info__tab-label{position:relative}.info__view{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.info__hours{justify-content:space-between;margin-top:auto;display:flex}.info__rain{color:#64d2ff;font-size:11px;font-weight:600}.info__rain--fixed{text-align:right;width:36px}.info__days{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.info__day-row{align-items:center;gap:12px;font-size:15px;display:flex}.info__day-row-name{text-transform:capitalize;width:44px}.info__day-row-temps{gap:10px;margin-left:auto;display:flex}.info__empty{opacity:.7}.info--controls{flex-direction:column;gap:18px;height:100%;padding-top:40px;display:flex}.info__big--small{font-size:34px}.info__modes{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.info__mode{color:#fff;background:#ffffff1f;border-radius:16px;padding:12px;font-weight:600;transition:background-color .25s,color .25s,transform .15s}.info__mode:active{transform:scale(.96)}.info__mode.is-active{color:#1c1c1e;background:#fff}.info__code{font:inherit;text-align:center;letter-spacing:.3em;color:#fff;background:#ffffff24;border:0;border-radius:14px;padding:10px;font-size:18px}.info__climate{justify-content:space-between;align-items:center;display:flex}.info__climate-target{flex-direction:column;align-items:center;gap:6px;display:flex}.info__round{color:#fff;background:#ffffff24;border-radius:50%;width:52px;height:52px;font-size:26px;line-height:1}.info__round:active{transform:scale(.92)}.tile--wide{grid-area:span 3/span 2}.tile--weather{position:relative}.tile__icon--bare{color:var(--off-text);background:0 0;width:42px;height:42px}.wtile__temp{letter-spacing:-.03em;color:var(--off-text);font-size:40px;font-weight:300;line-height:1.1;position:absolute;top:8px;right:14px}.tile--wide .wtile__temp{font-size:52px;top:6px}.wtile__bottom{flex-direction:column;gap:2px;width:100%;min-width:0;padding-left:2px;display:flex}.wtile__cond{color:var(--off-text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.wtile__range{color:var(--off-text-2);white-space:pre;font-size:13px}.wtile__rain{color:#64d2ff;font-weight:600}.wtile__hours{color:var(--off-text);border-top:1px solid #ffffff2e;justify-content:space-between;margin-bottom:10px;padding:8px 4px 0;font-size:13px;font-weight:500;display:flex}.wtile__hour{flex-direction:column;align-items:center;gap:3px;display:flex}.wtile__hour-name{color:var(--off-text-2);font-size:11px}.morph__ghost{pointer-events:none;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px 12px 12px 10px;display:flex;position:absolute;top:0;left:0}.morph__ghost-slot{flex:none;width:42px;height:42px}.info__range{background:#ffffff26;border-radius:3px;flex:1;height:5px;position:relative}.info__range-fill{background:linear-gradient(90deg,#64d2ff,#ffd60a,#ff9f0a);border-radius:3px;position:absolute;top:0;bottom:0}.summary--edit{border-style:dashed}.entity-row__open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.entity-row__text--inputs{gap:4px}.inline-input{font:inherit;color:#212121;background:0 0;border:0;width:100%;padding:2px 0;font-size:16px;font-weight:500}.inline-input--small{color:#727272;font-size:12px;font-weight:400}.icon-button{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.entity-row.is-chosen{border-color:var(--primary)}.check{color:#fff;border:2px solid #00000026;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:grid}.check.is-on{background:var(--primary);border-color:var(--primary)}