:root{--concept-cream:#f5f1ea;--concept-paper:#fbfaf7;--concept-green:#285e4e;--concept-line:#ddd8cf}
html,body{background:#d7d4cc!important}
body{display:block!important;min-height:100vh!important;padding:6px!important}
.wall{width:100%!important;min-height:calc(100vh - 12px)!important;display:block!important;padding:0!important;background:transparent!important}
.tablet{width:100%!important;height:calc(100vh - 12px)!important;min-height:760px!important;margin:0!important;padding:13px!important;border:1px solid #3a3934!important;border-radius:32px!important;background:#121411!important;box-shadow:0 24px 70px rgba(33,32,28,.28),inset 0 1px rgba(255,255,255,.12)!important}
.tablet:before{width:7px!important;height:7px!important;top:5px!important}
.app{height:100%!important;border-radius:20px!important;grid-template-rows:72px minmax(0,1fr)!important;background:var(--concept-paper)!important;overflow:hidden!important}
.topbar{padding:0 24px!important;gap:16px!important;border-bottom:1px solid var(--concept-line)!important;background:rgba(251,249,245,.96)!important}
.brand{font-size:15px!important;white-space:nowrap}.brand .mark{width:34px!important;height:34px!important;background:var(--concept-green)!important}.home-select{padding-left:18px!important;border-left:1px solid var(--concept-line)!important}.home-select b{font-size:13px!important}.home-select span{font-size:9px!important}
.tabs{margin-left:auto!important;margin-right:auto!important;padding:4px!important;border-radius:999px!important;background:#ece9e3!important;gap:2px!important}.tabs button{min-height:38px!important;padding:0 22px!important;border-radius:999px!important;font-size:12px!important}.tabs button.active{background:var(--concept-green)!important;color:#fff!important}
.top-actions{gap:8px!important}.icon-button{min-width:42px!important;border-radius:12px!important}
.main{min-height:0!important;overflow:auto!important;background:linear-gradient(135deg,#fbf9f5,#f1ede6)!important}
.view[data-view="home"].active{display:block!important;height:100%!important;padding:14px!important}
.home-view{height:100%!important;min-height:620px!important;display:grid!important;grid-template-columns:154px minmax(0,1fr) 300px!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:12px!important;position:relative!important}
.control-panel{display:contents!important}
.room-tabs{grid-column:1!important;grid-row:1/4!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;gap:8px!important;padding:14px 10px!important;border:1px solid var(--concept-line)!important;border-radius:14px!important;background:rgba(255,255,255,.7)!important}
.room-tabs:before{content:"ROOMS";font-size:9px;font-weight:800;letter-spacing:.12em;color:#5d5a54;margin:0 4px 5px}
.room-tabs button{min-height:54px!important;display:grid!important;grid-template-columns:32px 1fr!important;align-items:center!important;padding:0 10px!important;text-align:left!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#3d413d!important;font-size:11px!important}
.room-tabs button.active{background:var(--concept-green)!important;color:#fff!important;border-color:var(--concept-green)!important}.room-tabs button:before{content:"⌂";display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.34);font-size:14px}
.scene-column{grid-column:2!important;grid-row:1/4!important;min-width:0!important;display:grid!important;grid-template-rows:78px minmax(0,1fr) 92px!important;gap:10px!important}
.scene-head{padding:0 4px!important;align-items:center!important}.scene-head h1{font-size:30px!important;letter-spacing:-.04em!important}.home-health{font-size:10px!important;padding:8px 12px!important;background:#fff!important;border:1px solid var(--concept-line)!important}
.room-stage{height:100%!important;min-height:440px!important;border-radius:16px!important;background-size:cover!important;background-position:center!important;border:1px solid #d5d0c8!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;overflow:hidden!important}.room-stage.living{background-image:linear-gradient(180deg,rgba(255,255,255,.02),rgba(35,31,25,.04)),url('/images/generated-concepts/hearth-living-room-v1.webp')!important}.room-stage:not(.living){background-image:linear-gradient(180deg,var(--wall) 0 69%,var(--floor) 69%)!important}
.room-stage.living>.window,.room-stage.living>.blind,.room-stage.living>.sofa,.room-stage.living>.table,.room-stage.living>.lamp,.room-stage.living>.plant,.room-stage.living>.vacuum{display:none!important}
.hotspot{box-shadow:0 8px 18px rgba(32,31,27,.25)!important;border:2px solid #fff!important;background:#f0b64a!important}.hotspot.on{background:var(--concept-green)!important}.hotspot span{font-weight:800!important}
.scene-bar{min-height:92px!important;display:grid!important;grid-template-columns:auto repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;border:1px solid var(--concept-line)!important;border-radius:13px!important;background:rgba(255,255,255,.76)!important;overflow:hidden!important}.scene-bar>span{align-self:center!important;font-size:9px!important;letter-spacing:.1em!important}.scene-chip{min-width:0!important;padding:9px!important;border-radius:10px!important}.scene-chip b{font-size:10px!important}.scene-chip small{font-size:8px!important;line-height:1.35!important}
.room-summary{grid-column:3!important;grid-row:1!important;min-height:78px!important;padding:14px!important;border:1px solid var(--concept-line)!important;border-radius:14px!important;background:#fff!important}.room-summary h2{font-size:18px!important}.room-summary p{font-size:9px!important}.climate-read strong{font-size:24px!important}
.device-list{grid-column:3!important;grid-row:2!important;min-height:0!important;overflow:auto!important;padding:11px!important;border:1px solid var(--concept-line)!important;border-radius:14px!important;background:rgba(255,255,255,.8)!important}
.device-card{padding:11px!important;border-color:#dedbd3!important;border-radius:12px!important;background:#fff!important}.device-card h3{font-size:11px!important}.device-card p{font-size:8px!important}.device-head{gap:8px!important}.device-slider{margin-top:8px!important}
.all-off{grid-column:3!important;grid-row:3!important;align-self:stretch!important;min-height:46px!important;border-radius:12px!important;background:#fff!important}
.page{max-width:1220px!important;margin:0 auto!important;padding:26px!important}.card,.builder,.routine-card,.event-card{border-color:var(--concept-line)!important;box-shadow:0 8px 24px rgba(65,56,44,.05)!important}
@media(max-width:1050px){.home-view{grid-template-columns:130px minmax(0,1fr) 250px!important}.tabs button{padding:0 13px!important}.scene-head h1{font-size:25px!important}.room-stage{min-height:410px!important}.scene-bar{grid-template-columns:repeat(4,minmax(0,1fr))!important}.scene-bar>span{display:none!important}}
@media(max-width:760px), (min-width:761px) and (max-width:840px) and (min-height:761px){body{padding:0!important}.wall{min-height:100vh!important}.tablet{height:auto!important;min-height:100vh!important;padding:0!important;border:0!important;border-radius:0!important}.app{min-height:100vh!important;border-radius:0!important;grid-template-rows:auto 1fr!important;overflow:visible!important}.topbar{min-height:116px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:54px 54px!important;padding:0 12px!important}.home-select{display:none!important}.tabs{grid-column:1/3!important;grid-row:2!important;width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.tabs button{min-width:0!important;padding:0 3px!important;font-size:10px!important}.main{overflow:visible!important}.view[data-view="home"].active{padding:10px!important}.home-view{height:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important}.scene-column{grid-column:1!important;grid-row:auto!important;grid-template-rows:70px 390px auto!important}.room-tabs{grid-column:1!important;grid-row:auto!important;flex-direction:row!important;overflow-x:auto!important;padding:8px!important}.room-tabs:before{display:none}.room-tabs button{min-width:120px!important}.room-summary,.device-list,.all-off{grid-column:1!important;grid-row:auto!important}.device-list{max-height:none!important}.scene-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.room-stage{min-height:390px!important}}
@media(max-width:480px){.scene-column{grid-template-rows:72px 320px auto!important}.room-stage{min-height:320px!important}.scene-head h1{font-size:22px!important}.home-health{display:none!important}.top-actions .icon-button:first-child{display:none!important}}
@media(min-width:841px), (min-width:761px) and (max-width:840px) and (max-height:760px){.home-view{grid-template-columns:190px minmax(0,1fr) 300px!important}.room-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(72px,1fr))!important;align-content:start!important}.room-tabs:before{grid-column:1/-1!important}.room-tabs button{min-width:0!important;min-height:72px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:7px!important;text-align:center!important}.room-tabs button:before{flex:0 0 auto!important}}
@media(max-width:1050px) and (min-width:841px), (min-width:761px) and (max-width:840px) and (max-height:760px){.home-view{grid-template-columns:154px minmax(0,1fr) 250px!important}.room-tabs button{font-size:9px!important}}
@media(max-width:760px), (min-width:761px) and (max-width:840px) and (min-height:761px){.room-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,58px)!important;overflow:visible!important}.room-tabs button{min-width:0!important;min-height:58px!important}}
@media(min-width:841px), (min-width:761px) and (max-width:840px) and (max-height:760px){.room-tabs{grid-template-rows:repeat(2,72px)!important}}
@media(max-height:820px) and (min-width:841px), (max-height:760px) and (min-width:761px) and (max-width:840px){body{padding:4px!important;overflow:hidden!important}.wall{min-height:calc(100vh - 8px)!important}.tablet{height:calc(100vh - 8px)!important;min-height:0!important}}
@media(max-height:760px) and (min-width:761px){body{padding:4px!important;overflow:hidden!important}.wall{min-height:calc(100vh - 8px)!important}.tablet{height:calc(100vh - 8px)!important;min-height:0!important;padding:9px!important;border-radius:24px!important}.app{grid-template-rows:64px minmax(0,1fr)!important}.topbar{padding:0 18px!important}.view[data-view="home"].active{padding:9px!important}.home-view{height:100%!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:8px!important}.scene-column{grid-template-rows:62px minmax(0,1fr) 74px!important;gap:7px!important}.room-stage{height:auto!important;min-height:0!important}.scene-head h1{font-size:24px!important}.scene-bar{min-height:74px!important;padding:7px!important}.scene-chip{padding:6px!important}.room-summary{min-height:62px!important;padding:9px!important}.device-list{padding:7px!important}.device-card{padding:7px!important}.device-slider{margin-top:5px!important}.room-tabs{padding:9px 7px!important;grid-template-rows:repeat(2,60px)!important}.room-tabs button{min-height:60px!important}.all-off{min-height:38px!important}}
.device-reading span,.scene-chip small,.status-tag,.device-card p{font-size:11px!important}
@media(max-width:760px), (min-width:761px) and (max-width:840px) and (min-height:761px){.device-reading span,.scene-chip small,.status-tag,.device-card p{font-size:12px!important}}
#roomStage.kitchen{background-image:linear-gradient(180deg,rgba(255,255,255,.015),rgba(35,31,25,.035)),url('/images/generated-concepts/hearth-kitchen-v1.webp')!important}#roomStage.studio{background-image:linear-gradient(180deg,rgba(255,255,255,.015),rgba(35,31,25,.035)),url('/images/generated-concepts/hearth-studio-v1.webp')!important}#roomStage.bedroom{background-image:linear-gradient(180deg,rgba(255,255,255,.015),rgba(35,31,25,.035)),url('/images/generated-concepts/hearth-bedroom-v1.webp')!important}#roomStage:is(.kitchen,.studio,.bedroom)>:is(.window,.blind,.sofa,.table,.lamp,.plant,.vacuum){display:none!important}