.experience{color-scheme:dark;background:#30332f;font-family:system-ui,sans-serif}.experience{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;overflow:hidden;display:grid;place-items:center;background:#55584f}.experience .room-viewport{position:absolute;inset:0;pointer-events:none}.experience .room-art{position:absolute;width:max(100%,177.68vh);width:max(100%,177.68dvh);aspect-ratio:1672 / 941;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.experience .room-layer,.experience .room-canvas,.experience .room-shade{position:absolute;inset:0;pointer-events:none}.experience .room-layer{background-position:center;background-size:100% 100%;background-repeat:no-repeat;transition:opacity .9s ease}.experience .room-day-off{background-image:url(/smart-home/room-day-off-no-sun.png)}.experience .room-night-off{background-image:url(/smart-home/room-night-off-clear.png);opacity:0}.experience[data-time=night] .room-night-off{opacity:1}.experience .daylight-dim{background:linear-gradient(110deg,#181e2aad,#181e2a66 58%,#181e2a40);opacity:var(--daylight-dim, 0);transition:opacity .15s ease}.experience[data-time=night] .daylight-dim{opacity:0}.experience .light-layer{opacity:0;transition:opacity .12s linear;-webkit-mask-image:var(--light-mask);mask-image:var(--light-mask)}.experience .day-light{background-image:url(/smart-home/room-day-on-no-sun.png)}.experience .sunlight-direct,.experience .sunlight-diffuse{background-image:url(/smart-home/room-day-off-clear.png);-webkit-mask-image:radial-gradient(ellipse 37% 22% at 48% 80%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 37% 22% at 48% 80%,#000 25%,transparent 100%);opacity:0;transition:opacity .15s ease}.experience .sunlight-diffuse{filter:blur(10px)}.experience[data-time=day] .sunlight-direct{opacity:var(--sunlight-direct, 1)}.experience[data-time=day] .sunlight-diffuse{opacity:var(--sunlight-diffuse, 0)}.experience .night-light{background-image:url(/smart-home/room-night-on-clear.png)}.experience .chandelier{--light-mask: radial-gradient(ellipse 12% 21% at 50.5% 19%, #000 45%, transparent 100%)}.experience .chandelier-spill{--light-mask: radial-gradient(ellipse 19% 23% at 50% 41%, #000 38%, transparent 100%), radial-gradient(ellipse 33% 22% at 50% 78%, #000 48%, transparent 100%)}.experience .ceiling{--light-mask: linear-gradient(to bottom, #000 0%, #000 9%, transparent 17%)}.experience .floorlamp{--light-mask: radial-gradient(ellipse 12% 20% at 92.5% 37%, #000 40%, transparent 100%), radial-gradient(ellipse 15% 25% at 90% 62%, #000 35%, transparent 100%)}.experience .shelf{--light-mask: radial-gradient(ellipse 9% 18% at 74.5% 31%, #000 45%, transparent 100%), radial-gradient(ellipse 9% 15% at 29% 26%, #000 40%, transparent 100%)}.experience .light-layer.chandelier,.experience .light-layer.chandelier-spill{--light-level: var(--light-chandelier-level, 1)}.experience .light-layer.ceiling{--light-level: var(--light-ceiling-level, 1)}.experience .light-layer.floorlamp{--light-level: var(--light-floorlamp-level, 1)}.experience .light-layer.shelf{--light-level: var(--light-shelf-level, 1)}.experience[data-time=day][data-chandelier=on] .day-light.chandelier,.experience[data-time=day][data-chandelier=on] .day-light.chandelier-spill,.experience[data-time=day][data-ceiling=on] .day-light.ceiling,.experience[data-time=day][data-floorlamp=on] .day-light.floorlamp,.experience[data-time=day][data-shelf=on] .day-light.shelf,.experience[data-time=night][data-chandelier=on] .night-light.chandelier,.experience[data-time=night][data-chandelier=on] .night-light.chandelier-spill,.experience[data-time=night][data-ceiling=on] .night-light.ceiling,.experience[data-time=night][data-floorlamp=on] .night-light.floorlamp,.experience[data-time=night][data-shelf=on] .night-light.shelf{opacity:var(--light-level, 1)}.experience .light-tint{background:#e3e7ed;mix-blend-mode:color;-webkit-mask-image:var(--light-mask);mask-image:var(--light-mask);opacity:0;transition:opacity .12s linear}.experience .light-tint.chandelier-tint{--light-mask: radial-gradient(ellipse 17% 25% at 50.5% 19%, #000 10%, transparent 100%), radial-gradient(ellipse 28% 32% at 50% 43%, #000 0%, transparent 100%), radial-gradient(ellipse 39% 26% at 50% 78%, #000 5%, transparent 100%);opacity:var(--chandelier-cool-opacity, 0)}.experience .light-tint.ceiling{--light-mask: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .7) 6%, transparent 20%);opacity:var(--ceiling-cool-opacity, 0)}.experience .light-tint.floorlamp{--light-mask: radial-gradient(ellipse 17% 25% at 92.5% 37%, #000 0%, transparent 100%), radial-gradient(ellipse 21% 30% at 90% 62%, #000 0%, transparent 100%);opacity:var(--floorlamp-cool-opacity, 0)}.experience .light-tint.shelf{--light-mask: radial-gradient(ellipse 13% 23% at 74.5% 31%, #000 0%, transparent 100%), radial-gradient(ellipse 13% 20% at 29% 26%, #000 0%, transparent 100%);opacity:var(--shelf-cool-opacity, 0)}.experience .cinema-projection{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .9s ease}.experience[data-cinema=on] .cinema-projection{opacity:1}.experience[data-cinema-video=playing] .cinema-placeholder{opacity:0}.experience .cinema-video{position:absolute;left:41.866%;top:29.224%;width:26.914%;height:26.886%;object-fit:cover;opacity:0;filter:contrast(.82) saturate(.85);-webkit-mask-image:linear-gradient(to right,transparent,#000 .75%,#000 99.25%,transparent),linear-gradient(to bottom,transparent,#000 1%,#000 99%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 .75%,#000 99.25%,transparent),linear-gradient(to bottom,transparent,#000 1%,#000 99%,transparent);mask-composite:intersect;pointer-events:none;transition:opacity .9s ease}.experience[data-cinema=on] .cinema-video[data-playing=true]{opacity:.84}.experience .cinema-beam{opacity:.8;filter:blur(9px)}.experience[data-cinema=on] .cinema-beam{animation:cinema-light 4.8s ease-in-out infinite}@keyframes cinema-light{0%,to{opacity:.8}13%{opacity:.68}29%{opacity:.87}43%{opacity:.74}61%{opacity:.91}78%{opacity:.7}90%{opacity:.84}}.experience .ac-haze{background:radial-gradient(ellipse 11% 24% at 92% 27%,var(--ac-glow, rgba(67, 174, 232, .22)),transparent 72%);opacity:0}.experience[data-ac-mode=heat]{--ac-color: #ff9364;--ac-glow: rgba(255, 112, 67, .25)}.experience[data-ac-mode=cool]{--ac-color: #8edfff;--ac-glow: rgba(67, 174, 232, .25)}.experience[data-airflow=on] .ac-haze{opacity:var(--ac-intensity, .6)}.experience .ac-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.experience[data-airflow=on]:not([data-pixi-ready=true]) .ac-fallback{opacity:var(--ac-intensity, .6)}.experience .air-stream{fill:none;stroke:var(--ac-color, #8edfff);stroke-width:5;stroke-linecap:round;stroke-dasharray:46 90;opacity:.75;animation:air-flow 3s linear infinite;animation-delay:var(--delay, 0s);animation-play-state:paused}.experience[data-airflow=on]:not([data-pixi-ready=true]) .air-stream{animation-play-state:running}@keyframes air-flow{to{stroke-dashoffset:-136}}.experience .radiator-glow{background:radial-gradient(ellipse 12% 22% at 9% 52%,rgba(255,107,54,.35),transparent 72%);opacity:0}.experience[data-radiator-active=on] .radiator-glow{opacity:var(--radiator-intensity, .7)}.experience .radiator-air{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.experience .radiator-air path{fill:none;stroke:#ff9a6c;stroke-width:5;stroke-linecap:round;stroke-dasharray:38 64;opacity:.8;animation:radiator-flow 3s linear infinite;animation-delay:var(--delay, 0s);animation-play-state:paused}.experience[data-radiator-active=on] .radiator-air{opacity:var(--radiator-intensity, .7)}.experience[data-radiator-active=on] .radiator-air path{animation-play-state:running}@keyframes radiator-flow{to{stroke-dashoffset:-102}}.experience .curtains{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.experience .curtains #sheer-panel,.experience .curtains #drape-panel{transition:filter .9s ease}.experience #sheer-panel{opacity:.68}.experience[data-time=night] .curtains #sheer-panel,.experience[data-time=night] .curtains #drape-panel{filter:brightness(.48) saturate(.8)}.experience .foreground-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.experience .foreground-day{filter:brightness(var(--foreground-brightness, 1));transition:filter .15s ease}.experience .foreground-night{opacity:0;transition:opacity .9s ease}.experience[data-time=night] .foreground-night{opacity:1}.experience .room-canvas canvas{display:block;width:100%;height:100%}.experience .room-shade{background:radial-gradient(ellipse at center,transparent 25%,rgba(21,26,24,.2) 100%)}.experience .tablet-wrap{position:relative;width:min(54vw,800px,115.1vh)}.experience .tablet{position:relative;width:100%;aspect-ratio:710.6 / 512.2;filter:drop-shadow(0 24px 36px rgba(20,22,20,.35));transform-origin:center bottom;transition:opacity .3s ease,transform .65s ease}.experience[data-tablet-tilted=true] .tablet{transform:perspective(1100px) rotateX(65deg)}.experience[data-tablet-hidden=true] .tablet{opacity:0;pointer-events:none}.experience .tablet-tilt{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;padding:8px 14px;border:1px solid rgba(255,255,255,.4);border-radius:20px;background:#191d1e8c;color:#fff;font:500 13px system-ui,sans-serif;cursor:pointer}.experience .tablet-tilt:focus-visible{outline:2px solid #fff;outline-offset:3px}.experience .tablet-tilt[hidden]{display:none}.experience .tablet-visibility{position:absolute;z-index:3;right:18px;bottom:18px;padding:9px 14px;border:1px solid rgba(255,255,255,.45);border-radius:8px;background:#191d1ec7;color:#fff;font:500 13px system-ui,sans-serif;cursor:pointer}.experience .tablet-visibility:focus-visible{outline:2px solid #fff;outline-offset:3px}.experience .tablet-screen{position:absolute;inset:5% 3.5%;z-index:1;border-radius:1.7%/2.4%;background:#fafafa;color:#212121;overflow:hidden}.experience .tablet-frame{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}.experience .icon-defs{position:absolute;width:0;height:0;overflow:hidden}.experience .dashboard-view{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.experience .dashboard-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;background:#fff;border-bottom:1px solid #e3e3e3}.experience .dashboard-header h2{flex:1;margin:0;font-size:15px;font-weight:500}.experience .dashboard-menu{color:#7e878b;font-size:16px;line-height:1}.experience .time-switch{display:flex;gap:3px;border-radius:20px;background:#f1f1f1;padding:3px}.experience .time-switch button{border:0;border-radius:16px;padding:5px 9px;background:transparent;color:#666;font:500 10px system-ui,sans-serif;cursor:pointer}.experience .time-switch button[aria-pressed=true]{background:#d9f1fa;color:#007a9d}.experience .dashboard-content{padding:13px 16px 18px}.experience .section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:2px 0 8px}.experience .section-heading h2{margin:0;font-size:14px;font-weight:500}.experience .climate-heading{margin-top:16px}.experience .room-temperature{display:flex;gap:6px;align-items:baseline;color:#6d767a;font-size:10px;white-space:nowrap}.experience .room-temperature output{font-size:11px;font-variant-numeric:tabular-nums}.experience .tiles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px}.experience .ha-tile{display:flex;align-items:center;gap:9px;min-width:0;min-height:52px;padding:7px 9px;background:#fff;border:1px solid #e2e2e2;border-radius:12px}.experience .ha-tile.tile-feature{display:block}.experience .global-light-tone{margin-bottom:8px}.experience .tile-head{display:flex;align-items:center;gap:9px;min-width:0}.experience .ha-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:8px;border:0;border-radius:50%;color:#8a8e91;background:#ededed}.experience button.ha-icon{cursor:pointer}.experience .ha-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.experience .light-icon[aria-pressed=true]{color:#e6a900;background:#fff2c6}.experience .ac-icon[aria-pressed=true]{color:#039bc6;background:#dcf4fc}.experience .heat-icon[aria-pressed=true]{color:#ef6f39;background:#ffe5db}.experience .cover-icon{color:#83909a;background:#edf1f2}.experience .tile-info{display:flex;flex-direction:column;min-width:0;gap:2px}.experience .tile-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.experience .tile-info span{color:#757575;font-size:10px;line-height:1.2}.experience .ha-feature{position:relative;display:flex;align-items:center;margin-top:7px;min-width:0}.experience .ha-feature input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:29px;margin:0;border:0;border-radius:9px;background:linear-gradient(to right,#8ed5eb 0 var(--progress, 100%),#eceeef var(--progress, 100%) 100%);cursor:pointer}.experience .ha-feature input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:4px;height:15px;border-radius:3px;background:#fff;box-shadow:0 0 1px #697b81}.experience .ha-feature input::-moz-range-thumb{width:4px;height:15px;border:0;border-radius:3px;background:#fff}.experience .ha-feature input.brightness-slider{background:linear-gradient(to right,#ffc107 0 var(--progress, 100%),#fff0c5 var(--progress, 100%) 100%)}.experience .ha-feature input.color-temperature{background:linear-gradient(to right,#ffc581,#fff2da 50%,#b2dbff)}.experience .color-feature output{position:absolute;z-index:1;left:9px;color:#57514b;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none}.experience .climate-feature input{background:linear-gradient(to right,#d6edf5 0 var(--progress, 30%),#eeeeee var(--progress, 30%) 100%)}.experience #radiator-temperature-input{background:linear-gradient(to right,#ffe2d4 0 var(--progress, 55%),#eeeeee var(--progress, 55%) 100%)}.experience .climate-feature output{position:absolute;z-index:1;left:9px;color:#424c50;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none}.experience .tile-details{flex:1;border:0;padding:0;background:none;text-align:left;cursor:pointer;font-family:inherit}.experience .temperature-stepper{display:flex;align-items:center;justify-content:space-between;height:32px;margin-top:7px;border-radius:10px;background:#f0f0f0}.experience .temperature-stepper button{align-self:stretch;min-width:35px;border:0;background:transparent;color:#333;font-size:17px;cursor:pointer}.experience .temperature-stepper output{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.experience .temperature-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:91px;overflow:hidden;padding:10px 10px 36px;border:1px solid #e2e2e2;border-radius:12px;background:#fff;color:#202124;text-align:left;font:inherit;cursor:pointer}.experience .temperature-card-heading{display:flex;align-items:center;justify-content:space-between;color:#4f5b64;font-size:11px}.experience .temperature-card-heading svg{width:16px;height:16px;fill:none;stroke:#4681ae;stroke-width:2;stroke-linecap:round}.experience .temperature-card-value{z-index:1;font-size:20px;font-variant-numeric:tabular-nums}.experience .temperature-sparkline{position:absolute;bottom:0;left:0;width:100%;height:34px;overflow:visible}.experience .spark-fill{fill:#ff9d181f}.experience .spark-line{fill:none;stroke:#ff9800;stroke-width:1.5;vector-effect:non-scaling-stroke}.experience .detail-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;overflow-y:auto;background:#fff}.experience .detail-overlay[hidden]{display:none}.experience .detail-overlay[data-device=ac]{--dial-color: #03a9d1}.experience .detail-overlay[data-device=radiator],.experience .detail-overlay[data-device=ac][data-mode=heat]{--dial-color: #ff823d}.experience .detail-header{display:flex;align-items:center;gap:12px;min-height:43px;padding:0 12px}.experience .detail-header h2{margin:0;font-size:14px;font-weight:600}.experience .detail-close{border:0;padding:0;background:transparent;color:#222;font-size:24px;line-height:1;cursor:pointer}.experience .thermostat-content{display:flex;flex:1;flex-direction:column;align-items:center;padding:7px 12px 20px}.experience .detail-caption{color:#777;font-size:11px}.experience .detail-room-temperature{margin-top:3px;font-size:15px}.experience .thermostat-dial{width:min(39%,210px);min-width:130px;margin-top:3px;overflow:visible;touch-action:none;cursor:pointer}.experience .thermostat-dial:focus-visible{outline:2px solid #03a9d1;outline-offset:4px;border-radius:50%}.experience .dial-track,.experience .dial-progress{fill:none;stroke-width:16;stroke-linecap:round}.experience .dial-track{stroke:#eae7e6}.experience .dial-progress{stroke:var(--dial-color, #ff823d)}.experience .dial-knob{fill:#fff;stroke:var(--dial-color, #ff823d);stroke-width:3}.experience .dial-status{fill:var(--dial-color, #ff823d);font-size:11px;font-weight:600}.experience .dial-value{fill:#1c1c1c;font-size:25px;font-weight:400}.experience .dial-actions{display:flex;gap:12px;margin-top:-17px}.experience .dial-actions button{width:34px;height:34px;border:1px solid #aaa;border-radius:50%;background:#fff;color:#333;font-size:20px;cursor:pointer}.experience .dial-actions button:disabled,.experience .temperature-stepper button:disabled{opacity:.35;cursor:default}.experience .detail-power{margin-top:12px;border:0;border-radius:9px;padding:8px 18px;background:#efefef;color:#333;cursor:pointer}.experience .detail-power[aria-pressed=true]{background:#ffe9db;color:#9a4519}.experience .history-content{padding:16px clamp(12px,5%,30px) 25px}.experience .history-value{display:block;margin-top:4px;font-size:22px;font-weight:500}.experience .history-content h3{margin:20px 0 5px;font-size:15px;font-weight:600}.experience .history-content p,.experience .history-period{margin:0;color:#7b7b7b;font-size:10px}.experience .chart-wrap{display:flex;height:clamp(100px,16vw,160px);margin-top:12px}.experience .chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding:0 7px 0 0;color:#777;font-size:10px;font-variant-numeric:tabular-nums}.experience .history-chart{flex:1;min-width:0;height:100%;overflow:visible}.experience .chart-grid{fill:none;stroke:#ddd;stroke-width:1;vector-effect:non-scaling-stroke}.experience .chart-line{fill:none;stroke:#3e79db;stroke-width:2;vector-effect:non-scaling-stroke}.experience .chart-point{fill:#3e79db}.experience .history-period{display:block;margin-top:6px;text-align:right}.experience .tablet-screen button:focus-visible,.experience .tablet-screen input:focus-visible{outline:2px solid #03a9d1;outline-offset:2px}.experience .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.experience{height:100vh;height:100dvh;grid-template-rows:auto minmax(0,1fr);place-items:stretch}.experience .room-viewport{position:relative;inset:auto;justify-self:center;width:min(100%,71.07dvh);aspect-ratio:1672 / 941;overflow:hidden}.experience .room-art{width:100%}.experience .room-day-off{background-image:url(/smart-home/room-day-off-no-sun-mobile.webp)}.experience .room-night-off{background-image:url(/smart-home/room-night-off-clear-mobile.webp)}.experience .day-light{background-image:url(/smart-home/room-day-on-no-sun-mobile.webp)}.experience .night-light{background-image:url(/smart-home/room-night-on-clear-mobile.webp)}.experience .sunlight-direct,.experience .sunlight-diffuse{background-image:url(/smart-home/room-day-off-clear-mobile.webp)}.experience .tablet-wrap{width:100%;min-height:0}.experience .tablet{width:100%;height:100%;aspect-ratio:auto;filter:none}.experience .tablet-screen{inset:0;border-radius:0}.experience .tablet-frame,.experience .tablet-tilt,.experience .tablet-visibility{display:none}.experience .ha-dashboard,.experience .dashboard-view{overscroll-behavior-y:auto}.experience .dashboard-header{height:38px;padding:0 9px}.experience .dashboard-content{padding:9px}.experience .ha-tile{padding:6px;gap:6px}.experience .ha-icon{flex-basis:30px;width:30px;height:30px;padding:6px}.experience .tile-info strong{font-size:10px}.experience .tile-info span{font-size:9px}}@media(prefers-reduced-motion:reduce){.experience .room-layer,.experience .curtains #sheer-panel,.experience .curtains #drape-panel,.experience .foreground-art image,.experience .tablet{transition-duration:0s}}@media(prefers-reduced-motion:reduce){.experience .air-stream,.experience .radiator-air path,.experience[data-cinema=on] .cinema-beam{animation:none}}.experience .dashboard-view[hidden],.experience .ha-dashboard[hidden],.experience .ha-fallback[hidden]{display:none}.experience .ha-dashboard{height:100%;overflow-y:auto;overscroll-behavior:contain;background:#fafafa;padding:12px}.experience .ha-dashboard ha-embed-provider,.experience .ha-dashboard ha-embed-section{display:block}.experience .ha-dashboard ha-embed-section{zoom:.88}@media(max-width:700px){.experience .ha-dashboard ha-embed-section{zoom:.94}}.experience .ha-loading{padding:18px 8px;color:#55636b}.experience .ha-dashboard[data-power]:not([data-power=ready]):not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111315;color:#e9ecef}.experience .ha-loading{max-width:360px;text-align:center}.experience .ha-dashboard[data-power]:not([data-power=ready]) ha-embed-provider{display:none}.experience .ha-dashboard[data-power]:not([data-power=ready]) .ha-loading{color:#c7cdd3}.experience .ha-loading[hidden]{display:none}.experience .device-power{display:flex;flex-direction:column;align-items:center;gap:20px;border:0;padding:16px;background:transparent;color:#e9ecef;font:inherit;cursor:pointer}.experience .device-power__icon{display:grid;place-items:center;width:80px;height:80px;box-sizing:border-box;border:0;border-radius:50%;color:#fdd835;font-size:40px;line-height:1;transition:color .16s ease}.experience .device-power:hover:not(:disabled) .device-power__icon,.experience .device-power:focus-visible .device-power__icon{color:#fff}.experience .device-power:disabled{cursor:progress}.experience [data-power=starting] .device-power__icon{color:transparent;border:3px solid #353b40;border-top-color:#fdd835;animation:device-power-spin 1s linear infinite}@keyframes device-power-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.experience [data-power=starting] .device-power__icon{animation:none}}.experience .ha-fallback,.experience .ha-history{margin:8px;padding:9px 12px;border:0;border-radius:8px;cursor:pointer;color:#176a87;background:#e6f3f7}.experience .ha-heading{margin:8px 4px 12px;font-size:18px;font-weight:500}.experience .scenario-feedback{margin:4px 6px 10px;color:#317349;font:12px system-ui,sans-serif}.experience .scenario-feedback[hidden]{display:none}.experience .light-effects{margin-top:18px}.experience .light-effects h3{margin:0 0 10px;color:#202124;font-size:14px;font-weight:600}.experience .light-effects-controls{display:flex;flex-wrap:wrap;gap:6px}.experience .light-effects-controls button{border:0;border-radius:18px;padding:8px 12px;background:#f0f1f2;color:#46545c;font:12px system-ui,sans-serif;cursor:pointer}.experience .light-effects-controls button[aria-pressed=true]{background:#d9eff7;color:#075e7e}.experience .light-effects p{margin-top:10px;line-height:1.45}.experience .security-feedback{margin:8px 4px 12px;padding:10px 12px;border-radius:10px;background:#fff1e7;color:#954515;font:12px/1.4 system-ui,sans-serif}.experience .security-feedback[hidden]{display:none}.experience .ha-note{margin:12px 4px 4px;font-size:12px;color:#62717a}.experience .weather-panel{margin:10px 4px 16px}.experience .weather-panel h2{margin:0 0 8px;color:#212121;font:500 14px system-ui,sans-serif}.experience .weather-panel iframe{display:block;width:100%;height:310px;border:0;border-radius:12px;background:#fff;pointer-events:none}.experience .weather-panel>a{display:inline-block;margin:4px 0 0;color:#52616b;font:11px system-ui,sans-serif}.experience .radar-button{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:12px;background:#fff;color:#202124;text-align:left;font:13px system-ui,sans-serif;cursor:pointer}.experience .radar-button>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e4f3fb;font-size:19px}.experience .radar-button>span:nth-child(2){flex:1}.experience .radar-button strong,.experience .radar-button small{display:block}.experience .radar-button small{margin-top:3px;color:#66727b;font-size:11px}.experience .radar-button>span:last-child{font-size:23px;color:#66727b}.experience .radar-dialog iframe{display:block;width:100%;flex:1;min-height:0;border:0}.experience .radar-dialog .ha-note{margin:6px 12px 10px}.experience .ha-navigation,.experience .resource-tabs,.experience .resource-periods{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:4px}.experience .ha-navigation button,.experience .resource-tabs button,.experience .resource-periods button{flex:none;border:0;border-radius:18px;padding:7px 11px;background:transparent;color:#52616b;font:500 12px system-ui,sans-serif;cursor:pointer}.experience .ha-navigation button[aria-pressed=true],.experience .resource-tabs button[aria-pressed=true],.experience .resource-periods button[aria-pressed=true]{color:#075e7e;background:#d9eff7}.experience .resources-view[hidden]{display:none}.experience .resources-view .ha-note{margin:8px;line-height:1.4}.experience .media-timeline{display:flex;justify-content:space-between;margin:8px 2px;color:#65727a;font-size:11px}.experience .media-seek{width:100%;margin:0 0 12px;accent-color:#03a9d1}.experience .media-seek[hidden]{display:none}.home-hero[data-astro-cid-ke7djvtt]{padding-block:clamp(36px,6vw,72px)}.home-workflow[data-astro-cid-ke7djvtt],.home-fit-detail[data-astro-cid-ke7djvtt],.home-faq[data-astro-cid-ke7djvtt]{padding-block:clamp(44px,7vw,82px)}