@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--plaster:#eceff2;--surface:#fff;--surface-2:#f3f5f7;--ink:#0e1726;--ink-2:#445061;--ink-3:#5c6776;--rule:#d6dbe1;--rule-soft:#e5e8ec;--hover:#0e17260b;--press:#0e172617;--shadow:0 1px 2px #0e17260d, 0 10px 30px -18px #0e172659;--scrim:#080d187a;--seg-on:#fff;--ready:#1c6146;--armed:#1a2657;--amber:#eaa23b;--siren:#cd2a24;--siren-deep:#8a130f;--ready-ink:#effaf4;--armed-ink:#eef1fc;--amber-ink:#221402;--siren-ink:#fff;--lamp-ok:#34a874;--lamp-open:#f0a437;--lamp-motion:#3d6df0;--lamp-trouble:#e5483e;--open:#9c5a00;--motion:#2c5bd1;--trouble:#b3261e;--heat:#d0561f;--cool:#2c6fd1;--focus:#2f5bd8;--font:"Archivo Variable", "Archivo", system-ui, -apple-system, sans-serif;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:30px;--gutter:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--pad-l:calc(var(--gutter) + var(--safe-left));--pad-r:calc(var(--gutter) + var(--safe-right));--tabbar-h:64px;--tabbar-gap:max(10px, calc(var(--safe-bottom) - 12px));--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--plaster:#0a101c;--surface:#121a2a;--surface-2:#182235;--ink:#e9edf3;--ink-2:#a7b1bf;--ink-3:#8a95a5;--rule:#243046;--rule-soft:#1c2639;--hover:#e9edf30d;--press:#e9edf31a;--shadow:0 1px 0 #ffffff08 inset, 0 12px 32px -20px #000c;--scrim:#02050ca8;--seg-on:#2a3650;--ready:#1b5c43;--armed:#24357a;--amber:#e9a23f;--siren:#d0302a;--lamp-ok:#3fbf86;--open:#f0b357;--motion:#7fa2ff;--trouble:#ff7a70;--heat:#ff8a52;--cool:#6fa4ff;--focus:#8fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--plaster:#0a101c;--surface:#121a2a;--surface-2:#182235;--ink:#e9edf3;--ink-2:#a7b1bf;--ink-3:#8a95a5;--rule:#243046;--rule-soft:#1c2639;--hover:#e9edf30d;--press:#e9edf31a;--shadow:0 1px 0 #ffffff08 inset, 0 12px 32px -20px #000c;--scrim:#02050ca8;--seg-on:#2a3650;--ready:#1b5c43;--armed:#24357a;--amber:#e9a23f;--siren:#d0302a;--lamp-ok:#3fbf86;--open:#f0b357;--motion:#7fa2ff;--trouble:#ff7a70;--heat:#ff8a52;--cool:#6fa4ff;--focus:#8fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--plaster);touch-action:manipulation;font-size:16px}@media (width<=959px){html[data-tone]{background:var(--field)}}@media (display-mode:standalone){html{overscroll-behavior-y:none}}html.has-sheet{overflow:hidden}body{background:var(--plaster);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0;font-weight:420;font-stretch:100%;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}img{-webkit-user-drag:none}.content a:not(.btn){color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,p{margin:0}strong{font-weight:650}.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.legend{letter-spacing:.005em;color:var(--ink-3);font-size:.8125rem;font-weight:480;font-stretch:112%;line-height:1.35}[data-tone=ready]{--field:var(--ready);--field-ink:var(--ready-ink);--field-lamp:#6ff0b0}[data-tone=armed]{--field:var(--armed);--field-ink:var(--armed-ink);--field-lamp:#9fb6ff}[data-tone=delay]{--field:var(--amber);--field-ink:var(--amber-ink);--field-lamp:#fff6d6}[data-tone=alarm]{--field:var(--siren);--field-ink:var(--siren-ink);--field-lamp:#ffd2cc}.lamp{--lamp:var(--lamp-ok);background:var(--lamp);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--lamp) 18%, transparent);border-radius:50%;flex:none;display:inline-block}.lamp.is-open{--lamp:var(--lamp-open);box-shadow:0 0 0 3px color-mix(in srgb, var(--lamp) 26%, transparent), 0 0 12px 1px color-mix(in srgb, var(--lamp) 70%, transparent)}.lamp.is-motion{--lamp:var(--lamp-motion);box-shadow:0 0 0 3px color-mix(in srgb, var(--lamp) 24%, transparent), 0 0 12px 1px color-mix(in srgb, var(--lamp) 60%, transparent)}.lamp.is-trouble{--lamp:var(--lamp-trouble)}.lamp-field{--lamp:var(--field-lamp);box-shadow:0 0 0 3px color-mix(in srgb, var(--field-lamp) 22%, transparent), 0 0 14px 2px color-mix(in srgb, var(--field-lamp) 55%, transparent);transition:opacity .3s,box-shadow .3s}.lamp-field.is-off{opacity:.35;box-shadow:none}.app{background:var(--plaster);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.content{min-width:0;padding:26px var(--pad-r) calc(var(--tabbar-h) + var(--tabbar-gap) + 36px) var(--pad-l)}.page{animation:page-in .26s var(--ease)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;margin:2px 0 22px;display:flex}.page-title{letter-spacing:-.005em;font-size:2.375rem;font-weight:800;font-stretch:66%;line-height:.95}.content>.page>.page-title{margin:2px 0 22px}@media (width>=960px){.app{grid-template-rows:1fr;grid-template-columns:340px minmax(0,1fr)}.content{max-width:1240px;padding:44px 48px 64px}.page-title{font-size:3rem}}@media (width>=1440px){.app{grid-template-columns:380px minmax(0,1fr)}}.splash{background:var(--plaster);min-height:100dvh;color:var(--ink-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;animation:.4s .6s both fade;display:flex}.splash-mark{color:var(--ink);letter-spacing:.02em;align-items:center;gap:10px;font-size:.9375rem;font-weight:650;font-stretch:118%;display:inline-flex}.splash .lamp{animation:1.6s ease-in-out infinite breathe}.splash-text{font-size:.9375rem}@keyframes breathe{50%{opacity:.3}}.field{isolation:isolate;background-color:var(--field);color:var(--field-ink);transition:background-color .6s,color .6s;position:relative;overflow:hidden}.field:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(90% 70% at 88% -10%, color-mix(in srgb, var(--field-lamp) 30%, transparent), transparent 70%), linear-gradient(180deg, transparent 40%, #00000024);position:absolute;inset:0}.field a,.field button{color:inherit}.field :focus-visible{outline-color:var(--field-ink)}.field[data-pulse=true]{animation:1.1s step-end infinite siren}@keyframes siren{50%{background-color:var(--siren-deep)}}.field-inner{padding:calc(16px + var(--safe-top)) var(--pad-r) 24px var(--pad-l);flex-direction:column;gap:16px;display:flex}.brand{justify-content:space-between;align-items:center;min-height:28px;display:flex}.brand-mark{letter-spacing:.02em;align-items:center;gap:10px;font-size:.875rem;font-weight:650;font-stretch:118%;display:inline-flex}.conn{opacity:.9;align-items:center;gap:6px;font-size:.8125rem;font-weight:520;font-stretch:110%;display:inline-flex}.state-word{letter-spacing:-.012em;text-wrap:balance;animation:word-in .42s var(--ease);margin-top:10px;font-size:clamp(3.5rem,17.5vw,5.25rem);font-weight:820;font-stretch:62%;line-height:.86}@keyframes word-in{0%{opacity:0;transform:translateY(10px)}}.state-detail{text-wrap:pretty;max-width:34ch;font-size:1.0625rem;line-height:1.38}.state-detail strong{font-weight:680}.field-count{align-items:center;gap:16px;display:flex}.dial{flex:none;place-items:center;display:grid;position:relative}.dial svg{width:100%;height:100%;position:absolute;inset:0}.dial-track,.dial-bar{fill:none;stroke-width:7px}.dial-track{stroke:color-mix(in srgb, var(--field-ink) 18%, transparent)}.dial-bar{stroke:var(--field-ink);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.dial-num{font-size:1.75rem;font-weight:650;font-stretch:66%;line-height:1}.field-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.field-actions .btn{flex:140px;min-height:54px;font-size:1.0625rem}.field-progress{background:var(--field-ink);opacity:.6;height:4px;transition:width 1s linear;position:absolute;bottom:0;left:0}@media (width<=959px){.field:not(.compact){border-radius:0 0 var(--r-xl) var(--r-xl)}}.field.compact{z-index:25;position:sticky;top:0;box-shadow:0 6px 20px -14px #0009}.field.compact .field-inner{padding-top:calc(10px + var(--safe-top));flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px}.compact-state{align-items:baseline;gap:10px;min-width:0;display:flex}.field.compact .state-word{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.875rem;line-height:1;animation:none;overflow:hidden}.compact-count{font-size:1.25rem;font-weight:600;font-stretch:70%}.field.compact .btn{flex:none;min-height:44px;padding:0 18px;font-size:.9375rem}@media (width>=960px){.field{height:100dvh;position:sticky;top:0}.field-inner{scrollbar-width:none;gap:20px;height:100%;padding:30px 28px 24px;overflow-y:auto}.state-word{margin-top:36px;font-size:clamp(4.5rem,6.6vw,6.25rem)}.field-actions{flex-direction:column}.field-actions .btn{flex:none}}.rail{display:none}@media (width>=960px){.rail{border-top:1px solid color-mix(in srgb, var(--field-ink) 18%, transparent);flex-direction:column;gap:2px;margin-top:auto;padding-top:16px;display:flex}.rail a,.rail-panic{border-radius:var(--r-sm);opacity:.8;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-weight:560;text-decoration:none;transition:background-color .14s,opacity .14s;display:flex}.rail a[aria-current=page]{background:color-mix(in srgb, var(--field-ink) 15%, transparent);opacity:1}.rail-panic{opacity:.66;background:0 0;border:0;margin-top:8px;font-size:.9375rem}}@media (width>=960px) and (hover:hover){.rail a:hover,.rail-panic:hover{background:color-mix(in srgb, var(--field-ink) 9%, transparent);opacity:1}}.tabbar{left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:var(--tabbar-gap);z-index:40;max-width:560px;height:var(--tabbar-h);background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);border:1px solid color-mix(in srgb, var(--rule) 70%, transparent);-webkit-touch-callout:none;border-radius:24px;grid-template-columns:repeat(5,1fr);margin:0 auto;padding:6px;display:grid;position:fixed;box-shadow:0 10px 30px -10px #080d1859,inset 0 1px #ffffff59}.tabbar a{color:var(--ink-2);letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.6875rem;font-weight:600;font-stretch:108%;text-decoration:none;transition:color .16s,background-color .16s;display:flex}.tab-icon{transition:transform .16s var(--ease);place-items:center;display:grid}.tabbar a[aria-current=page]{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.tabbar a:active .tab-icon{transform:scale(.9)}@media (width>=960px){.tabbar{display:none}}.btn{border-radius:var(--r-sm);white-space:nowrap;-webkit-touch-callout:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:1rem;font-weight:650;text-decoration:none;transition:background-color .14s,border-color .14s,transform 90ms,opacity .14s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45}.btn-block{width:100%}.btn-solid{background:var(--ink);color:var(--plaster)}.btn-solid:active:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, var(--plaster))}.btn-line{background:var(--surface);border-color:var(--rule);color:var(--ink)}.btn-line:active:not(:disabled){background:var(--press)}.btn-quiet{color:var(--ink-2);background:0 0;min-height:44px;padding:0 12px}.btn-quiet:active:not(:disabled){background:var(--press)}.btn-flush{padding-left:0;padding-right:0}.btn-danger{background:var(--siren);color:#fff}.btn-sm{border-radius:var(--r-xs);min-height:44px;padding:0 12px;font-size:.875rem}.btn-panic{border-color:color-mix(in srgb, var(--trouble) 35%, var(--rule));width:100%;min-height:52px;color:var(--trouble);background:0 0}.btn-panic:active{background:color-mix(in srgb, var(--trouble) 10%, transparent)}.btn-signout{color:var(--trouble)}@media (hover:hover) and (pointer:fine){.btn-line:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 92%, var(--ink))}.btn-quiet:hover:not(:disabled){background:var(--hover);color:var(--ink)}.btn-solid:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 88%, var(--plaster))}.btn-panic:hover{background:color-mix(in srgb, var(--trouble) 7%, transparent)}.btn-field:hover{background:color-mix(in srgb, var(--field-ink) 22%, transparent)}.chip:hover:not([aria-pressed=true]),.segmented button:hover:not([aria-pressed=true]){color:var(--ink);background:var(--hover)}.round:hover,.icon-btn:hover,.key:hover:not(:disabled):not(.key-go){background:color-mix(in srgb, var(--surface) 90%, var(--ink))}.section-link:hover{color:var(--ink)}.glass-btn:hover,.glass-pill:hover:not(.is-on){background:#fff3}}.btn-field{background:color-mix(in srgb, var(--field-ink) 13%, transparent);border-color:color-mix(in srgb, var(--field-ink) 30%, transparent);color:var(--field-ink);-webkit-backdrop-filter:blur(6px)}.btn-field:active{background:color-mix(in srgb, var(--field-ink) 24%, transparent)}[data-tone=delay] .btn-field{background:#ffffff4d;border-color:#ffffff8c}[data-tone=delay] .btn-field:active{background:#ffffff73}.field .btn-field-strong,.btn-field-strong{background:var(--field-ink);color:var(--field);box-shadow:0 8px 24px -12px #0000008c}.icon-btn{background:var(--surface-2);width:44px;height:44px;color:var(--ink-2);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:active{background:var(--press)}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section{min-width:0;margin-bottom:36px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.section-head h2{letter-spacing:0;font-size:1.375rem;font-weight:760;font-stretch:70%;line-height:1.1}.section-link{min-height:44px;color:var(--ink-2);border-radius:var(--r-xs);align-items:center;gap:2px;margin:-12px -6px -12px 0;padding:0 6px;font-size:.875rem;font-weight:600;font-stretch:108%;text-decoration:none;display:inline-flex}.content .section-link{text-decoration:none}.section-note{color:var(--ink-2);text-wrap:pretty;max-width:62ch;margin-bottom:12px;font-size:.9375rem}.section-note:last-child{margin-bottom:0}.plate{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-md);box-shadow:var(--shadow);padding:16px}.plate-part{border-top:1px solid var(--rule-soft);margin:0 -16px;padding:16px 16px 0}.plate>.plate-part:first-child{border-top:0;margin-top:-16px}.rows{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-md);box-shadow:var(--shadow);margin:0;padding:0;list-style:none;overflow:hidden}.plate .rows{border-radius:var(--r-md) var(--r-md) 0 0;box-shadow:none;background:0 0;border:0;margin:-16px -16px 0}.plate .rows:last-child{border-radius:var(--r-md);margin-bottom:-16px}.sheet .rows{box-shadow:none;background:var(--surface)}.rows>li{position:relative}.rows>li+li:before{content:"";background:var(--rule-soft);z-index:1;height:1px;position:absolute;top:0;left:16px;right:0}.row{text-align:left;width:100%;min-height:64px;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:10px 16px;transition:background-color .14s;display:flex}.row-tight{min-height:52px}button.row:active{background:var(--press)}@media (hover:hover) and (pointer:fine){button.row:hover{background:var(--hover)}}.row-icon{width:38px;height:38px;color:var(--ink-2);background:var(--surface-2);border-radius:11px;flex:none;place-items:center;display:grid}.row-icon.is-open{color:var(--open);background:color-mix(in srgb, var(--lamp-open) 16%, transparent)}.row-icon.is-motion{color:var(--motion);background:color-mix(in srgb, var(--lamp-motion) 14%, transparent)}.row-icon.is-trouble{color:var(--trouble);background:color-mix(in srgb, var(--lamp-trouble) 13%, transparent)}.row-main{flex:auto;min-width:0}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.row-sub:first-letter{text-transform:uppercase}.row-sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-stretch:108%;display:block;overflow:hidden}.row-end{text-align:right;color:var(--ink-2);flex:none;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;display:flex}.row-end.is-open{color:var(--open)}.row-end.is-trouble{color:var(--trouble)}.row-end.is-motion{color:var(--motion)}.row-chevron{color:var(--ink-3);opacity:.7;flex:none;margin-right:-4px}.row-wrap{flex-wrap:wrap;row-gap:8px}.row-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.row.is-fresh{animation:2.4s ease-out fresh}@keyframes fresh{0%{background:color-mix(in srgb, var(--amber) 35%, transparent)}to{background:0 0}}.empty{color:var(--ink-2);border:1px dashed var(--rule);border-radius:var(--r-md);text-wrap:pretty;max-width:60ch;padding:20px}.empty strong{color:var(--ink);margin-bottom:4px;display:block}.more-row{padding:20px 0}.home-grid{grid-template-columns:minmax(0,1fr);gap:0 40px;display:grid}.panic-row{padding-top:4px}@media (width>=1200px){.home-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.home-grid .span-2{grid-column:1/-1}}.board{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -1px -1px 0;padding:0;list-style:none;display:grid}@media (width>=600px){.board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1200px){.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1440px){.board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cell{background:var(--surface);min-height:70px;box-shadow:inset -1px -1px 0 var(--rule-soft);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;column-gap:10px;padding:12px 14px;transition:background-color .4s;display:grid;position:relative}.cell .lamp{grid-row:1;align-self:start;margin-top:6px}.cell-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:620;line-height:1.25;display:-webkit-box;overflow:hidden}.cell-state{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:.8125rem;font-weight:500;font-stretch:110%;overflow:hidden}.cell.is-open{background:color-mix(in srgb, var(--lamp-open) 11%, var(--surface))}.cell.is-open .cell-state{color:var(--open);font-weight:620}.cell.is-motion .cell-state{color:var(--motion);font-weight:620}.cell.is-trouble .cell-state{color:var(--trouble);font-weight:620}.cell-more{padding:0;display:flex}.cell-more a{color:var(--ink-2);flex:1;justify-content:center;align-items:center;gap:4px;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.content .cell-more a{text-decoration:none}.cams{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.cams>:only-child,.cams-strip>:only-child{max-width:720px}.cams-strip:has(>:only-child){grid-auto-columns:100%}.cams-strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad-l);margin:-6px calc(-1 * var(--pad-r)) -6px calc(-1 * var(--pad-l));padding:6px var(--pad-r) 6px var(--pad-l);scrollbar-width:none;grid-auto-columns:minmax(250px,84%);grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.cams-strip::-webkit-scrollbar{display:none}.cams-strip>*{scroll-snap-align:start}@media (width>=600px){.cams-strip{grid-auto-columns:minmax(280px,46%)}}@media (width>=960px){.cams-strip{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-columns:auto;grid-auto-flow:row;margin:0;padding:0;overflow:visible}}.cam{aspect-ratio:16/9;border-radius:var(--r-md);color:#fff;text-align:left;isolation:isolate;-webkit-touch-callout:none;width:100%;transition:transform .16s var(--ease), box-shadow .3s ease;background:#0b111d;border:0;padding:0;display:block;position:relative;overflow:hidden}button.cam:active{transform:scale(.985)}.cam video,.cam img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam-shade{z-index:1;pointer-events:none;background:linear-gradient(#05080f61 0%,#0000 28% 50%,#05080fb8 100%);position:absolute;inset:0}.cam-label{z-index:2;text-shadow:0 1px 8px #00000073;gap:1px;display:grid;position:absolute;bottom:11px;left:14px;right:48px}.cam-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:700;font-stretch:86%;line-height:1.2;overflow:hidden}.cam-caption{color:#ffffffdb;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;font-weight:500;font-stretch:108%;line-height:1.3;display:-webkit-box;overflow:hidden}.cam-expand{z-index:2;-webkit-backdrop-filter:blur(8px);background:#ffffff24;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:10px;right:10px}.cam-badge{z-index:2;-webkit-backdrop-filter:blur(8px);color:#fff;background:#080c1480;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:.75rem;font-weight:650;font-stretch:110%;display:inline-flex;position:absolute;top:10px;left:10px}.cam-battery{z-index:2;-webkit-backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;color:#ffffffeb;background:#080c146b;border-radius:999px;align-items:center;gap:4px;height:26px;padding:0 9px 0 7px;font-size:.75rem;font-weight:620;display:inline-flex;position:absolute;top:10px;right:10px}.cam-battery.is-low{background:var(--siren);color:#fff}.cam-badge.is-ringing{background:var(--amber);color:var(--amber-ink)}.cam.is-ringing{box-shadow:0 0 0 3px var(--amber);animation:1.4s ease-in-out infinite ringing}@keyframes ringing{50%{box-shadow:0 0 0 3px var(--amber), 0 0 0 6px color-mix(in srgb, var(--amber) 45%, transparent)}}.cam.is-static{cursor:default}.cam-msg{text-align:center;color:#aab4c3;background:radial-gradient(120% 90% at 50% 0,#1a2436,#0b111d 70%);place-items:center;padding:16px 16px 44px;font-size:.875rem;display:grid;position:absolute;inset:0}.cam-status{z-index:2;-webkit-backdrop-filter:blur(8px);white-space:nowrap;color:#fff;background:#080c1499;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;font-weight:600;font-stretch:108%;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cam-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}.live-dot{background:#ff4d42;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #ff4d42e6}@media (hover:hover) and (pointer:fine){button.cam:hover{box-shadow:0 0 0 1px #ffffff14,0 16px 32px -20px #080c14cc}button.cam.is-ringing:hover{box-shadow:0 0 0 3px var(--amber)}}.cam-full{z-index:60;color:#fff;background:#000;outline:none;animation:.2s ease-out fade;position:fixed;inset:0}.cam-full .cam-stage{aspect-ratio:auto;background:#000;border-radius:0;position:absolute;inset:0}.cam-full .cam video,.cam-full .cam img{object-fit:contain}.cam-full .cam-msg{background:0 0}.cam-full-bar{z-index:3;padding:calc(12px + var(--safe-top)) calc(14px + var(--safe-right)) 36px calc(18px + var(--safe-left));background:linear-gradient(#000000a8,#0000);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.cam-full-title{justify-items:start;gap:4px;min-width:0;padding-top:4px;display:grid}.cam-full-title h2{text-wrap:balance;font-size:1.375rem;font-weight:760;font-stretch:74%;line-height:1.1}.cam-full-title .cam-badge{margin-bottom:4px;position:static}.cam-full-mode{color:#fffc;align-items:center;gap:7px;font-size:.8125rem;font-weight:560;font-stretch:110%;display:inline-flex}.cam-full-mode.is-connecting .live-dot{box-shadow:none;background:#fff;animation:1.2s ease-in-out infinite breathe}.cam-full-mode.is-stills .live-dot{box-shadow:none;background:#ffffff8c}.cam-full.is-ringing .cam-full-bar{background:linear-gradient(180deg, color-mix(in srgb, var(--amber) 55%, #0009), transparent)}.cam-full-controls{z-index:3;padding:48px calc(16px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(16px + var(--safe-left));background:linear-gradient(#0000,#000000b8);justify-items:center;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.cam-full-buttons{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.glass-btn{-webkit-backdrop-filter:blur(12px);color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:background-color .14s,transform 90ms;display:grid}.glass-btn:active{background:#ffffff3d;transform:scale(.94)}.glass-btn-lg{width:56px;height:56px}.glass-btn.is-on{color:#0b111d;background:#fff}.glass-spacer{flex:0 0 56px}.cam-full-buttons.is-solo{display:flex}.glass-pill{-webkit-backdrop-filter:blur(12px);color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 18px;font-weight:640;transition:background-color .14s,transform 90ms;display:inline-flex}.glass-pill:active{transform:scale(.96)}.glass-pill.is-on{color:#0b111d;background:#fff}.talk-btn{text-align:left;-webkit-backdrop-filter:blur(14px);color:#fff;white-space:nowrap;-webkit-touch-callout:none;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;flex:0 auto;justify-content:flex-start;align-items:center;gap:12px;width:200px;min-width:0;min-height:72px;padding:0 20px 0 10px;font-size:1.0625rem;font-weight:680;transition:background-color .16s,border-color .16s,transform 90ms;display:inline-flex}.talk-btn:active{transform:scale(.97)}.talk-label{min-width:0;line-height:1.15;display:grid}.talk-label small{opacity:.85;font-size:.8125rem;font-weight:520;font-stretch:108%}.talk-icon{background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.talk-btn.is-talking{-webkit-backdrop-filter:none;background:#e5484d;border-color:#e5484d;overflow:hidden}.talk-btn.is-talking .talk-icon{color:#c4282d;background:#fff;animation:1.3s ease-out infinite voice}@keyframes voice{0%{box-shadow:0 0 #ffffff8c}to{box-shadow:0 0 0 14px #fff0}}.cam-full-note{text-align:center;color:#ffffffc7;text-wrap:pretty;max-width:420px;margin:0;font-size:.875rem}.cam-full-note a{color:#fff}@media (width<=360px){.cam-full-buttons{gap:12px}.glass-spacer{display:none}}.thermo{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-md);box-shadow:var(--shadow);gap:18px;padding:18px 16px 16px;display:grid}.thermo[data-online=false]{opacity:.6}.thermo-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.thermo-now{gap:4px;min-width:0;display:grid}.thermo-temp{letter-spacing:-.02em;font-size:5rem;font-weight:300;font-stretch:62%;line-height:.8}.thermo-meta{flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:-6px;display:flex}.thermo-doing{color:var(--ink-2);align-items:center;gap:8px;font-size:.875rem;font-weight:620;display:inline-flex}.thermo-doing .lamp{--lamp:var(--rule);box-shadow:none}.thermo[data-op=heating] .thermo-doing{color:var(--heat)}.thermo[data-op=heating] .thermo-doing .lamp{--lamp:var(--heat);box-shadow:0 0 0 3px color-mix(in srgb, var(--heat) 22%, transparent), 0 0 12px color-mix(in srgb, var(--heat) 60%, transparent)}.thermo[data-op=cooling] .thermo-doing{color:var(--cool)}.thermo[data-op=cooling] .thermo-doing .lamp{--lamp:var(--cool);box-shadow:0 0 0 3px color-mix(in srgb, var(--cool) 22%, transparent), 0 0 12px color-mix(in srgb, var(--cool) 60%, transparent)}.thermo-sets{justify-items:end;gap:10px;display:grid}.thermo-set{background:var(--surface-2);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.thermo-target{text-align:center;min-width:60px;transition:opacity .2s}.thermo-target[data-pending=true]{opacity:.6}.thermo-target .v{font-size:1.75rem;font-weight:620;font-stretch:72%;line-height:1}.thermo-target .l{color:var(--ink-3);margin-top:2px;font-size:.6875rem;font-weight:600;font-stretch:110%}.round{border:1px solid var(--rule-soft);background:var(--surface);width:44px;height:44px;color:var(--ink);border-radius:50%;flex:none;place-items:center;transition:transform 90ms,background-color .14s;display:grid}.round:active{background:var(--press);transform:scale(.92)}.thermo-controls{flex-wrap:wrap;gap:8px;display:flex}.thermo-controls .segmented{flex:auto}.thermo-controls .segmented button{flex:1 1 0}.segmented{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--rule-soft);gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:9px;min-height:40px;padding:0 14px;font-size:.875rem;font-weight:620;transition:background-color .16s,color .16s,box-shadow .16s}.segmented button[aria-pressed=true]{background:var(--seg-on);color:var(--ink);box-shadow:0 1px 2px #080d181f, 0 0 0 1px var(--rule-soft)}@media (pointer:coarse){.segmented button{min-height:44px}}.timeline{gap:18px;display:grid}.day{color:var(--ink-3);margin:0 0 8px 2px;font-size:.8125rem;font-weight:620;font-stretch:112%}.evs{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-md);box-shadow:var(--shadow);margin:0;padding:0 14px;list-style:none}.ev{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:50px;padding:9px 0;display:grid}.ev+.ev{border-top:1px solid var(--rule-soft)}.ev-icon{width:30px;height:30px;color:var(--ink-2);background:var(--surface-2);border-radius:9px;place-items:center;display:grid}.ev-main{min-width:0;display:grid}.ev-title{font-size:.9375rem;font-weight:520;line-height:1.3}.ev-sub{color:var(--ink-3);font-size:.8125rem}.ev-time{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;font-weight:500;font-stretch:110%}.ev[data-cat=alarm] .ev-icon{color:var(--armed);background:color-mix(in srgb, var(--armed) 12%, transparent)}.ev[data-cat=doorbell] .ev-icon{color:var(--open);background:color-mix(in srgb, var(--lamp-open) 15%, transparent)}.ev[data-sev=warning] .ev-title{color:var(--open);font-weight:620}.ev[data-sev=warning] .ev-icon{color:var(--open);background:color-mix(in srgb, var(--lamp-open) 16%, transparent)}.ev[data-sev=critical] .ev-title{color:var(--trouble);font-weight:700}.ev[data-sev=critical] .ev-icon{color:#fff;background:var(--siren)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ev[data-cat=alarm] .ev-icon{color:#a9bcff;background:#6f8cff29}}:root[data-theme=dark] .ev[data-cat=alarm] .ev-icon{color:#a9bcff;background:#6f8cff29}.chips{overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1 * var(--pad-r)) 20px calc(-1 * var(--pad-l));padding:0 var(--pad-r) 0 var(--pad-l);gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--rule);background:var(--surface);min-height:44px;color:var(--ink-2);border-radius:999px;flex:none;padding:0 16px;font-size:.875rem;font-weight:600;transition:background-color .16s,color .16s,border-color .16s}.chip[aria-pressed=true]{background:var(--ink);color:var(--plaster);border-color:var(--ink)}@media (width>=960px){.chips{flex-wrap:wrap;margin:0 0 24px;padding:0}.chip{min-height:38px}}.scrim{z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(2px);justify-content:center;align-items:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--plaster);color:var(--ink);width:100%;max-width:520px;max-height:calc(100dvh - var(--safe-top) - 24px);overscroll-behavior:contain;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:10px var(--pad-r) calc(20px + var(--safe-bottom)) var(--pad-l);animation:rise .32s var(--ease);outline:none;position:relative;overflow:auto;box-shadow:0 -12px 40px -16px #00000073}.sheet-grabber{background:var(--rule);border-radius:3px;width:38px;height:5px;margin:0 auto 10px}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sheet-head h2{text-wrap:balance;padding-top:6px;font-size:1.625rem;font-weight:780;font-stretch:70%;line-height:1.05}.sheet-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.sheet-actions .btn{flex:140px;min-height:52px}.sheet .rows+.sheet-actions{margin-top:18px}.sheet .section-note+.rows{margin-top:4px}.sheet-photo{border-radius:var(--r-md);width:100%;display:block}.scrim.is-closing{animation:.18s ease-in forwards fade-out}.scrim.is-closing .sheet{animation:.18s ease-in forwards sink}@media (width>=700px){.scrim{align-items:center;padding:24px}.sheet{border-radius:var(--r-lg);max-height:calc(100dvh - 48px);animation:pop .24s var(--ease);padding:22px 24px 24px}.sheet-grabber{display:none}.scrim.is-closing .sheet{animation:.16s ease-in forwards pop-out}}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes sink{to{transform:translateY(100%)}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes pop-out{to{opacity:0;transform:translateY(8px)scale(.98)}}.pin{-webkit-touch-callout:none}.pin-dots{justify-content:center;align-items:center;gap:14px;height:30px;margin:2px 0 8px;display:flex}.pin-dots span{border:2px solid var(--ink-3);width:14px;height:14px;transition:background-color .12s ease, border-color .12s ease, transform .16s var(--ease);border-radius:50%}.pin-dots span.on{background:var(--ink);border-color:var(--ink);transform:scale(1.08)}.pin-error{text-align:center;color:var(--trouble);min-height:1.5em;margin-bottom:10px;font-weight:600}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:360px;margin:0 auto;display:grid}.key{border:1px solid var(--rule-soft);background:var(--surface);height:66px;box-shadow:0 1px 0 var(--rule), 0 2px 6px -4px #080d1840;font-variant-numeric:tabular-nums;color:var(--ink);border-radius:18px;place-items:center;font-size:1.875rem;font-weight:480;font-stretch:84%;transition:background-color 90ms,transform 90ms,box-shadow 90ms;display:grid}.key:active:not(:disabled){background:var(--surface-2);box-shadow:0 0 0 var(--rule);transform:translateY(1px)}.key-fn{box-shadow:none;color:var(--ink-2);background:0 0;border-color:#0000}.key-fn:disabled{opacity:.35}.key-go{background:var(--ink);color:var(--plaster);border-color:var(--ink);font-size:1.0625rem;font-weight:700;font-stretch:100%}.key-go:disabled{opacity:.3}.key-go:active:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, var(--plaster))}.shake{animation:.32s shake}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.form{gap:16px;display:grid}.field-label{gap:6px;font-size:.9375rem;font-weight:620;display:grid}.field-label small{color:var(--ink-3);font-size:.8125rem;font-weight:450;font-stretch:106%}.input,select.input{border-radius:var(--r-sm);border:1px solid var(--rule);background:var(--surface);width:100%;min-height:48px;padding:0 14px;font-size:1rem;font-weight:450;transition:border-color .14s,box-shadow .14s}.input::placeholder{color:color-mix(in srgb, var(--ink-3) 75%, transparent)}.input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent);outline:none}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237b8594' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.input-inline{width:auto;min-height:44px}.plate .input,.plate select.input{background-color:var(--surface-2);border-color:var(--rule-soft)}.plate .input:focus{background-color:var(--surface);border-color:var(--focus)}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.choice{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--surface);text-align:left;align-items:center;gap:10px;min-height:52px;padding:0 14px;font-size:.9375rem;font-weight:620;transition:border-color .14s,box-shadow .14s;display:flex}.choice[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.toggle-row{border-bottom:1px solid var(--rule-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:8px 0;display:flex}.toggle-row:last-child{border-bottom:0}.plate .btn-row+.toggle-row{margin-top:8px}.toggle-row>span{gap:1px;font-weight:560;display:grid}.toggle-row small{color:var(--ink-3);font-size:.8125rem;font-weight:450;font-stretch:106%}.switch{appearance:none;background:var(--rule);cursor:pointer;border-radius:999px;flex:none;width:51px;height:31px;margin:0;transition:background-color .16s;position:relative}.switch:after{content:"";width:27px;height:27px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000038}.switch:checked{background:var(--lamp-ok)}.switch:checked:after{transform:translate(20px)}.form-error{color:var(--trouble);font-size:.9375rem;font-weight:600}.form-error-soft{font-weight:500}.form-ok{color:var(--ready);font-size:.9375rem;font-weight:600}details.advanced summary{cursor:pointer;color:var(--ink-2);align-items:center;gap:10px;min-height:44px;font-weight:600;list-style:none;display:flex}details.advanced summary::-webkit-details-marker{display:none}details.advanced summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin-top:-3px;transition:transform .16s;transform:rotate(45deg)}details.advanced[open] summary:after{margin-top:3px;transform:rotate(-135deg)}details.advanced[open] summary{margin-bottom:4px}.settings{max-width:720px}.set-section{margin-bottom:32px}.set-section .section-head{margin-bottom:8px}@media (width>=1400px){.settings{columns:2 420px;column-gap:32px;max-width:none}.set-section{break-inside:avoid;width:100%;display:inline-block}}.banner,.toast{border-radius:var(--r-sm);background:var(--ink);max-width:480px;color:var(--plaster);align-items:center;gap:10px;padding:12px 16px;font-size:.9375rem;font-weight:600;line-height:1.35;display:flex;box-shadow:0 12px 30px -10px #00000073}.banner{z-index:45;left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + 10px);animation:toast-in .26s var(--ease);margin:0 auto;position:fixed}.toasts{z-index:90;left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + 10px);pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed}.toast{animation:toast-in .26s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (width>=960px){.banner,.toasts{bottom:24px;left:340px}}.panel~.toasts,.auth~.toasts{bottom:calc(24px + var(--safe-bottom));left:16px}.auth{background:var(--plaster);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.auth-field .field-inner{min-height:300px;padding-bottom:36px}.auth-field .state-word{margin-top:auto;padding-top:36px}.auth-body{padding:24px var(--pad-r) calc(40px + var(--safe-bottom)) var(--pad-l);width:100%;max-width:460px;margin:0 auto}.auth-body .plate{padding:20px}.auth-body .btn-solid{min-height:52px;margin-top:4px}@media (width<=959px){.auth-field{border-radius:0 0 var(--r-xl) var(--r-xl)}}@media (width>=960px){.auth{grid-template-rows:1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.auth-field{height:auto;position:relative}.auth-field .field-inner{padding:40px 56px 56px}.auth-field .state-word{font-size:7rem}.auth-body{align-self:center}}.panel{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--plaster);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.panel-field.field{border-radius:0;height:100%;position:relative}.panel-field .field-inner{height:100%;padding:calc(26px + var(--safe-top)) 34px calc(26px + var(--safe-bottom)) calc(34px + var(--safe-left));gap:0}.panel-top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.panel-clock{font-size:2rem;font-weight:420;font-stretch:70%;line-height:1}.panel-state{gap:20px;margin-top:auto;padding-bottom:28px;display:grid}.panel .state-word{margin:0;font-size:clamp(4.5rem,12vw,9rem)}.panel .state-detail{max-width:28ch;font-size:1.375rem}.panel .field-count{gap:22px}.panel .dial-num{font-size:2.75rem}.panel .dial-track,.panel .dial-bar{stroke-width:6px}.panel-links{gap:8px;margin-left:-12px;font-size:.9375rem;font-stretch:108%;display:flex}.panel-links a,.panel-links button{border-radius:var(--r-sm);min-height:44px;color:inherit;opacity:.78;background:0 0;border:0;align-items:center;padding:0 12px;font-weight:560;text-decoration:none;display:inline-flex}.panel-links a:active,.panel-links button:active{background:color-mix(in srgb, var(--field-ink) 14%, transparent)}.panel-side{padding:calc(22px + var(--safe-top)) calc(26px + var(--safe-right)) calc(22px + var(--safe-bottom)) 26px;flex-direction:column;justify-content:center;gap:14px;min-width:0;display:flex}.panel .keypad{gap:12px;max-width:none}.panel .key{height:clamp(56px,12.5vh,84px);font-size:2.125rem}.panel .key-go{font-size:1.25rem}.panel-arm{gap:14px;display:grid}.arm-btn{border-radius:var(--r-lg);text-align:left;color:#fff;background:var(--ink);border:0;align-items:center;gap:18px;min-height:108px;padding:0 24px;transition:transform .1s;display:flex;box-shadow:0 14px 30px -18px #080d18b3}.arm-btn[data-mode=away]{background:var(--armed);color:var(--armed-ink)}.arm-btn:active{transform:scale(.98)}.arm-btn span{gap:2px;display:grid}.arm-btn strong{font-size:1.75rem;font-weight:760;font-stretch:72%;line-height:1.05}.arm-btn small{opacity:.75;font-size:.9375rem;font-weight:480;font-stretch:110%}.panel-sound{color:var(--ink-2);text-align:center;font-size:.9375rem;font-weight:600}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .arm-btn[data-mode=home]{background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--rule)}}:root[data-theme=dark] .arm-btn[data-mode=home]{background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--rule)}@media (width<=700px){.panel{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.panel-field .field-inner{min-height:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.field[data-pulse=true],.cam.is-ringing,.talk-btn.is-talking .talk-icon{animation:none!important}.spinner,.cam-spinner{animation:2.4s linear infinite spin!important}.row.is-fresh{background:color-mix(in srgb, var(--amber) 18%, transparent);animation:none!important}}