:root{color:var(--tg-theme-text-color,#092457);background:var(--tg-theme-bg-color,#f7fbff);font-synthesis:none;text-rendering:optimizelegibility;--canvas:var(--tg-theme-bg-color,#f7fbff);--surface:var(--tg-theme-secondary-bg-color,#ffffffe6);--text:var(--tg-theme-text-color,#092457);--muted:var(--tg-theme-hint-color,#55719a);--accent:var(--tg-theme-button-color,#1687f8);--accent-text:var(--tg-theme-button-text-color,#fff);--accent-soft:#e7f4ff;--border:#dce9f7;--success:#18b76a;--warning:#e17a2b;--danger:#d54d5f;--shadow:0 12px 36px #2567aa1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{background:radial-gradient(circle at 50% 12%, #86cfff21, transparent 28rem), var(--canvas);min-height:100dvh;margin:0}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, white);outline-offset:2px}button:disabled{cursor:not-allowed}.app-shell{width:min(100%,480px);min-height:100dvh;padding:calc(17px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.brand-header{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:14px;display:flex}.wordmark{color:#092457;letter-spacing:.18em;white-space:nowrap;font-size:clamp(16px,5vw,21px);font-weight:800;line-height:.95}.wordmark span{letter-spacing:.62em;text-align:center;margin-top:4px;font-size:.54em;display:block;transform:translate(.3em)}.connection{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.connection-dot{background:var(--warning);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--warning) 12%, transparent);border-radius:50%}.connection.is-online .connection-dot{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent)}.control-view{position:relative}.temperature-stage{justify-items:center;min-height:333px;margin:-1px 0 5px;display:grid;position:relative}.temperature-row{grid-template-columns:54px minmax(0,248px) 54px;justify-content:center;align-items:center;gap:clamp(4px,2.1vw,11px);width:100%;display:grid}.temperature-dial{aspect-ratio:1;background:radial-gradient(circle at 48% 36%,#fff 0 37%,#f9fcff 72%,#edf7ff 100%);border:1px solid #ffffffe6;border-radius:50%;place-content:center;justify-items:center;display:grid;position:relative;box-shadow:inset 0 -12px 30px #4d9ae214,0 19px 48px #368bde26}.temperature-orbit{border:6px solid #e7eef6;border-left-color:var(--accent);border-top-color:var(--accent);opacity:.96;border-radius:50%;position:absolute;inset:-9px;transform:rotate(-32deg)}.temperature-orbit:after{content:"";background:var(--accent);border-radius:50%;width:17px;height:17px;position:absolute;top:-11px;left:48%;box-shadow:0 5px 14px #1687f857}.temperature-stage.is-off .temperature-orbit{border-top-color:#c8d8e8;border-left-color:#c8d8e8}.temperature-stage.is-off .temperature-orbit:after{background:#a9bdd3}.temperature-value{color:#061f50;letter-spacing:-.065em;text-indent:-.06em;font-size:clamp(69px,20vw,92px);font-weight:280;line-height:.95;position:relative}.temperature-mode{color:var(--accent);flex-direction:column;align-items:center;gap:4px;margin-top:13px;font-size:15px;display:flex;position:relative}.temperature-step{background:#ffffffc7;border:1px solid #dce9f7cc;border-radius:18px;place-items:center;width:54px;height:54px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 8px 22px #2567aa1f}.temperature-step:not(:disabled):active{transform:scale(.95)}.temperature-step:disabled{color:#a5b7ca;opacity:.58;box-shadow:none}.power-button{color:#fff;z-index:2;background:linear-gradient(145deg,#1c92ff,#0877e9);border:7px solid #ffffffe8;border-radius:50%;place-items:center;width:77px;height:77px;transition:transform .18s,filter .18s;display:grid;position:absolute;bottom:3px;box-shadow:0 11px 30px #1687f84f,0 0 0 7px #1687f814}.power-button:not(:disabled):active{transform:scale(.95)}.power-button[aria-pressed=true]{animation:2.8s ease-in-out infinite power-breathe}.power-button[aria-pressed=false]{color:#8298b0;box-shadow:none;background:#e1eaf3}.power-button:disabled{opacity:.62;animation:none}@keyframes power-breathe{0%,to{box-shadow:0 11px 30px #1687f845,0 0 0 7px #1687f812}50%{box-shadow:0 14px 38px #1687f861,0 0 0 11px #1687f80d}}.control-section{margin-top:18px}.control-section h2{color:var(--text);align-items:center;gap:9px;margin:0 7px 9px;font-size:17px;font-weight:680;display:flex}.control-section h2 svg{color:var(--accent);width:23px;height:23px}.segment-group{background:#ffffffd1;border:1px solid #dce9f7e6;border-radius:19px;min-height:67px;padding:4px;display:flex;box-shadow:0 8px 25px #2567aa17}.segment{color:#173761;background:0 0;border:1px solid #0000;border-radius:15px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:57px;padding:7px 3px;font-size:clamp(11px,3vw,13px);font-weight:560;line-height:1;transition:color .18s,background .18s,border-color .18s,transform .18s;display:flex}.segment-group.is-dense .segment{font-size:10px}.segment-label{white-space:nowrap;max-width:100%}.segment-label--compact{display:none}.segment[aria-pressed=true]{color:var(--accent);background:linear-gradient(145deg,#f3faff,#e4f3ff);border-color:#b8dcff;box-shadow:inset 0 0 0 1px #ffffffb3}.segment:not(:disabled):active{transform:scale(.96)}.segment:disabled{opacity:.48}.option-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.option-switch{color:#173761;text-align:left;background:#ffffffdb;border:1px solid #dce9f7e6;border-radius:18px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:65px;padding:10px 12px;font-size:15px;display:grid;box-shadow:0 8px 24px #2567aa17}.option-switch>svg{color:var(--accent)}.option-switch:disabled{opacity:.5}.switch-track{background:#dce5ef;border-radius:999px;width:41px;height:24px;transition:background .18s;position:relative}.switch-track span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0c2f5433}.option-switch[aria-checked=true] .switch-track{background:var(--accent)}.option-switch[aria-checked=true] .switch-track span{transform:translate(17px)}.status-footer{border-top:1px solid var(--border);min-height:48px;color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-top:19px;padding-top:13px;font-size:clamp(11px,3vw,13px);display:flex}.status-footer span{white-space:nowrap;align-items:center;gap:6px;display:flex}.status-footer svg{width:18px;color:var(--accent)}.status-footer i{background:var(--border);width:1px;height:23px}.command-error{top:calc(8px + env(safe-area-inset-top));z-index:10;border:1px solid color-mix(in srgb, var(--danger) 23%, white);background:color-mix(in srgb, var(--danger) 7%, white);min-height:58px;box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 11px 10px 14px;display:flex;position:sticky}.reconcile-button{border:1px solid color-mix(in srgb, var(--danger) 24%, white);min-height:38px;color:var(--danger);background:#fff;border-radius:12px;flex:none;padding:8px 11px;font-size:12px;font-weight:700}.swing-group .segment[aria-pressed=true]{color:var(--accent);background:linear-gradient(145deg,#f3faff,#e4f3ff);border-color:#b8dcff}.command-error span{flex-direction:column;gap:2px;display:flex}.command-error strong{color:#8f293a;font-size:14px}.command-error small{color:#845363;font-size:11px}.command-error button{background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:grid}.command-error .reconcile-button{border:1px solid color-mix(in srgb, var(--danger) 24%, white);background:#fff;display:block}.command-error svg{width:20px}.pending-indicator{z-index:20;left:50%;bottom:calc(13px + env(safe-area-inset-bottom));color:var(--muted);box-shadow:var(--shadow);white-space:nowrap;background:#fffffff0;border:1px solid #dce9f7e6;border-radius:99px;padding:9px 15px;font-size:12px;position:fixed;transform:translate(-50%)}.state-shell{flex-direction:column;display:flex}.state-view{min-height:calc(100dvh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 5px 54px;display:flex}.state-illustration{color:#4a8fe9;background:radial-gradient(circle,#63aeff2e,#0000 68%);border-radius:50%;place-items:center;width:210px;height:190px;margin-bottom:26px;display:grid}.ac-illustration{grid-template-rows:80px 86px}.ac-unit{border:3px solid #55719a;border-radius:9px 9px 15px 15px;width:180px;height:58px;position:relative;box-shadow:inset 0 -11px #6d94be14}.ac-unit:after{content:"";border-top:2px solid #55719a;border-bottom:2px solid #55719a;height:6px;position:absolute;bottom:8px;left:12px;right:12px}.ac-unit span{background:#8cb3df;border-radius:4px;width:20px;height:3px;position:absolute;top:26px;right:22px}.ac-illustration>svg{transform:translateY(-4px)}.state-copy h1{color:#092457;letter-spacing:-.025em;margin:0;font-size:clamp(25px,7.3vw,34px);line-height:1.1}.state-copy p{max-width:380px;color:var(--muted);margin:17px auto 0;font-size:clamp(16px,4.7vw,20px);line-height:1.45}.primary-action{width:min(100%,340px);min-height:58px;color:var(--accent-text);background:linear-gradient(135deg,#288cff,#167cf0);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-top:38px;font-size:17px;font-weight:650;display:inline-flex;box-shadow:0 12px 27px #1687f847}.primary-action svg{width:20px}.primary-action:disabled{opacity:.68}.remote-note{color:#7990b2;align-items:center;gap:9px;margin-top:58px;font-size:14px;display:flex}.remote-note svg{width:22px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-view{justify-items:center;gap:18px;padding-top:22px;display:grid}.skeleton{background:linear-gradient(100deg,#eaf3fb 20%,#f8fbfe 42%,#eaf3fb 64%) 0 0/200% 100%;border-radius:16px;animation:1.6s infinite shimmer}.skeleton-dial{aspect-ratio:1;border-radius:50%;width:min(68vw,250px)}.skeleton-power{border-radius:50%;width:76px;height:76px}.skeleton-label{justify-self:start;width:120px;height:24px;margin-top:8px}.skeleton-label.short{width:92px}.skeleton-control{width:100%;height:67px}@keyframes shimmer{to{background-position-x:-200%}}@media (width<=359px){.app-shell{padding-inline:11px}.brand-header{margin-inline:3px}.temperature-stage{min-height:308px}.temperature-row{grid-template-columns:48px minmax(0,218px) 48px;gap:3px}.temperature-step{border-radius:15px;width:48px;height:48px}.power-button{width:70px;height:70px}.control-section{margin-top:15px}.segment{font-size:10px}.segment-label--full:has(+.segment-label--compact){display:none}.segment-label--compact{display:inline}.option-grid{gap:8px}.option-switch{grid-template-columns:23px 1fr auto;gap:5px;padding-inline:9px;font-size:13px}.switch-track{width:36px}.option-switch[aria-checked=true] .switch-track span{transform:translate(12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}