html,body,#root{-webkit-tap-highlight-color:transparent;background:#101b3a;width:100%;height:100%;margin:0;font-family:Arial,sans-serif;overflow:hidden}*{box-sizing:border-box}body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}button{cursor:pointer;font-family:inherit}.install-overlay{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a18c7;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.install-modal{text-align:center;background:linear-gradient(#243866,#17264d);border:1px solid #ffffff1f;border-radius:34px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:30px 24px 24px;display:flex;box-shadow:0 22px 70px #0000007a}.install-logo{border-radius:24px;width:96px;height:96px;margin-bottom:20px;box-shadow:0 12px 36px #00000052}.install-modal h1{color:#fff;margin:0;font-size:30px;font-weight:850;line-height:1.15}.install-modal p{color:#ffffffc2;margin:16px 0 0;font-size:17px;line-height:1.45}.install-main-button{color:#101b3a;background:#fff;border:none;border-radius:20px;width:100%;height:62px;margin-top:28px;font-size:18px;font-weight:800}.install-secondary-button{color:#fff;background:#ffffff1a;border:none;border-radius:18px;width:100%;height:56px;margin-top:12px;font-size:16px;font-weight:700}.install-instruction{color:#ffffffe0;background:#ffffff14;border-radius:18px;width:100%;margin-top:24px;padding:18px;font-size:15px;line-height:1.5}.guest-page{width:100vw;height:100dvh;padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));color:#fff;background:radial-gradient(circle at 50% 0,#263b73 0%,#16244d 45%,#0f1b39 100%);justify-content:center;align-items:center;display:flex;overflow:hidden}.guest-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff21,#ffffff12);border:1px solid #ffffff1a;border-radius:clamp(28px,8vw,42px);flex-direction:column;align-items:center;width:min(100%,430px);height:min(100%,760px);padding:clamp(18px,4.5vw,30px);display:flex;box-shadow:0 22px 70px #0000006b}.guest-header{color:#ffffffad;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-size:clamp(15px,4vw,19px);font-weight:700;display:flex}.guest-dot{opacity:.55}.temperature-main{color:#fff;letter-spacing:-4px;text-align:center;margin-top:clamp(18px,5vh,38px);font-size:clamp(72px,23vw,122px);font-weight:900;line-height:.95}.temperature-main span{letter-spacing:-2px;vertical-align:super;margin-left:4px;font-size:.52em}.temperature-current{color:#ffffffb8;text-align:center;margin-top:clamp(14px,3vh,24px);font-size:clamp(18px,5.2vw,25px);font-weight:600;line-height:1.25}.ac-state{color:#fff;letter-spacing:2px;text-align:center;margin-top:clamp(24px,5vh,44px);font-size:clamp(42px,13vw,66px);font-weight:900}.temperature-controls{grid-template-columns:1fr 1fr;gap:clamp(16px,5vw,26px);width:100%;margin-top:clamp(28px,6vh,48px);display:grid}.temp-control-button{color:#fff;background:#ffffff1f;border:none;border-radius:clamp(24px,7vw,34px);height:clamp(98px,24vw,132px);font-size:clamp(52px,16vw,72px);font-weight:800;line-height:1;transition:transform .12s,background .12s,opacity .12s;box-shadow:0 14px 34px #00000047}.temp-control-button:active{background:#ffffff2e;transform:scale(.96)}.temp-control-button:disabled{opacity:.45}.state-actions{grid-template-columns:1fr;gap:clamp(12px,2.4vh,18px);width:100%;margin-top:clamp(26px,5vh,44px);display:grid}.state-button{color:#fff;letter-spacing:.5px;background:#ffffff21;border:none;border-radius:clamp(20px,6vw,28px);justify-self:center;width:min(100%,260px);height:clamp(62px,13vw,78px);font-size:clamp(20px,5vw,28px);font-weight:800;transition:transform .12s,background .16s,box-shadow .16s;box-shadow:0 12px 30px #00000038}.state-button:active{transform:scale(.97)}.state-button.active.dnd{background:#ff4d5e;box-shadow:0 0 28px #ff4d5e9e}.state-button.active.mur{background:#45d116;box-shadow:0 0 28px #45d11694}.state-button.active.animal{background:#2b7fff;box-shadow:0 0 28px #2b7fff9e}.fullscreen-center{color:#fff;text-align:center;background:radial-gradient(circle at 50% 0,#263b73 0%,#16244d 45%,#0f1b39 100%);justify-content:center;align-items:center;width:100vw;height:100dvh;padding:24px;font-size:clamp(24px,7vw,34px);font-weight:800;display:flex}@media (height<=760px){.guest-card{height:100%;padding:18px}.temperature-main{margin-top:16px;font-size:clamp(64px,19vw,92px)}.temperature-current{margin-top:12px;font-size:clamp(16px,4.7vw,21px)}.ac-state{margin-top:22px;font-size:clamp(38px,11vw,56px)}.temperature-controls{margin-top:24px}.temp-control-button{height:clamp(86px,22vw,112px)}.state-actions{gap:12px;margin-top:24px}.state-button{height:clamp(54px,12vw,66px)}}@media (width<=360px){.guest-page{padding:10px}.guest-card{border-radius:28px}.temperature-main{font-size:68px}.state-button{width:100%}}