:root{font-family:Tahoma,"Segoe UI",sans-serif;color:#172b3a;background:#f3f7f7;font-synthesis:none;font-optical-sizing:auto;--ink:#172b3a;--muted:#647783;--brand:#126b66;--brand-dark:#0c514d;--line:#e2ebeb;--paper:#fff;--soft:#e8f3f1;--warning:#946313;--danger:#a13737}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(145deg,#edf5f4,#f7f9fc 60%);min-height:100vh}.shell{width:min(1080px,100% - 32px);margin:auto;padding:22px 0 18px;min-height:100vh;display:flex;flex-direction:column}.topbar,.account-bar,.page-heading,.brand{display:flex;align-items:center}.topbar,.page-heading{justify-content:space-between}.brand{gap:10px;color:var(--ink);text-decoration:none;font-size:1.15rem;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:1.2rem}.account-bar{gap:10px}.account-bar select{max-width:240px}.login-panel{flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:42px;padding:8vh 4vw}.welcome-copy h1,.page-heading h1{margin:.25rem 0 .75rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1.35}.welcome-copy>p:last-child{color:var(--muted);font-size:1.05rem;max-width:32rem;line-height:1.9}.eyebrow{color:var(--brand);font-size:.85rem;font-weight:700;margin:0}.login-card,.device-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px #1b3c3b0b}.login-card{padding:clamp(22px,4vw,38px);display:flex;flex-direction:column;gap:10px}.login-card label{font-size:.9rem;font-weight:700;margin-top:8px}.login-card input,.account-bar select{height:48px;padding:0 13px;border:1px solid #ccd9d8;border-radius:11px;background:#fff;color:var(--ink);font:inherit}.primary-button,.icon-button,.switch-button{font:inherit;cursor:pointer;border:0;border-radius:11px;min-height:44px;padding:0 17px}.primary-button{background:var(--brand);color:#fff;font-weight:700;margin-top:12px}.primary-button:hover,.switch-button:hover{background:var(--brand-dark)}.icon-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.login-help,.privacy-note{font-size:.78rem;line-height:1.8;color:var(--muted)}.notice{min-height:1.4em;color:var(--danger);margin:.25rem 0}.page-heading{margin:38px 0 12px}.summary{display:flex;gap:12px;margin:10px 0 24px}.summary-card{background:var(--soft);border-radius:14px;padding:13px 18px;min-width:125px;color:var(--brand-dark)}.summary-card strong{font-size:1.35rem;margin-left:6px}.device-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.device-card{padding:20px}.device-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.device-name{font-weight:800;font-size:1.08rem;margin:0 0 5px}.device-meta{font-size:.82rem;color:var(--muted);line-height:1.8;margin:0}.status{white-space:nowrap;font-size:.78rem;font-weight:700;border-radius:999px;padding:6px 10px;background:#edf1f2;color:#566771}.status.online{background:#e3f5ee;color:#1b7655}.status.offline{background:#f5eaea;color:#9d4444}.state-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:18px 0;display:flex;justify-content:space-between;align-items:center}.state-label{color:var(--muted);font-size:.9rem}.state-value{font-weight:800}.controls{display:flex;gap:10px}.switch-button{flex:1;background:var(--brand);color:#fff;font-weight:700}.switch-button.secondary{background:#e8efef;color:var(--ink)}.switch-button.secondary:hover{background:#dbe7e6}.switch-button:disabled,.primary-button:disabled{opacity:.55;cursor:wait}.staged-message{padding:12px;border-radius:12px;background:#fcf3dd;color:var(--warning);font-size:.86rem}.empty-state{padding:30px;text-align:center;border:1px dashed #bdcecd;border-radius:18px;color:var(--muted);line-height:1.9}footer{display:flex;justify-content:space-between;color:#89979d;font-size:.75rem;margin-top:auto;padding-top:30px}.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}:focus-visible{outline:3px solid #83c3bf;outline-offset:3px}@media(max-width:700px){.shell{width:min(100% - 24px,520px);padding-top:14px}.login-panel{grid-template-columns:1fr;gap:20px;padding:7vh 0}.welcome-copy h1{font-size:1.85rem}.welcome-copy>p:last-child{font-size:.94rem}.page-heading{margin-top:26px}.summary{display:grid;grid-template-columns:1fr 1fr}.summary-card{min-width:0;padding:12px}.account-bar select{max-width:165px}.device-card{padding:17px}}

[hidden]{display:none!important}
.notice.info{color:var(--brand-dark)}.protocol-label{color:var(--brand);font-size:.76rem}.observed-label{font-size:.82rem;color:var(--muted);margin:20px 0 12px}.cooler-channels{display:grid;gap:12px}.cooler-channel{border:1px solid var(--line);border-radius:13px;padding:12px}.channel-heading{display:flex;justify-content:space-between;gap:10px;font-size:.87rem;margin-bottom:10px}.channel-heading span{color:var(--muted)}.cooler-channel .switch-button{min-height:40px;font-size:.82rem;padding:0 10px}.state-refresh{width:100%;margin-top:12px;font-size:.82rem}.icon-button:disabled{opacity:.55;cursor:not-allowed}.device-help{font-size:.76rem;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.switch-button:disabled{cursor:not-allowed}

/* Compact cards selected by the owner; device controls open separately. */
:root{--brand:#454b88;--brand-dark:#303567;--soft:#edf0fa}body{min-width:0}
.shell{padding-bottom:100px}.device-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.device-card{min-width:0;padding:16px;overflow-wrap:anywhere}.device-open{display:block;border:0;background:transparent;text-align:right;width:100%;color:var(--ink);font:inherit;cursor:pointer;padding:0;min-height:140px}.device-symbol{display:block;font-size:34px;color:var(--brand);margin-bottom:12px}.device-open p{font-size:.87rem;color:var(--muted)}.quick-power{width:100%;margin-top:8px}.device-panel h2{font-size:1.25rem}.device-list.show-detail{display:block}.show-detail .device-card:not(.detail-open){display:none}.detail-open{max-width:660px;margin:auto}.detail-open>.device-open,.detail-open>.quick-power{display:none}.bottom-nav{position:fixed;bottom:0;inset-inline:0;display:flex;justify-content:center;gap:8px;background:#fffffff5;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:10}.bottom-nav button{font:inherit;min-height:46px;width:min(30%,160px);border:0;border-radius:12px;color:var(--muted);background:transparent;cursor:pointer}.bottom-nav [aria-current=page]{background:var(--soft);color:var(--brand);font-weight:bold}.smart-tabs{display:flex;gap:7px;padding:6px;border-radius:15px;background:#e9edf3;flex-wrap:wrap}.smart-tabs button{flex:1;min-height:46px;min-width:80px;border:0;border-radius:11px;font:inherit;background:transparent;cursor:pointer;color:var(--muted)}.smart-tabs [aria-pressed=true]{background:#fff;color:var(--brand);font-weight:bold}.smart-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin:20px 0}.smart-card,.rule-editor,.run-history{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;overflow-wrap:anywhere}.smart-card h2{font-size:1.05rem;margin:0}.location-tag{display:inline-block;font-size:.74rem;color:var(--muted);margin:10px 0}.condition-strip{background:#edf6ef;padding:13px;border-radius:12px;line-height:1.9}.action-list{background:#edf0fa;border-radius:12px;line-height:2;padding:12px 32px 12px 12px}.enable-rule{font:inherit;min-height:44px;min-width:70px;border:0;border-radius:22px;background:#eef0f3;color:#627080;cursor:pointer}.enable-rule.enabled{background:#e2f3e9;color:#21694b}.enable-rule:disabled{cursor:default}.rule-editor{margin-top:16px}.rule-editor label{display:flex;flex-direction:column;gap:8px;min-width:0;margin:12px 0;font-size:.9rem}.rule-editor input,.rule-editor select{font:inherit;min-height:46px;min-width:0;width:100%;box-sizing:border-box;border:1px solid #cbd2e0;border-radius:10px;padding:8px;background:#fff;color:var(--ink)}.rule-editor fieldset{border:1px solid var(--line);border-radius:13px;padding:12px;margin:16px 0}.editor-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rule-action{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:15px}.history-row{border-bottom:1px solid var(--line);padding:14px 0}.history-row p{font-size:.85rem;line-height:1.8}.run-history summary{min-height:44px;cursor:pointer}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.smart-card .controls{flex-wrap:wrap}.smart-card .primary-button{margin-top:0}.privacy-note{line-height:1.8}
@media(min-width:900px){.device-list:not(.show-detail){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:360px){.device-card{padding:12px}.device-name{font-size:.95rem}.device-open p{font-size:.8rem}.rule-editor,.smart-card{padding:14px}.editor-pair{grid-template-columns:1fr}}
.device-panel>.controls,.cooler-controls{direction:ltr}.device-panel>.controls>*,.cooler-controls>*{direction:rtl}