:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-text:#1b1230;--color-muted:#4b3f6b;--color-background:#f3f0f8;--color-surface:#fff;--color-edge:#d9d2e8;--color-field-edge:#7a6f99;--color-error:#b3261e;--color-accent:#6a1fd0;--color-on-accent:#fff;--color-focus:#6a00f4;--room-wall:#ece6dc;--room-rug:#8a7f74;--chart-bar:#6a1fd0;--chart-guide:#4b3f6b;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--radius:1rem;--gutter:clamp(.75rem, 3vw, 1.5rem)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-text:#f4efff;--color-muted:#c8bce8;--color-background:#08040f;--color-surface:#140b26;--color-edge:#3a2d5c;--color-field-edge:#8f80b8;--color-error:#ff8a80;--color-accent:#c58cff;--color-on-accent:#120a22;--color-focus:#ffd36e;--room-wall:#8f8697;--room-rug:#4a4250;--chart-bar:#c58cff;--chart-guide:#c8bce8}}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-background);margin:0;line-height:1.5}:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}.skip{position:absolute;left:-100vw}.skip:focus{z-index:1;background:var(--color-surface);border-radius:.5rem;padding:.5rem 1rem;top:1rem;left:1rem}.until-focused:not(:focus){position:absolute;left:-100vw}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.window{align-items:start;gap:var(--gutter);min-height:100dvh;padding:var(--gutter);box-sizing:border-box;grid-template:"corner stats"/minmax(0,1fr) minmax(0,22rem);display:grid}.over-pickable{cursor:pointer}.room{z-index:-1;width:100%;height:100%;display:block;position:fixed;inset:0}.room[hidden]{display:none}.panel{box-sizing:border-box;border:.0625rem solid var(--color-edge);border-radius:var(--radius);background:var(--color-surface);padding:.75rem 1rem;font-size:.875rem}.panel summary{cursor:pointer;min-height:1.5rem;font-weight:700}.corner{gap:var(--gutter);grid-area:corner;justify-self:start;width:min(100%,20rem);display:grid}.settings-form{gap:.625rem;margin-top:.5rem;display:grid}.settings-form fieldset{border:0;gap:.25rem;min-width:0;margin:0;padding:0;display:grid}.settings-form legend{margin-bottom:.25rem;padding:0;font-weight:700}.settings-form label{color:var(--color-muted)}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .75rem;display:grid}.field{flex-direction:column;gap:.125rem;display:flex}.field label{font-size:.75rem;line-height:1.3}.field input{margin-top:auto}.field-error{color:var(--color-error);margin:0;font-size:.75rem}.settings-form input[type=number]{box-sizing:border-box;border:.0625rem solid var(--color-field-edge);width:100%;min-width:0;min-height:2rem;font:inherit;color:inherit;background:var(--color-background);border-radius:.375rem;padding:0 .5rem}.settings-form input[aria-invalid=true]{border:.125rem solid var(--color-error)}.hour{align-items:center;gap:.75rem;display:flex}.hour input{min-width:0;min-height:1.5rem;accent-color:var(--color-accent);flex:1;margin:0}.hour-shown{font-variant-numeric:tabular-nums}.centering{justify-items:start;gap:.5rem;display:grid}.check{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.check input{width:1.5rem;height:1.5rem;accent-color:var(--color-accent);margin:0}.controls{gap:.5rem;display:grid}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.button{min-height:2.75rem;font:inherit;color:var(--color-on-accent);background:var(--color-accent);cursor:pointer;border:0;border-radius:999rem;padding:0 1rem;font-weight:700}a.button{align-items:center;text-decoration:none;display:inline-flex}.button.secondary{border:.125rem solid var(--color-accent);color:var(--color-text);background:0 0;justify-self:start}.button[hidden]{display:none}.icon-button{place-items:center;width:2.75rem;padding:0;display:inline-grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;display:none}.icon-button[data-state=start] [data-for=start],.icon-button[data-state=stop] [data-for=stop],.icon-button[data-state=turnOn] [data-for=turnOn],.icon-button[data-state=turnOff] [data-for=turnOff],.icon-button[data-state=enter] [data-for=enter],.icon-button[data-state=exit] [data-for=exit]{display:block}.status{margin:0;font-weight:600}.caption{color:var(--color-muted);margin:0}.preview{aspect-ratio:16/9;border-radius:.5rem;width:8rem;position:relative;overflow:hidden;transform:scaleX(-1)}.preview[hidden]{display:none}.preview video{object-fit:cover;width:100%;height:100%;display:block}.dot{border:.125rem solid var(--color-surface);background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem;position:absolute;transform:translate(-50%,-50%)}.stats{grid-area:stats;align-self:start;font-size:.8125rem}.stats:not([open]){justify-self:end}.stats h2{margin:.75rem 0 .25rem;font-size:.875rem}.chart{width:100%;height:4rem;display:block}.stats .caption{font-size:.75rem}.stats dl{margin:.25rem 0 .5rem}.stats dl div{justify-content:space-between;gap:1rem;display:flex}.stats dl div.wide{display:block}.stats dt{color:var(--color-muted)}.stats dd{font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere;margin:0;font-weight:600}.stats dl div.wide dd{text-align:start}@media (width<=44rem){.window{grid-template:"corner""stats"/minmax(0,1fr)}.corner{width:100%}}