:root,:root[data-theme=dusk]{color-scheme:dark;--color-bg: #191310;--color-deep: #0e0b09;--color-surface: #26201b;--color-surface-2: #2f2721;--color-text: #f2e9df;--color-muted: rgba(242, 233, 223, .55);--color-faint: rgba(242, 233, 223, .28);--color-accent: #e0a43c;--color-accent-strong: #f0b854;--color-accent-text: #191310;--color-soft: rgba(224, 164, 60, .16);--color-border: rgba(224, 164, 60, .45);--color-hover: rgba(224, 164, 60, .24);--color-ok: #8fa97b;--color-ok-soft: rgba(143, 169, 123, .13);--color-alert: #d4593b;--color-alert-soft: rgba(212, 89, 59, .14);--shadow: 0 18px 40px -18px rgba(0, 0, 0, .8);--scrim: rgba(13, 10, 8, .55)}:root[data-theme=midnight]{color-scheme:dark;--color-bg: #0e1116;--color-deep: #080a0d;--color-surface: #171c24;--color-surface-2: #1f2630;--color-text: #e8edf4;--color-muted: rgba(232, 237, 244, .55);--color-faint: rgba(232, 237, 244, .26);--color-accent: #9db8e8;--color-accent-strong: #b7ccf2;--color-accent-text: #0e1116;--color-soft: rgba(157, 184, 232, .14);--color-border: rgba(157, 184, 232, .42);--color-hover: rgba(157, 184, 232, .24);--color-ok: #7fb08a;--color-ok-soft: rgba(127, 176, 138, .13);--color-alert: #e06552;--color-alert-soft: rgba(224, 101, 82, .15);--shadow: 0 18px 40px -18px rgba(0, 0, 0, .85);--scrim: rgba(8, 10, 13, .55)}:root[data-theme=daylight]{color-scheme:light;--color-bg: #f2e9df;--color-deep: #e9ddcf;--color-surface: #faf4ec;--color-surface-2: #ffffff;--color-text: #2a211c;--color-muted: rgba(42, 33, 28, .6);--color-faint: rgba(42, 33, 28, .35);--color-accent: #a5720f;--color-accent-strong: #8a5e0a;--color-accent-text: #111111;--color-soft: rgba(165, 114, 15, .12);--color-border: rgba(165, 114, 15, .4);--color-hover: rgba(165, 114, 15, .24);--color-ok: #5d7a49;--color-ok-soft: rgba(93, 122, 73, .12);--color-alert: #b8432a;--color-alert-soft: rgba(184, 67, 42, .12);--shadow: 0 14px 34px -16px rgba(90, 70, 50, .35);--scrim: rgba(42, 33, 28, .45)}:root[data-color-scheme=light]{color-scheme:light}:root[data-color-scheme=dark]{color-scheme:dark}.theme-editor{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem}.theme-editor fieldset,.theme-editor__colors{display:grid;gap:.75rem}.theme-editor label{align-items:center;display:flex;gap:.5rem}.theme-editor__colors label{justify-content:space-between}.theme-editor__status{color:var(--color-muted);min-height:1.5em}@media(prefers-reduced-motion:no-preference){:root{transition:background-color .12s ease,color .12s ease}}.camera-duty{align-items:center;background:var(--color-bg, #191310);box-sizing:border-box;color:var(--color-text, #f2e9df);cursor:auto;display:grid;justify-items:center;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));transition:background-color .16s ease,color .16s ease}.camera-duty button,.camera-duty input,.camera-duty label{cursor:pointer}.camera-duty__minimal{display:grid;gap:.75rem;justify-items:center;max-width:32rem;text-align:center}.camera-duty__wake-status,.battery-saver__status,.battery-saver__error,.battery-saver__limitation{margin:0}.battery-saver{display:grid;gap:.5rem;justify-items:center}.battery-saver__toggle{align-items:center;display:inline-flex;gap:.625rem;min-height:2.75rem;padding:.25rem}.battery-saver__limitation{color:var(--color-muted, #c7bdb3);font-size:.875rem;max-width:30rem}.battery-saver__error{color:var(--color-alert, #e06552);font-size:.875rem;max-width:30rem}.camera-duty--battery-saver{background:#000;color:#a8a8a8}.camera-duty--battery-saver .camera-duty__minimal h1,.camera-duty--battery-saver .camera-duty__details{display:none}.camera-duty--battery-saver .battery-saver__limitation{color:#8f8f8f}@media(prefers-reduced-motion:reduce){.camera-duty{transition:none}}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-italic-BicUS2cM.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-italic-BfTTTDIL.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-italic-Py8at3oI.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spline-sans-mono-latin-ext-400-normal-BfWvPoNT.woff2) format("woff2"),url(/assets/spline-sans-mono-latin-ext-400-normal-BkT5i7fe.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spline-sans-mono-latin-400-normal-mUpA6Mve.woff2) format("woff2"),url(/assets/spline-sans-mono-latin-400-normal-739QRW1l.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/spline-sans-mono-latin-ext-500-normal-OEIRRHyd.woff2) format("woff2"),url(/assets/spline-sans-mono-latin-ext-500-normal-CMfDuBbn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/spline-sans-mono-latin-500-normal-Cy_wwipl.woff2) format("woff2"),url(/assets/spline-sans-mono-latin-500-normal-DuiJ5LHB.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}:root{--visual-viewport-height: 100svh;--visual-viewport-top: 0px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);background:var(--color-bg, #191310);block-size:100%;overflow:hidden}@media(display-mode:standalone){:root{--visual-viewport-height: 100dvh}}html,body,#root{block-size:100%;inline-size:100%;min-block-size:0;overflow:hidden}body{background:var(--color-bg, #191310);color:var(--color-text, #f2e9df);cursor:auto;margin:0}button,[href],input,label,select,summary,textarea{cursor:pointer}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,pre,code,[contenteditable=true],[data-selectable]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}@media(hover:hover)and (pointer:fine){body{-webkit-user-select:text;user-select:text}}.app-viewport{background:var(--color-bg, #191310);block-size:var(--visual-viewport-height, 100svh);color:var(--color-text, #f2e9df);display:flex;inline-size:100%;inset-block-start:var(--visual-viewport-top, 0px);inset-inline-start:0;min-block-size:0;overflow:hidden;padding-block-end:calc(1rem + var(--safe-area-bottom));padding-block-start:calc(1rem + var(--safe-area-top));padding-inline-end:calc(1rem + var(--safe-area-right));padding-inline-start:calc(1rem + var(--safe-area-left));position:fixed}.viewport-screen{--screen-max-inline-size: 44rem;block-size:100%;display:flex;flex:1 1 auto;flex-direction:column;inline-size:min(100%,var(--screen-max-inline-size));margin-inline:auto;max-inline-size:var(--screen-max-inline-size);min-block-size:0;min-inline-size:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.chooser-screen,.duty-screen,.loading-screen{justify-content:safe center}.boot-skeleton{display:flex;flex-direction:column;gap:1rem;inline-size:100%}.boot-skeleton__title,.boot-skeleton__card,.boot-skeleton__row{animation:boot-shimmer 1.6s ease-in-out infinite;background:linear-gradient(100deg,var(--color-surface) 40%,var(--color-surface-2) 50%,var(--color-surface) 60%);background-size:200% 100%;border-radius:.75rem}.boot-skeleton__title{block-size:2rem;inline-size:min(14rem,60%)}.boot-skeleton__card{block-size:9rem}.boot-skeleton__row{block-size:3.25rem}@keyframes boot-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.setup-screen{--screen-max-inline-size: 52rem}.viewer-screen{--screen-max-inline-size: 73.75rem;overflow:hidden;overscroll-behavior:auto;scrollbar-gutter:auto}.viewport-scroll,[data-scroll-owner]{flex:1 1 auto;min-block-size:0;min-inline-size:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.viewer-grid{display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.viewport-screen>.camera-duty{block-size:auto;min-block-size:100%;overflow:visible}.camera-duty.viewport-screen{block-size:100%;min-block-size:0;overflow:auto}@media(min-width:48rem){.app-viewport{padding-block-end:calc(1.5rem + var(--safe-area-bottom));padding-block-start:calc(1.5rem + var(--safe-area-top));padding-inline-end:calc(1.5rem + var(--safe-area-right));padding-inline-start:calc(1.5rem + var(--safe-area-left))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.boot-skeleton__title,.boot-skeleton__card,.boot-skeleton__row{animation:none}}:root{--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-ui: "Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", monospace;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--line: var(--color-soft);--ease: cubic-bezier(.2, .7, .2, 1);--lamp-live: var(--color-accent);--lamp-live-glow: 0 0 0 3px var(--color-soft), 0 0 16px 3px var(--color-soft);--lamp-idle: var(--color-faint);--text-body: 15px;--text-small: 13.5px;--text-caption: 11px;--text-eyebrow: 10.5px}[hidden]{display:none!important}body{font-family:var(--font-ui);font-size:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font-family:var(--font-display);font-size:clamp(26px,6vw,30px);font-weight:500;letter-spacing:.005em;line-height:1.15;margin:0}h2{font-family:var(--font-display);font-size:20px;font-weight:500;line-height:1.2;margin:0}h3{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.14em;margin:0;text-transform:uppercase}p{color:var(--color-muted);line-height:1.55;margin:0}strong{color:var(--color-text);font-weight:600}time{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums;letter-spacing:.04em}a{color:var(--color-accent)}.eyebrow{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.caption{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em}button{align-items:center;background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius);color:var(--color-text);cursor:pointer;display:inline-flex;font:inherit;font-size:14.5px;font-weight:500;gap:8px;justify-content:center;line-height:1.25;min-block-size:2.75rem;padding:11px 18px;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}button:hover{background:var(--color-hover)}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.45;pointer-events:none}button[type=submit],.btn-primary{background:var(--color-accent);color:var(--color-accent-text);font-weight:600}button[type=submit]:hover,.btn-primary:hover{background:var(--color-accent-strong)}.btn-quiet{background:none;border-color:var(--color-faint);color:var(--color-muted)}.btn-quiet:hover{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}button[aria-pressed=true]{background:var(--color-soft);border-color:var(--color-border);color:var(--color-accent-strong)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus-visible,a:focus-visible{border-radius:inherit}input,select,textarea{background:var(--color-deep);border:1px solid var(--color-faint);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:16px;inline-size:100%;padding:11px 14px;transition:border-color .18s var(--ease)}input:hover,select:hover,textarea:hover{border-color:var(--color-muted)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-accent);outline:none}input::placeholder{color:var(--color-faint)}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent);block-size:20px;inline-size:20px;padding:0}input[type=color]{block-size:40px;inline-size:58px;padding:2px}label{color:var(--color-muted);display:flex;flex-direction:column;font-size:var(--text-small);gap:6px}label:has(input[type=checkbox]),label:has(input[type=radio]){align-items:center;color:var(--color-text);flex-direction:row;font-size:var(--text-body);gap:10px}input[type=checkbox][role=switch]{appearance:none;-webkit-appearance:none;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;block-size:1.375rem;cursor:pointer;flex:none;inline-size:2.5rem;margin:0;position:relative;transition:background .2s var(--ease),border-color .2s var(--ease)}input[type=checkbox][role=switch]:before{background:var(--color-muted);border-radius:50%;block-size:1rem;content:"";inline-size:1rem;inset-block-start:50%;inset-inline-start:.1875rem;position:absolute;transform:translateY(-50%);transition:inset-inline-start .2s var(--ease),background .2s var(--ease)}input[type=checkbox][role=switch]:checked{background:var(--color-soft);border-color:var(--color-accent)}input[type=checkbox][role=switch]:checked:before{background:var(--color-accent);inset-inline-start:calc(100% - 1.1875rem)}input[type=checkbox][role=switch]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=checkbox][role=switch]:disabled{cursor:default;opacity:.5}section:not(.viewport-screen):not(.camera-duty){background:var(--color-surface);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;padding:18px}section section:not(.viewport-screen):not(.camera-duty){background:var(--color-surface-2);padding:14px}section>button,section>[role=group]>button,section>div>button{background:var(--color-surface-2)}section>button:hover,section>[role=group]>button:hover,section>div>button:hover{background:var(--color-hover)}fieldset{border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;margin:0;padding:14px}legend{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.14em;padding-inline:6px;text-transform:uppercase}form{display:flex;flex-direction:column;gap:14px}[role=group]{display:flex;flex-wrap:wrap;gap:10px}[role=group]>button{flex:1 1 7rem}.rule{background:var(--line);block-size:1px;border:0;inline-size:100%;margin:0}ul,ol{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}ul>li>button{align-items:flex-start;border-radius:var(--radius-lg);flex-direction:column;gap:4px;inline-size:100%;padding:16px;text-align:start}ul>li>button strong{font-family:var(--font-display);font-size:19px;font-weight:500}ul>li>button span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption)}ol li{align-items:center;background:var(--color-surface-2);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}ol li button{background:var(--color-soft);color:var(--color-accent-strong);font-size:13px;min-block-size:0;padding:7px 13px}video{aspect-ratio:4 / 3;background:var(--color-deep);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:block;inline-size:100%;object-fit:cover}[role=status],[role=alert]{align-self:flex-start;border-radius:999px;font-family:var(--font-mono);font-size:var(--text-eyebrow);inline-size:fit-content;letter-spacing:.1em;padding:5px 11px;text-transform:uppercase}[role=status]{background:var(--color-soft);color:var(--color-muted)}[role=alert]{background:var(--color-alert-soft);color:var(--color-alert)}.note,.note[role=status],.note[role=alert]{align-self:stretch;background:var(--color-soft);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-ui);font-size:14px;inline-size:auto;letter-spacing:normal;line-height:1.5;padding:12px 16px;text-transform:none}.note--alert,.note--alert[role=alert]{background:var(--color-alert-soft);color:var(--color-alert)}.note--alert a{color:inherit}[data-testid=camera-screen-flash]{align-self:auto;background:#fff;block-size:auto;border-radius:0;inline-size:auto;inset:0;padding:0}.lamp{background:var(--lamp-idle);block-size:8px;border-radius:50%;display:inline-block;flex:none;inline-size:8px;transition:background .3s var(--ease),box-shadow .3s var(--ease)}.lamp[data-live],[data-live]>.lamp{animation:remocam-ember 5s ease-in-out infinite;background:var(--lamp-live);box-shadow:var(--lamp-live-glow)}@keyframes remocam-ember{0%,to{opacity:1}50%{opacity:.45}}@keyframes remocam-pulse{0%,to{opacity:1}50%{opacity:.3}}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--color-surface);border:1px solid transparent;border-radius:999px;color:var(--color-muted);font-size:13px;gap:7px;min-block-size:0;padding:7px 13px}.chip:hover{color:var(--color-text)}.chip[aria-pressed=true]{background:var(--color-soft);border-color:var(--color-border);color:var(--color-accent-strong)}.chip__count{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow)}.chip[aria-pressed=true] .chip__count{color:currentColor;opacity:.7}.tag{background:var(--color-surface-2);border-radius:999px;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.08em;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.tag[data-tone=ok]{background:var(--color-ok-soft);color:var(--color-ok)}.tag[data-tone=alert]{background:var(--color-alert-soft);color:var(--color-alert)}.tag[data-tone=accent]{background:var(--color-soft);color:var(--color-accent-strong)}[role=dialog]{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 0 0 100vmax var(--scrim),var(--shadow);inline-size:min(100%,34rem);inset:auto 0 0;margin-inline:auto;max-block-size:min(80svh,34rem);overflow:auto;overscroll-behavior:contain;padding:20px 20px calc(24px + var(--safe-area-bottom));position:fixed;z-index:60}[role=dialog] pre{background:var(--color-deep);border-radius:var(--radius-sm);color:var(--color-muted);font-family:var(--font-mono);font-size:11.5px;margin:0;max-block-size:40svh;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-word}[role=dialog]>button{background:var(--color-surface-2);font-size:13px;min-block-size:0;padding:10px 16px}dialog{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--color-text);inline-size:min(28rem,calc(100vw - 2rem));padding:0}dialog::backdrop{background:var(--scrim)}.visually-hidden{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.shimmer{animation:boot-shimmer 1.6s ease-in-out infinite;background:linear-gradient(100deg,var(--color-surface) 40%,var(--color-surface-2) 50%,var(--color-surface) 60%);background-size:200% 100%;border-radius:var(--radius-sm);display:block}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}#root{display:flex;flex-direction:column;min-block-size:100%}:root,html,body,#root{block-size:auto;min-block-size:100%;overflow:visible}main[data-screen-kind]:not(.app-viewport){display:flex;flex-direction:column;gap:18px;inline-size:100%;margin-inline:auto;max-inline-size:44rem;padding-block:10px calc(32px + var(--safe-area-bottom));padding-inline:calc(16px + var(--safe-area-left)) calc(16px + var(--safe-area-right))}main[data-screen-kind]{animation:page-enter .26s var(--ease) both}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}main[data-screen-kind=chooser]:not(.app-viewport),main[data-screen-kind=pin-gate]:not(.app-viewport),main[data-screen-kind=grid-viewer-locked]:not(.app-viewport),main[data-screen-kind=loading]:not(.app-viewport),main[data-screen-kind=error]:not(.app-viewport){justify-content:safe center;max-inline-size:27rem}main[data-screen-kind=loading] .viewport-screen,main[data-screen-kind=error] .viewport-screen,main[data-screen-kind=pin-gate] .viewport-screen{justify-content:safe center}main[data-screen-kind=viewer-list]:not(.app-viewport),main[data-screen-kind=live-viewer]:not(.app-viewport){max-inline-size:28rem}main[data-screen-kind=grid-viewer]:not(.app-viewport){max-inline-size:69rem}main[data-screen-kind=pricing].app-viewport,main[data-screen-kind=billing].app-viewport,main[data-screen-kind=profile].app-viewport,main[data-screen-kind=library].app-viewport{padding-block-start:calc(4rem + var(--safe-area-top))}.viewport-screen{gap:18px;padding-block-end:24px}.viewport-screen>*{min-inline-size:0}header,.page-head{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px;inline-size:100%;justify-content:flex-end;min-inline-size:0}header>div,header>h1,header>h1~p,.page-head>h1,.page-head>p{flex:1 1 100%;min-inline-size:0;order:1}header>div{display:flex;flex-direction:column;gap:4px}header>h1,header>div>h1,.page-head>h1{margin-block-start:6px}header p,.page-head p{color:var(--color-muted);font-size:14px;margin:0}main[data-screen-kind=live-viewer]>header p{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em}header>button,.page-head>button{background:none;border-radius:8px;color:var(--color-muted);font-size:13.5px;min-block-size:2.25rem;order:0;padding:6px 10px}header>button:hover,.page-head>button:hover{background:var(--color-soft);color:var(--color-text)}header>button:first-child:not(.page-head__action),.page-head__back{margin-inline-end:auto;margin-inline-start:-10px}header>button:first-child:not(.page-head__action):before,.page-head__back:before{content:"←";font-family:var(--font-ui);margin-inline-end:2px}.app-settings-bar{position:relative;z-index:20;align-items:center;border-block-end:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 14px;inline-size:100%;justify-content:flex-end;padding:calc(10px + var(--safe-area-top)) calc(clamp(16px,3vw,36px) + var(--safe-area-right)) 10px calc(clamp(16px,3vw,36px) + var(--safe-area-left))}.app-brand{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:19px;font-weight:500;gap:9px;margin-inline-end:auto;text-decoration:none}.app-brand__ember{animation:remocam-ember 5s ease-in-out infinite;background:var(--color-accent);block-size:8px;border-radius:50%;box-shadow:0 0 12px 2px var(--color-soft);display:inline-block;inline-size:8px}.app-settings-bar details{min-inline-size:0;position:relative}summary{align-items:center;border:1px solid transparent;border-radius:999px;color:var(--color-muted);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;list-style:none;padding:7px 13px;transition:border-color .2s var(--ease),color .2s var(--ease)}summary::-webkit-details-marker{display:none}summary:after{color:var(--color-faint);content:"▾";font-size:10px}summary:hover{border-color:var(--line);color:var(--color-text)}details[open]>summary{background:var(--color-soft);color:var(--color-accent-strong)}details[open]>summary:after{color:currentColor}.app-avatar{padding:8px}.app-avatar:after{content:none}.app-avatar svg{block-size:19px;display:block;inline-size:19px}.app-settings-bar details>:not(summary){background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;inline-size:min(22rem,calc(100vw - 2rem));inset-block-start:calc(100% + 8px);inset-inline-end:0;padding:16px;position:absolute;z-index:30}.app-settings-bar .menu-account>:not(summary){gap:2px;inline-size:max-content;min-inline-size:11.5rem;padding:8px}.menu-account__link,.menu-account__sign-out{background:none;border:1px solid transparent;border-radius:9px;color:var(--color-text);cursor:pointer;font:inherit;font-size:13.5px;min-block-size:0;padding:8px 10px;text-align:start;text-decoration:none;transition:background-color .2s var(--ease),border-color .2s var(--ease)}.menu-account__link:hover,.menu-account__sign-out:hover:not(:disabled){background:var(--color-soft)}.menu-account__sign-out{border-block-start:1px solid var(--line);border-start-end-radius:0;border-start-start-radius:0;color:var(--color-muted);margin-block-start:4px;padding-block-start:10px}.menu-account__sign-out:hover:not(:disabled){color:var(--color-text)}.menu-account__sign-out:disabled{color:var(--color-muted);cursor:progress}@media(max-width:47rem){.app-settings-bar{gap:4px;padding-inline:calc(12px + var(--safe-area-left)) calc(12px + var(--safe-area-right))}.app-brand{font-size:16px;gap:7px}.app-settings-bar details>summary{font-size:0;gap:0;padding:9px}.app-settings-bar details>summary:after{display:none}.app-settings-bar details>summary:not(.app-avatar):before{background:currentColor;block-size:19px;content:"";display:block;inline-size:19px;-webkit-mask:var(--menu-icon) center / contain no-repeat;mask:var(--menu-icon) center / contain no-repeat}.menu-appearance{--menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpath d='M17 12.5A7 7 0 0 1 8.5 4a7 7 0 1 0 8.5 8.5Z' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.app-settings-bar details{position:static}.app-settings-bar details>:not(summary){inline-size:auto;inset-inline:calc(8px + var(--safe-area-left)) calc(8px + var(--safe-area-right));max-block-size:calc(100svh - 7rem);overflow:auto;overscroll-behavior:contain}.app-settings-bar .menu-account>:not(summary){inset-inline:auto calc(8px + var(--safe-area-right));max-inline-size:calc(100vw - 16px - var(--safe-area-left) - var(--safe-area-right))}}.chooser-screen{--screen-max-inline-size: 27rem;text-align:center}.chooser-screen>h1{font-size:38px;margin-block-end:4px}main[data-screen-kind=desktop-link] .chooser-screen>[role=group]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-3, .75rem)}main[data-screen-kind=sign-in] .chooser-screen>button,main[data-screen-kind=desktop-link] .chooser-screen>[role=group]>button:first-child{background:var(--color-accent);color:var(--color-accent-text);font-size:16px;font-weight:600;padding:16px 20px}main[data-screen-kind=sign-in] .chooser-screen>button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.sign-in-logo{width:1em;height:1.2em;flex:none;margin-block-start:-.15em}main[data-screen-kind=sign-in] .chooser-screen>button:hover:not(:disabled){background:var(--color-accent-strong)}.sign-in-note{color:var(--color-muted);font-size:var(--text-small)}main[data-screen-kind=sign-in] .sign-in-methods{flex-direction:row;justify-content:center}main[data-screen-kind=sign-in] .sign-in-methods>.sign-in-method{background:none;border-color:var(--color-faint);color:var(--color-muted);flex:1 1 auto;font-size:var(--text-small);padding:12px 16px}main[data-screen-kind=sign-in] .sign-in-methods>.sign-in-method:hover:not(:disabled),main[data-screen-kind=sign-in] .sign-in-methods>.sign-in-method[aria-expanded=true]{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.sign-in-form{text-align:start}.sign-in-form>button[type=submit]{background:var(--color-accent);color:var(--color-accent-text);font-weight:600;padding:14px 20px}.sign-in-form__links{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between}.sign-in-link{background:none;border:none;color:var(--color-muted);font-size:var(--text-small);padding:4px 0;text-decoration:underline;text-underline-offset:3px}.sign-in-link:hover:not(:disabled){color:var(--color-text)}.sign-in-notice{color:var(--color-accent-strong);font-size:var(--text-small)}.chooser-screen [role=group]{flex-direction:column}.chooser-screen [role=group]>button{flex:1 1 auto;font-size:16px;padding:16px 20px}.chooser-screen [role=group]>button:first-child{background:var(--color-accent);color:var(--color-accent-text);font-weight:600}.chooser-screen [role=group]>button:first-child:hover{background:var(--color-accent-strong)}#root section[aria-label="Camera and viewer role controls"] section[aria-label="Role controls"]{background:none;padding:0}section[aria-label="Role controls"]>div{align-items:center;display:flex;flex-wrap:wrap;gap:6px 14px}section[aria-label="Role controls"]>div>p{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase}section[aria-label="Role controls"]>div>p[role=alert]{font-family:var(--font-ui);letter-spacing:normal;text-transform:none}section[aria-label="Role controls"]>div>button{background:none;border-color:var(--color-faint);color:var(--color-muted);font-size:13px;min-block-size:0;padding:8px 14px}section[aria-label="Role controls"]>div>button:hover{background:var(--color-surface-2);color:var(--color-text)}section[aria-label="Role controls"]>div>button:first-of-type{margin-inline-start:auto}.camera-list__row{align-items:center;background:var(--color-surface);column-gap:14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;padding:14px 16px 14px 14px;row-gap:0}.camera-list__row:hover{background:var(--color-surface-2);border-color:var(--line)}.camera-list__icon{align-items:center;background:radial-gradient(circle at 84% 16%,var(--lamp-idle) 2.5px,transparent 3.5px),var(--color-deep);block-size:44px;border-radius:12px;color:var(--color-muted);display:flex;grid-column:1;inline-size:44px;justify-content:center;transition:background .3s var(--ease),box-shadow .3s var(--ease),color .3s var(--ease)}li[data-live]>.camera-list__row>.camera-list__icon{animation:remocam-ember 5s ease-in-out infinite;background:radial-gradient(circle at 84% 16%,var(--lamp-live) 2.5px,transparent 3.5px),radial-gradient(circle at center,var(--color-soft) 30%,transparent 70%),var(--color-deep);box-shadow:inset 0 0 0 1px var(--color-soft);color:var(--color-text)}.camera-list__row>strong{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-list__row>.camera-list__seen{grid-column:3;text-align:end;white-space:nowrap}li[data-live]>.camera-list__row>.camera-list__seen{color:var(--color-accent-strong)}.camera-self{background:none;border:1px dashed var(--line);color:var(--color-muted);font-size:var(--text-small);font-weight:500;justify-content:flex-start;padding:12px 16px;text-align:start}.camera-self:before{animation:remocam-ember 5s ease-in-out infinite;background:var(--lamp-live);block-size:7px;border-radius:50%;box-shadow:var(--lamp-live-glow);content:"";flex:none;inline-size:7px}.camera-self:hover{background:var(--color-surface);border-style:solid;color:var(--color-text)}ul[aria-label=Cameras]>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.camera-list__row{grid-column:1}.camera-list__icon-edit{align-self:center;background:none;border-color:var(--color-faint);color:var(--color-muted);font-size:var(--text-small);grid-column:2;padding:8px 12px}.camera-list__icon-edit:hover,.camera-list__icon-edit[aria-expanded=true]{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}ul[aria-label=Cameras]>li>.icon-picker{grid-column:1 / -1}.camera-list__lock{border:1px dashed var(--line);border-radius:var(--radius-lg);display:grid;gap:10px;padding:16px 20px}.camera-list__lock>h2{font-size:var(--text-body);margin:0}.camera-list__lock>p{color:var(--color-muted);font-size:var(--text-small);margin:0}.camera-list__lock>form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.camera-list__lock>form>label{display:grid;flex:1 1 10rem;gap:4px}.camera-list__error{color:var(--color-accent-strong);font-size:var(--text-small)}.camera-list__empty{border:1px dashed var(--line);border-radius:var(--radius-lg);padding:28px 20px;text-align:center}main[data-screen-kind=viewer-list]>.camera-list__all{background:none;border-color:var(--color-faint);color:var(--color-muted)}main[data-screen-kind=viewer-list]>.camera-list__all:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}@media(min-width:56.25rem){main[data-screen-kind=viewer-list]:not(.app-viewport){max-inline-size:64rem}main[data-screen-kind=viewer-list] ul[aria-label=Cameras]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}main[data-screen-kind=viewer-list] .camera-list__row{block-size:100%}main[data-screen-kind=viewer-list]>.camera-self,main[data-screen-kind=viewer-list]>.camera-list__all{align-self:flex-start}}#root section[aria-label="Live camera"]{background:none;padding:0;position:relative}#root section[aria-label="Live camera"]>p:first-of-type{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--scrim);border-radius:999px;color:var(--color-text);display:flex;font-family:var(--font-mono);font-size:var(--text-caption);gap:7px;inset-block-start:14px;inset-inline-start:14px;letter-spacing:.14em;padding:6px 11px 6px 9px;position:absolute;text-transform:uppercase}#root section[aria-label="Live camera"]>p:first-of-type:before{animation:remocam-pulse 2.4s ease-in-out infinite;background:var(--color-alert);block-size:7px;border-radius:50%;content:"";inline-size:7px}#root section[aria-label="Live camera"]>p:not(:first-of-type){color:var(--color-faint);font-size:12.5px;margin-block-start:8px}#root section[aria-label="Live camera"]>button:not(.sound-unlock){align-self:center;margin-block-start:10px}#root .sound-unlock{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--scrim);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-eyebrow);inset-block-end:12px;inset-inline-end:12px;letter-spacing:.1em;min-block-size:0;padding:7px 13px;position:absolute;text-transform:uppercase}.live-stage>p{align-items:center;color:var(--color-faint);display:flex;font-family:var(--font-mono);font-size:var(--text-eyebrow);gap:8px;letter-spacing:.12em;padding-inline:4px;text-transform:uppercase}.live-stage>p:before{background:var(--color-ok);block-size:6px;border-radius:50%;content:"";inline-size:6px}#root section[aria-label="Camera controls"]{background:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;padding:0}#root section[aria-label="Camera controls"]>button{background:var(--color-surface);color:var(--color-muted);flex:1 1 calc(25% - 6px);flex-direction:column;font-size:11.5px;gap:7px;max-inline-size:calc(25% - 6px);min-inline-size:0;padding:12px 4px 10px}#root section[aria-label="Camera controls"]>button:hover{background:var(--color-surface-2);color:var(--color-text)}#root section[aria-label="Camera controls"]>button svg{display:block}#root section[aria-label="Camera controls"]>button[aria-pressed=true]{background:var(--color-soft);border-color:var(--color-border);color:var(--color-accent)}button[data-talk]{align-self:center;background:radial-gradient(circle at 50% 38%,var(--color-surface-2),var(--color-surface) 70%);block-size:96px;border:1.5px solid var(--color-border);border-radius:50%;color:var(--color-accent);flex:none;font-size:12px;font-weight:600;inline-size:96px;letter-spacing:.06em;margin-block:8px;padding:0;position:relative;text-transform:uppercase;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button[data-talk]:active{transform:none}button[data-talk]:before,button[data-talk=live]:after{animation:remocam-breathe 3.2s ease-in-out infinite;border:1.5px solid var(--color-border);border-radius:50%;content:"";inset:-14px;opacity:.5;pointer-events:none;position:absolute}button[data-talk=live]:after{animation-delay:.5s;inset:-26px;opacity:.22}@keyframes remocam-breathe{0%,to{transform:scale(.97)}50%{transform:scale(1.03)}}button[data-talk][aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent-strong);color:var(--color-accent-text)}button[data-talk][aria-pressed=true]:before,button[data-talk=live][aria-pressed=true]:after{animation-duration:1.1s;opacity:.8}button[data-talk=grid-selected],button[data-talk=grid-all]{block-size:78px;font-size:11px;inline-size:78px}button[data-talk][disabled]{color:var(--color-faint);opacity:.45}button[data-talk][disabled]:before,button[data-talk][disabled]:after{animation:none}#root section[aria-label="Comfort message"],#root section[aria-label="Viewer settings"],#root section[aria-label="Activity notifications"]{background:none;flex-direction:row;flex-wrap:wrap;gap:8px;padding:0}#root section[aria-label="Comfort message"]>button,#root section[aria-label="Viewer settings"]>button,#root section[aria-label="Activity notifications"]>button{background:none;border-color:var(--color-faint);color:var(--color-muted);flex:1 1 8rem;font-size:13px;min-block-size:2.5rem;padding:9px 12px}#root section[aria-label="Comfort message"]>button:hover,#root section[aria-label="Viewer settings"]>button:hover,#root section[aria-label="Activity notifications"]>button:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}#root section[aria-label="Activity notifications"]>p{color:var(--color-faint);font-size:12.5px}main[data-screen-kind=live-viewer]>p:last-child:not([role]){color:var(--color-faint);font-size:12px;padding-inline:4px}.live-stage,.live-panel{display:contents}@media(min-width:56.25rem){main[data-screen-kind=live-viewer]:not(.app-viewport){align-items:start;column-gap:28px;display:grid;grid-template-columns:minmax(0,1fr) 21rem;max-inline-size:64rem}main[data-screen-kind=live-viewer]>header{grid-column:1 / -1}main[data-screen-kind=live-viewer] .live-stage{display:flex;flex-direction:column;gap:18px;grid-column:1;min-inline-size:0}main[data-screen-kind=live-viewer] .live-panel{display:flex;flex-direction:column;gap:14px;grid-column:2;grid-row:2 / span 4;inset-block-start:16px;position:sticky}main[data-screen-kind=live-viewer]>section,main[data-screen-kind=live-viewer]>p{grid-column:1}}@media(orientation:landscape)and (max-height:31.25rem){main[data-screen-kind=live-viewer]:not(.app-viewport){align-items:start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,38%);max-inline-size:none;padding-block-start:6px;row-gap:12px}main[data-screen-kind=live-viewer]>header{grid-column:2;grid-row:1}main[data-screen-kind=live-viewer]>header h1{font-size:22px}main[data-screen-kind=live-viewer] .live-stage{display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:1 / span 6;inset-block-start:6px;min-inline-size:0;position:sticky}main[data-screen-kind=live-viewer] .live-stage video{max-block-size:calc(100dvh - 5.5rem - var(--safe-area-bottom));object-fit:contain}main[data-screen-kind=live-viewer] .live-panel{display:flex;flex-direction:column;gap:12px;grid-column:2;grid-row:2}main[data-screen-kind=live-viewer]>section,main[data-screen-kind=live-viewer]>p{grid-column:2}}#root section[aria-label="Sound activity, last 30 minutes"]{background:none;gap:0;padding:2px 4px 0}#root section[aria-label="Sound activity, last 30 minutes"]>p:first-of-type{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:21px;font-style:italic;font-weight:400;gap:10px}#root section[aria-label="Sound activity, last 30 minutes"]>p:first-of-type:before{background:var(--color-ok);block-size:8px;border-radius:50%;content:"";flex:none;inline-size:8px}#root section[aria-label="Sound activity, last 30 minutes"]>p[data-loud]:before{background:var(--color-alert)}#root section[aria-label="Sound activity, last 30 minutes"] [role=img]{align-items:flex-end;block-size:34px;display:flex;gap:2px;margin-block-start:10px}#root section[aria-label="Sound activity, last 30 minutes"] [role=img]>i{background:var(--color-accent);border-radius:1px;flex:1 1 0;min-block-size:2px;opacity:.55}#root section[aria-label="Sound activity, last 30 minutes"] [role=img]>i[data-alert]{background:var(--color-alert);opacity:1}#root section[aria-labelledby=activity-log-title]{background:none;gap:10px;padding:0 4px}section[aria-labelledby=activity-log-title]>h2{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase}section[aria-labelledby=activity-log-title] ol li{align-items:center;background:var(--color-surface);column-gap:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;row-gap:6px}section[aria-labelledby=activity-log-title] ol li>time{min-inline-size:4.25rem}section[aria-labelledby=activity-log-title] ol li>span:first-of-type{color:var(--color-text);font-size:14px}section[aria-labelledby=activity-log-title]>ol li>span:nth-of-type(2),section[aria-labelledby=cloud-history-title] ol li>span:first-of-type{background:var(--color-surface-2);border-radius:999px;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-eyebrow);justify-self:start;letter-spacing:.08em;padding:3px 9px;text-transform:uppercase}section[aria-labelledby=activity-log-title] ol li>button{white-space:nowrap}section[aria-labelledby=cloud-history-title] ol li{grid-template-columns:auto minmax(0,1fr) auto auto}#root section[aria-labelledby=cloud-history-title]{background:none;border-block-start:1px solid var(--line);border-radius:0;gap:10px;padding:12px 0 0}#root section[aria-labelledby=cloud-history-title] ol li{background:var(--color-surface)}#root section[aria-labelledby=cloud-upsell-title]{background:var(--color-surface);gap:6px;padding:14px 16px}#root section[aria-labelledby=cloud-upsell-title] p{font-size:var(--text-small)}#root section[aria-label="Camera grid"]{background:none;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));padding:0}#root section[aria-label="Camera grid"] article{background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-lg);display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}#root section[aria-label="Camera grid"] article[data-selected]{border-color:var(--color-border);box-shadow:0 0 0 3px var(--color-soft)}#root section[aria-label="Camera grid"] article>video{aspect-ratio:16 / 10;border-radius:0;box-shadow:none;grid-column:1 / -1;grid-row:1}#root section[aria-label="Camera grid"] article>p{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--scrim);border-radius:999px;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-eyebrow);inset-block-start:10px;letter-spacing:.12em;padding:5px 10px;position:absolute;text-transform:uppercase;z-index:1}#root section[aria-label="Camera grid"] article>p:first-of-type{inset-inline-start:10px}#root section[aria-label="Camera grid"] article>p:nth-of-type(2){background:var(--color-alert-soft);color:var(--color-alert);inset-inline-end:10px}#root section[aria-label="Camera grid"] article>.grid-tile__select{background:none;border:0;column-gap:8px;border-block-start:1px solid var(--line);border-radius:0;color:var(--color-text);grid-column:1;grid-row:2;justify-content:flex-start;min-inline-size:0;padding:12px 14px;text-align:start}#root section[aria-label="Camera grid"] article>.grid-tile__select strong{font-family:var(--font-display);font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#root section[aria-label="Camera grid"] article>.grid-tile__select:hover{background:var(--color-surface-2)}#root section[aria-label="Camera grid"] article>.grid-tile__select[aria-pressed=true]{background:none;border-block-start-color:var(--line);color:var(--color-accent-strong)}#root section[aria-label="Camera grid"] article>.grid-tile__select[aria-pressed=true]:before{background:var(--lamp-live);block-size:6px;border-radius:50%;box-shadow:var(--lamp-live-glow);content:"";flex:none;inline-size:6px}#root section[aria-label="Camera grid"] article>.grid-tile__open{align-self:center;background:none;border-color:var(--color-faint);border-radius:999px;color:var(--color-muted);font-size:12.5px;grid-column:2;grid-row:2;margin-inline-end:10px;min-block-size:0;padding:6px 12px}#root section[aria-label="Camera grid"] article>.grid-tile__open:hover{background:var(--color-surface-2);color:var(--color-text)}#root section[aria-label="Camera grid"] article>.grid-tile__retry{font-size:13px;grid-column:1 / -1;grid-row:3;margin:0 12px 12px;min-block-size:0;padding:9px 12px}#root section[aria-label=Talk]{align-items:center;background:none;display:flex;flex-direction:row;gap:28px;justify-content:center;padding:10px 0 0}main[data-screen-kind=grid-viewer]>p:not([role]){color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;text-align:center;text-transform:uppercase}.camera-glyph,.camera-list__icon,.grid-tile__icon,.live-viewer__icon,.profile-devices__icon,.camera-duty__icon{align-items:center;display:inline-flex;flex:none;justify-content:center;line-height:0}.grid-tile__icon,.live-viewer__icon,.profile-devices__icon,.camera-duty__icon{color:var(--color-accent)}.live-viewer__icon>svg{block-size:1em;inline-size:1em}.grid-tile__icon>svg,.camera-duty__icon>svg,.profile-devices__icon>svg{block-size:18px;inline-size:18px}.icon-picker{border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;padding:14px}.icon-picker>legend{color:var(--color-muted);font-size:var(--text-small);padding-inline:6px}.icon-picker__group{display:flex;flex-wrap:wrap;gap:8px}.icon-picker__group-label{color:var(--color-muted);flex-basis:100%;font-size:var(--text-small);margin:0}.icon-picker__option{align-items:center;border:1px solid var(--color-faint);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;font-size:11px;min-inline-size:62px;padding:8px 6px;text-align:center;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.icon-picker__option>input{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}.icon-picker__option:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.icon-picker__option:has(>input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.icon-picker__option[data-selected]{background:var(--color-soft);border-color:var(--color-border);color:var(--color-text)}.icon-picker__option:has(>input:disabled){cursor:progress;opacity:.55}.chip__icon,.timeline__camera-icon{align-items:center;color:var(--color-accent);display:inline-flex;flex:none;justify-content:center;line-height:0;margin-inline-end:6px}body:has([data-testid=camera-duty]):not(:has([data-screen-kind])){background:var(--color-deep)}body:has([data-testid=camera-duty]):not(:has([data-screen-kind])) main[data-testid=camera-duty]{min-block-size:calc(100svh - 150px)}body:has([data-testid=camera-duty]):not(:has([data-screen-kind])) .app-settings-bar,body:has([data-testid=camera-duty]):not(:has([data-screen-kind])) #root>section{opacity:.35;transition:opacity .3s var(--ease)}body:has([data-testid=camera-duty]):not(:has([data-screen-kind])) .app-settings-bar:hover,body:has([data-testid=camera-duty]):not(:has([data-screen-kind])) .app-settings-bar:focus-within,body:has([data-testid=camera-duty]):not(:has([data-screen-kind])) #root>section:hover,body:has([data-testid=camera-duty]):not(:has([data-screen-kind])) #root>section:focus-within{opacity:1}#root .camera-duty{align-content:safe center;gap:14px}.camera-duty__details{order:1}.camera-duty__minimal{order:2}.camera-duty__details{display:grid;gap:16px;justify-items:center;max-inline-size:34rem;text-align:center}.camera-duty__details h1{font-size:clamp(26px,4.5vw,34px);font-style:italic;font-weight:400;opacity:.92}#root .camera-duty__details section[aria-label="Camera status"]{background:none;gap:6px;padding:0}.camera-duty__details section[aria-label="Camera status"]>p{color:var(--color-muted);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}.camera-duty__details section[aria-label="Camera status"]>p:last-of-type{color:var(--color-faint);font-family:var(--font-ui);font-size:12.5px;letter-spacing:normal;margin-block-start:10px;text-transform:none}.camera-duty__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.camera-duty__ember{animation:remocam-ember 5s ease-in-out infinite;background:var(--color-accent);block-size:10px;border-radius:50%;box-shadow:0 0 20px 4px var(--color-soft);inline-size:10px;margin-inline:auto}#root .camera-duty__details section[aria-label="Camera status"]>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-block-start:18px;opacity:.55;transition:opacity .3s var(--ease)}#root .camera-duty__details section[aria-label="Camera status"]>div:hover,#root .camera-duty__details section[aria-label="Camera status"]>div:focus-within{opacity:1}.camera-duty__details section[aria-label="Camera status"]>div>button{background:none;border-color:var(--color-faint);color:var(--color-muted);font-size:14px;padding:11px 18px}.camera-duty__details section[aria-label="Camera status"]>div>button:hover{background:var(--color-surface);color:var(--color-text)}#root .camera-duty [role=status]{background:none;border:1px solid var(--line);color:var(--color-faint)}#root .camera-duty__minimal{display:flex;flex-direction:column;gap:10px;opacity:.6;transition:opacity .3s var(--ease)}#root .camera-duty__minimal:hover,#root .camera-duty__minimal:focus-within{opacity:1}#root .battery-saver{background:none;gap:4px;padding:0}.battery-saver__toggle{color:var(--color-muted);font-size:var(--text-small)}.battery-saver__status,.battery-saver__limitation{color:var(--color-faint);font-size:12px}.camera-duty__details section[aria-labelledby=activity-log-title]{display:none}.camera-duty__details video{max-inline-size:30rem}@media(prefers-reduced-motion:reduce){.camera-duty__ember{animation:none}}.library-screen{gap:16px}.library-screen>*{min-inline-size:0}.library-notice{background:var(--color-alert-soft);border-radius:var(--radius-sm);color:var(--color-alert);font-size:var(--text-small);padding:10px 14px}.library-empty{align-items:center;padding-block:32px;text-align:center}.library-empty__mark{background:var(--color-soft);block-size:10px;border-radius:50%;box-shadow:0 0 0 6px var(--color-surface-2);display:block;inline-size:10px;margin-block-end:6px}.library-empty p:first-of-type{color:var(--color-text);font-family:var(--font-display);font-size:19px}.library-skeleton{display:flex;flex-direction:column;gap:12px}.library-skeleton__day,.library-skeleton__row{animation:boot-shimmer 1.6s ease-in-out infinite;background:linear-gradient(100deg,var(--color-surface) 40%,var(--color-surface-2) 50%,var(--color-surface) 60%);background-size:200% 100%;border-radius:var(--radius-sm);display:block}.library-skeleton__day{block-size:18px;inline-size:7rem}.library-skeleton__row{block-size:84px;margin-inline-start:3.5rem}.timeline{--rail-gutter: 3.75rem;--rail-x: calc(var(--rail-gutter) + 5px);display:flex;flex-direction:column;gap:8px;position:relative}.timeline:before{background:var(--line);content:"";inline-size:2px;inset-block:8px 12px;inset-inline-start:calc(var(--rail-x) - 1px);position:absolute}#root .timeline__day,.timeline__day{background:none;gap:8px;padding:0}.timeline__day-heading{align-items:baseline;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:17px;font-weight:500;gap:10px;inset-block-start:-1px;margin-inline-start:calc(var(--rail-gutter) + 20px);padding-block:6px 4px;position:sticky;z-index:2}.timeline__day-heading:before{background:var(--color-bg);content:"";inset:0 0 0 calc(-1 * (var(--rail-gutter) + 20px));position:absolute;z-index:-1}.timeline__day-heading:after{background:var(--color-accent);block-size:8px;border-radius:50%;box-shadow:0 0 0 4px var(--color-bg);content:"";inline-size:8px;inset-block-start:50%;inset-inline-start:-19px;position:absolute;transform:translateY(-50%)}.timeline__day-count{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase}.timeline__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}#root .timeline__entry,.timeline__entry{align-items:start;background:none;border:0;border-radius:0;display:grid;gap:0 14px;grid-template-columns:var(--rail-gutter) 10px minmax(0,1fr);padding:0;position:relative}.timeline__time{color:var(--color-muted);font-size:var(--text-caption);padding-block-start:15px;text-align:end;white-space:nowrap}.timeline__dot{background:var(--color-muted);block-size:10px;border-radius:50%;box-shadow:0 0 0 4px var(--color-bg);margin-block-start:15px}.timeline__entry[data-kind=motion] .timeline__dot{background:var(--color-accent)}.timeline__entry[data-kind=bark] .timeline__dot,.timeline__entry[data-kind=sound] .timeline__dot{background:var(--color-ok)}.timeline__card{background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius);display:flex;flex-direction:column;gap:4px;min-inline-size:0;padding:12px 14px;transition:border-color .2s var(--ease)}.timeline__card:hover{border-color:var(--line)}.timeline__card-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 10px}.timeline__card-head strong{font-family:var(--font-display);font-size:16.5px;font-weight:500}.timeline__kind{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase}.timeline__card p{color:var(--color-text);font-size:14px}.timeline__card-foot{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin-block-start:4px}.timeline__meta{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.04em}.timeline__actions{display:inline-flex;flex-wrap:wrap;gap:6px}.timeline__actions button{background:none;border-color:var(--color-faint);color:var(--color-muted);font-size:12.5px;gap:6px;min-block-size:0;padding:6px 11px}.timeline__actions button:hover{background:var(--color-surface-2);color:var(--color-text)}.timeline__actions .timeline__play{background:var(--color-soft);border-color:transparent;color:var(--color-accent-strong)}.timeline__actions .timeline__play:hover{background:var(--color-hover)}.timeline__actions .timeline__delete{border-color:var(--color-alert);color:var(--color-alert)}@media(max-width:540px){.timeline{--rail-gutter: 3rem}.timeline__card{padding:11px 12px}}#root .library-more,.library-more{align-self:center;background:none;border-color:var(--color-faint);color:var(--color-muted);margin-block-start:4px}.library-more:hover{background:var(--color-surface-2);color:var(--color-text)}.clip-dialog__backdrop{align-items:center;background:#0a0807c7;display:flex;inset:0;justify-content:center;padding:calc(16px + var(--safe-area-top)) calc(16px + var(--safe-area-right)) calc(16px + var(--safe-area-bottom)) calc(16px + var(--safe-area-left));position:fixed;z-index:100}#root .clip-dialog,.clip-dialog{background:var(--color-surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;inline-size:min(42rem,100%);max-block-size:100%;overflow:auto;padding:16px}.clip-dialog__heading{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.clip-dialog__heading>div{min-inline-size:0}.clip-dialog__heading button{flex:0 0 auto;min-block-size:0;padding:8px 13px}.clip-dialog video{background:var(--color-deep);border-radius:var(--radius-sm);inline-size:100%;max-block-size:calc(100dvh - 11rem - var(--safe-area-top) - var(--safe-area-bottom));object-fit:contain}@media(orientation:landscape)and (max-height:31.25rem){#root .clip-dialog,.clip-dialog{gap:8px;padding:12px 16px}.clip-dialog__heading h2{font-size:18px}.clip-dialog video{max-block-size:calc(100dvh - 8.5rem - var(--safe-area-top) - var(--safe-area-bottom))}}.clip-dialog__meta{color:var(--color-muted);font-size:13px}.clip-dialog__notice{background:var(--color-alert-soft);border-radius:var(--radius-sm);color:var(--color-alert);font-size:var(--text-small);padding:12px 14px}.motion-zones__stage{overflow:hidden;position:relative}.motion-zones__grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);inset:0;position:absolute;touch-action:none;z-index:3}#root .motion-zones__cell,.motion-zones__cell{appearance:none;background:transparent;border:1px solid rgb(255 255 255 / 28%);border-radius:0;cursor:crosshair;min-block-size:0;padding:0;transition:background-color .12s var(--ease)}.motion-zones__cell:hover{background:#ffffff1f}.motion-zones__cell[aria-checked=true]{background:var(--scrim);background-image:repeating-linear-gradient(135deg,#fff0 0 6px,#ffffff29 6px 8px)}.motion-zones__cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}#root .motion-zones__panel,.motion-zones__panel{background:var(--color-surface);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;margin-block-start:10px;padding:14px}.motion-zones__hint{color:var(--color-muted);font-size:13px}#root .motion-zones__sensitivity,.motion-zones__sensitivity{border:0;display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:0}.motion-zones__sensitivity legend{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.08em;margin-block-end:6px;text-transform:uppercase}.motion-zones__sensitivity label{align-items:center;display:inline-flex;font-size:14px;gap:6px}.motion-zones__error{color:var(--color-alert);font-size:13px}.motion-zones__actions{display:flex;flex-wrap:wrap;gap:8px}.motion-zones__actions button{flex:1 1 auto;min-block-size:0;padding:9px 12px}.motion-zones__actions .motion-zones__save{background:var(--color-accent);border-color:transparent;color:var(--color-accent-text);flex-basis:100%}.live-stage>p>button{background:none;border:0;color:var(--color-accent);font:inherit;letter-spacing:inherit;min-block-size:0;padding:0;text-transform:inherit}.clip-audio{display:flex;flex-direction:column;gap:6px}.clip-audio__status{color:var(--color-faint);font-size:12.5px}.clip-audio__head{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 12px}.clip-audio__label,.clip-audio__clock{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase}.clip-audio__clock{margin-inline-start:auto}#root .clip-audio__peak,.clip-audio__peak{background:var(--color-soft);border:0;border-radius:999px;color:var(--color-accent-strong);font-size:12px;min-block-size:0;padding:3px 10px}.clip-audio__strip{align-items:flex-end;background:var(--color-deep);block-size:56px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:1px;overflow:hidden;padding:6px 8px;position:relative;touch-action:none}.clip-audio__strip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.clip-audio__strip>i{background:var(--color-faint);border-radius:1px 1px 0 0;display:block;flex:1 1 0;min-inline-size:1px;transition:background-color .15s var(--ease)}.clip-audio__strip>i[data-played]{background:var(--color-accent)}.clip-audio__strip>i[data-peak]{background:var(--color-alert)}.clip-audio__playhead{background:var(--color-text);block-size:100%;inline-size:2px;inset-block-start:0;pointer-events:none;position:absolute;transform:translate(-1px)}#root section[aria-label="Cloud clip playback"] .clip-audio{margin-block-end:4px}.profile-screen{gap:16px}.profile-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.profile-grid__main,.profile-grid__aside{display:flex;flex-direction:column;gap:16px;min-inline-size:0}@media(min-width:60rem){.profile-screen{--screen-max-inline-size: 64rem}.profile-grid{align-items:start;grid-template-columns:minmax(0,1.6fr) minmax(18rem,1fr)}.profile-grid__aside{inset-block-start:0;position:sticky}}#root .profile-card,.profile-card{gap:10px;padding:16px 18px}.profile-card__head{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between}.profile-screen .profile-card__head h2,.profile-role h2{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.profile-card__hint{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em}#root .profile-link,.profile-link{background:none;color:var(--color-accent);font-size:13px;min-block-size:0;padding:0}#root .profile-link:hover,.profile-link:hover{background:none;color:var(--color-accent-strong);text-decoration:underline}.profile-empty{font-size:var(--text-small)}.profile-chip{background:var(--color-surface-2);border-radius:999px;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.08em;padding:3px 9px;text-transform:uppercase}.profile-chip[data-tone=ok]{background:var(--color-ok-soft);color:var(--color-ok)}.profile-chip[data-tone=alert]{background:var(--color-alert-soft);color:var(--color-alert)}.profile-plan__name{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.profile-plan__name strong{font-family:var(--font-display);font-size:24px;font-weight:500;line-height:1.1}.profile-storage{display:flex;flex-direction:column;gap:6px}.profile-storage>p{font-size:13px}.profile-storage__labels{color:var(--color-muted);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-caption);gap:4px 14px;justify-content:space-between;letter-spacing:.04em}.profile-storage progress{appearance:none;-webkit-appearance:none;background:var(--color-soft);block-size:6px;border:0;border-radius:999px;inline-size:100%;overflow:hidden}.profile-storage progress::-webkit-progress-bar{background:var(--color-soft);border-radius:999px}.profile-storage progress::-webkit-progress-value{background:var(--color-accent);border-radius:999px;transition:inline-size .4s var(--ease)}.profile-storage progress::-moz-progress-bar{background:var(--color-accent);border-radius:999px}.profile-storage[data-tone=warn] progress::-webkit-progress-value,.profile-storage[data-tone=warn] progress::-moz-progress-bar{background:var(--color-accent-strong)}.profile-storage[data-tone=alert] progress::-webkit-progress-value,.profile-storage[data-tone=alert] progress::-moz-progress-bar{background:var(--color-alert)}.profile-row{align-items:center;border-block-start:1px solid var(--line);display:grid;gap:8px 16px;grid-template-columns:minmax(0,1fr) auto;padding-block:12px 2px}.profile-row:first-of-type,.profile-card__head+.profile-row{border-block-start:0;padding-block-start:2px}.profile-row__text{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.profile-screen .profile-row__text h3{color:var(--color-text);font-family:var(--font-ui);font-size:14.5px;font-weight:500;letter-spacing:0;text-transform:none}.profile-row__text p{font-size:13px;line-height:1.45}.profile-row__actions{display:inline-flex;flex-wrap:wrap;gap:8px;justify-self:end}.profile-row__note{font-size:13px;grid-column:1 / -1}.profile-row__note[data-tone=alert]{color:var(--color-alert)}.profile-row__note[data-tone=ok]{color:var(--color-ok)}.profile-card button:not([type=submit]):not(.profile-link),.profile-role button{background:none;border-color:var(--color-faint);color:var(--color-muted);font-size:12.5px;inline-size:auto;min-block-size:0;padding:7px 12px}.profile-card button:not([type=submit]):not(.profile-link):hover,.profile-role button:hover{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}.profile-card button[type=submit]{font-size:13px;min-block-size:0;padding:9px 14px}.profile-devices__danger,#root .profile-card .profile-devices__danger{border-color:var(--color-alert);color:var(--color-alert)}#root .profile-card .profile-devices__danger:hover{background:var(--color-alert-soft);border-color:var(--color-alert);color:var(--color-alert)}.profile-devices__list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.profile-devices__list li{align-items:center;background:var(--color-surface-2);border-radius:var(--radius-sm);column-gap:12px;display:grid;grid-template-areas:"status icon text viewing actions";grid-template-columns:auto auto minmax(0,1fr) auto auto;padding:10px 12px;row-gap:8px}.profile-devices__status{background:var(--lamp-idle);block-size:8px;border-radius:50%;grid-area:status;inline-size:8px;transition:background .3s var(--ease),box-shadow .3s var(--ease)}.profile-devices__list li[data-live] .profile-devices__status{animation:remocam-ember 5s ease-in-out infinite;background:var(--lamp-live);box-shadow:var(--lamp-live-glow)}.profile-devices__icon{grid-area:icon}.profile-devices__text{display:flex;flex-direction:column;gap:1px;grid-area:text;min-inline-size:0}.profile-devices__text strong{font-family:var(--font-display);font-size:16px;font-weight:500;overflow-wrap:anywhere}.profile-devices__meta{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-eyebrow);letter-spacing:.04em}.profile-devices__viewing{align-items:center;color:var(--color-muted);display:inline-flex;font-size:12.5px;gap:8px;grid-area:viewing;margin-inline-end:8px}.profile-devices__viewing span{white-space:nowrap}.profile-devices__actions{display:inline-flex;flex-wrap:wrap;gap:6px;grid-area:actions;justify-self:end}.profile-devices__rename{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.profile-devices__rename input{flex:1 1 9rem;font-size:15px;min-inline-size:0;padding:8px 10px}@media(max-width:600px){.profile-devices__list li{grid-template-areas:"status icon text" "viewing viewing actions";grid-template-columns:auto auto minmax(0,1fr)}.profile-devices__viewing{justify-self:start}}.profile-pin__form{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-self:end}.profile-pin__form label{flex:1 1 8rem}.profile-pin__form input{font-size:15px;inline-size:100%;max-inline-size:11rem;padding:8px 12px}.profile-card .segmented,.segmented{border:0;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;margin:0;min-inline-size:min(100%,20rem);padding:0}.segmented label{align-items:flex-start;background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:2px;padding:9px 12px;transition:border-color .2s var(--ease),color .2s var(--ease)}.segmented label:hover{color:var(--color-text)}.segmented label[data-selected]{background:var(--color-soft);border-color:var(--color-border);color:var(--color-accent-strong)}.segmented input{block-size:1px;clip:rect(0 0 0 0);inline-size:1px;margin:-1px;overflow:hidden;position:absolute}.segmented label:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.segmented__title{color:inherit;font-weight:500}.segmented__hint{color:var(--color-muted);font-size:11.5px}.segmented label[data-selected] .segmented__hint{color:inherit;opacity:.8}#root .profile-role>section{gap:10px;padding:16px 18px}#root .profile-role section>p{font-size:13px}#root .profile-role .profile-role-picker section{background:none;padding:0}.profile-danger__confirm{display:flex;flex-direction:column;gap:8px;grid-column:1 / -1}.profile-danger__confirm label{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em}.profile-danger__confirm input{font-size:15px;max-inline-size:16rem;padding:8px 12px}.profile-legal{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em;margin-block-start:4px;text-align:center}.profile-legal a{color:var(--color-faint);text-decoration:none}.profile-legal a:hover{color:var(--color-text);text-decoration:underline}@media(max-width:540px){.profile-row{grid-template-columns:minmax(0,1fr)}.profile-row__actions,.profile-pin__form,.segmented{justify-self:start}.segmented{inline-size:100%}}.billing-screen{gap:16px;justify-content:flex-start}.pricing-screen{--screen-max-inline-size: 62rem}.plan-interval{align-self:flex-start;background:var(--color-surface);border-radius:999px;display:inline-flex;gap:4px;padding:4px}.plan-interval>button{background:none;border-radius:999px;color:var(--color-muted);flex:0 1 auto;font-size:13px;min-block-size:0;padding:8px 16px}.plan-interval>button:hover{color:var(--color-text)}.plan-interval>button[aria-pressed=true]{background:var(--color-soft);border-color:transparent;color:var(--color-accent-strong)}.plan-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.plan-card{background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;padding:20px}.plan-card--featured{border-color:var(--color-border);box-shadow:var(--shadow)}.plan-card--current:not(.plan-card--featured){border-color:var(--line)}.plan-card__head{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.plan-card h2{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:500;letter-spacing:.14em;margin-inline-end:auto;text-transform:uppercase}.plan-chip{background:var(--color-soft);border-radius:999px;color:var(--color-accent-strong);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.plan-price{color:var(--color-text);font-family:var(--font-display);font-size:31px;line-height:1.1}.plan-price small{color:var(--color-muted);font-family:var(--font-ui);font-size:var(--text-small)}.plan-save{color:var(--color-accent-strong);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em}.plan-card ul{gap:0}.plan-card li{color:var(--color-muted);font-size:var(--text-small);padding-block:4px}.plan-card li:before{color:var(--color-accent);content:"·";margin-inline-end:8px}.plan-card__cta{background:var(--color-surface-2);margin-block-start:auto}.plan-card__cta:hover{background:var(--color-hover)}.plan-card__cta--primary{background:var(--color-accent);color:var(--color-accent-text);font-weight:600}.plan-card__cta--primary:hover{background:var(--color-accent-strong)}.plan-footnote{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em}.billing-notice,.billing-notice[role=status],.billing-notice[role=alert]{align-self:stretch;background:var(--color-soft);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-ui);font-size:14px;inline-size:auto;letter-spacing:normal;line-height:1.5;padding:12px 16px;text-transform:none}.billing-notice--alert,.billing-notice--alert[role=alert]{background:var(--color-alert-soft);color:var(--color-alert)}.billing-notice--alert a{color:inherit}.storage-warning{align-self:stretch;background:var(--color-soft);border-radius:var(--radius);color:var(--color-muted);display:grid;font-size:14px;gap:6px;line-height:1.5;padding:14px 16px}.storage-warning p{margin:0}.storage-warning__title{color:var(--color-text)}.storage-warning--urgent{background:var(--color-alert-soft)}.storage-warning--urgent .storage-warning__title strong{color:var(--color-alert)}.storage-warning__link{color:var(--color-accent);font-weight:500;justify-self:start}#root .billing-hero,.billing-hero{gap:14px;padding:18px 20px}.billing-hero__head{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between}.billing-screen .billing-hero__head h2{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.billing-hero__name{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.billing-hero__name strong{font-family:var(--font-display);font-size:30px;font-weight:500;line-height:1.1}.billing-summary{display:grid;gap:0;grid-template-columns:minmax(0,1fr);margin:0}.billing-summary>div{align-items:baseline;border-block-start:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;padding-block:10px}.billing-summary>div:last-child{padding-block-end:2px}.billing-summary dt{color:var(--color-muted);font-size:var(--text-small);font-weight:500}.billing-summary dd{color:var(--color-text);font-size:14.5px;margin:0;text-align:end}.billing-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.billing-actions>button{background:none;border-color:var(--color-faint);color:var(--color-muted);font-size:13.5px;min-block-size:2.5rem;padding:9px 14px}.billing-actions>button:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.billing-actions>a{font-size:13.5px}main[data-screen-kind=admin]:not(.app-viewport){max-inline-size:60rem}main[data-screen-kind=admin] table{border-collapse:collapse;inline-size:100%}main[data-screen-kind=admin] th,main[data-screen-kind=admin] td{border-block-end:1px solid var(--line);font-size:var(--text-small);padding:10px 12px;text-align:start;vertical-align:top}main[data-screen-kind=admin] th{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.12em;text-transform:uppercase}main[data-screen-kind=admin] td:first-child{font-family:var(--font-mono);font-size:12px}main[data-screen-kind=admin] .admin-uid{color:var(--color-faint)}main[data-screen-kind=admin] section>p:last-child{color:var(--color-faint);font-family:var(--font-mono);font-size:var(--text-caption)}@media(max-width:47rem){main[data-screen-kind=admin] section[aria-label=Accounts]{overflow-x:auto}}
