:root{--bg:#f3f4f7;--panel:#fff;--panel-border:#e2e5eb;--panel-shadow:0 1px 2px #1418210a, 0 4px 16px #1418210d;--text:#1b1e25;--muted:#5f6675;--faint:#8a909e;--accent:#f2c14e;--accent-text:#a06f00;--rain:#2f72d6;--danger:#d2402f;--ok:#2f9e5b;--warning:#c27c0e;--person-0:#3b7fe0;--person-1:#e8590c;--person-2:#2f9e44;--person-3:#d6336c;--person-4:#7048e8;--person-5:#0c8599;--person-other:#868e96;--person-family:#40c057;--meal:#2b8a3e;--person-calendar:#9775fa;--radius:18px;--gap:clamp(12px, 1.6vw, 24px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}.splash{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.dashboard{gap:var(--gap);min-height:100dvh;padding:calc(var(--gap) + env(safe-area-inset-top,0px)) calc(var(--gap) + env(safe-area-inset-right,0px)) calc(var(--gap) / 2 + env(safe-area-inset-bottom,0px)) calc(var(--gap) + env(safe-area-inset-left,0px));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) clamp(280px,21vw,420px);display:grid}@media (width>=761px){.dashboard{height:100dvh;overflow:hidden}.dashboard:has(>.running){grid-template-rows:auto minmax(0,1fr) auto}}.running{gap:calc(var(--gap) / 2);flex-wrap:wrap;grid-column:1/-1;display:flex}.running__item{border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-border);min-width:0;box-shadow:var(--panel-shadow);font-variant-numeric:tabular-nums;white-space:nowrap;flex:18em;align-items:baseline;gap:.6em;padding:.55em 1em;display:flex;position:relative;overflow:hidden}.running__fill{width:var(--progress);background:color-mix(in srgb, var(--accent) 35%, transparent);transition:width 1s;position:absolute;inset:0 auto 0 0}.running__item.is-unknown .running__fill{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 25%, transparent) 50%, transparent 100%);background-repeat:no-repeat;background-size:50% 100%;width:100%;animation:3s linear infinite running-shimmer}@keyframes running-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.running__name,.running__state,.running__left{position:relative}.running__name{font-weight:700}.running__state{text-overflow:ellipsis;min-width:0;color:var(--muted);overflow:hidden}.running__left{margin-left:auto;font-weight:600}.dashboard.is-display{cursor:none;height:100dvh;font-size:clamp(13px,1vw,20px);overflow:hidden}.sidebar{gap:calc(var(--gap) * .75);flex-direction:column;min-width:0;min-height:0;display:flex}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--radius);padding:clamp(16px,1.8vw,28px)}.panel.empty{color:var(--muted)}.clock{padding:4px 4px 0}.clock__family{color:var(--accent-text);letter-spacing:.08em;text-transform:uppercase;font-size:.85em;font-weight:600}.clock__time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:.08em 0 .12em;font-size:clamp(56px,5.5vw,112px);font-weight:200;line-height:1;display:block}.clock__date{color:var(--muted);font-size:clamp(18px,1.5vw,28px)}.clock__date:first-letter{text-transform:uppercase}.clock__week{white-space:nowrap}.weather-icon{fill:none;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.wi-sun{stroke:#e3a514}.wi-cloud{stroke:#7d879b;fill:var(--panel)}.wi-rain{stroke:var(--rain)}.wi-snow{fill:#8fa6c8;stroke:none}.wi-bolt{fill:var(--accent);stroke:none}.weather__now{align-items:center;gap:18px;display:flex}.weather__temp{font-size:clamp(44px,4.5vw,80px);font-weight:300;line-height:1}.weather__desc{margin-top:4px;font-size:1.1em}.weather__meta{color:var(--muted);margin-top:4px;font-size:.9em}.sidebar .weather{flex-direction:column;gap:12px;display:flex}.weather__days{border-top:1px solid var(--panel-border);text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:12px 0 0;list-style:none;display:grid}.weather__days li{flex-direction:column;align-items:center;gap:4px;display:flex}.weather__day{color:var(--muted);font-size:.85em}.weather__range{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.weather__range strong{color:var(--text);font-weight:600}.weather__rain{color:var(--rain);font-size:.8em}.meals{border-top:5px solid var(--meal);cursor:pointer;flex:none;padding:0;overflow:hidden}.meals:focus-visible{outline:2px solid var(--meal);outline-offset:2px}.meals.empty{padding:14px}.meals__title,.reminders__title{color:var(--meal);justify-content:space-between;align-items:baseline;gap:8px;margin:0;padding:14px 14px 10px;font-size:1.3em;font-weight:650;display:flex}.meals__hint{color:var(--faint);font-size:.6em;font-weight:600}.meals--week{cursor:auto;border-top:0;margin:0 -12px}.meals--week .meals__day:first-child{border-top:0}.meals__day{border-top:1px solid var(--panel-border);padding:8px 12px 10px}.meals__day h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 6px;font-size:.75em;font-weight:600}.meals__day ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.meals__day li{align-items:baseline;gap:8px;display:flex}.meals__name{overflow-wrap:anywhere;font-size:1.15em;font-weight:500;line-height:1.25}.meals__kind{width:4.5em;color:var(--meal);flex:none;font-size:.8em;font-weight:600}.meals__time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85em;font-weight:600}.meals__nothing{color:var(--faint);margin:0}.reminders{border-top:5px solid var(--person);cursor:pointer;flex-direction:column;flex:0 auto;min-height:0;padding:0;display:flex;overflow:hidden}.reminders:focus-visible{outline:2px solid var(--person);outline-offset:2px}.reminders__title{color:var(--person)}.reminders--week{margin:0 -12px}.reminders__day{border-top:1px solid var(--panel-border);padding:8px 12px 10px}.reminders__day:first-child{border-top:0}.reminders__list{border-top:1px solid var(--panel-border);min-height:0;padding:8px 12px 10px;overflow-y:auto}.reminders__list ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.photo{cursor:pointer;flex:1 1 0;min-height:8em;padding:0;overflow:hidden}.photo:focus-visible{outline:2px solid var(--muted);outline-offset:2px}.photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;display:block}.photo img.is-loaded{opacity:1}.photo.is-waiting img.is-loaded{opacity:.4}.photo{position:relative}.photo__expand{color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background .2s;display:grid;position:absolute;bottom:8px;right:8px}.photo__expand:hover,.photo__expand:focus-visible{background:#000000b3}.photo__expand:focus-visible{outline-offset:2px;outline:2px solid #fff}.collage{z-index:95;cursor:pointer;background:#000;padding:4px;animation:.16s ease-out controls-in;display:grid;position:fixed;inset:0}.collage__grid{opacity:0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);grid-template-areas:"a a b c""a a b d""e f g h";gap:4px;min-height:0;transition:opacity 1.2s;display:grid}.collage__grid.is-visible{opacity:1}.collage__grid img{object-fit:cover;width:100%;height:100%;min-height:0;display:block}.collage__grid img:first-child{grid-area:a}.collage__grid img:nth-child(2){grid-area:b}.collage__grid img:nth-child(3){grid-area:c}.collage__grid img:nth-child(4){grid-area:d}.collage__grid img:nth-child(5){grid-area:e}.collage__grid img:nth-child(6){grid-area:f}.collage__grid img:nth-child(7){grid-area:g}.collage__grid img:nth-child(8){grid-area:h}.collage__message{color:#ffffffb3;place-items:center;margin:0;display:grid;position:absolute;inset:0}@media (width<=760px){.collage__grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(2,1fr);grid-template-areas:"a a""a a""b c""b d""e f""g h"}}.board{grid-template-rows:auto 2fr repeat(var(--future-days,3), 1fr);column-gap:calc(var(--gap) * .75);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:0;display:grid}@media (width>=761px){.board{grid-template-rows:auto minmax(0, 2fr) repeat(var(--future-days,3), minmax(auto, 1fr));overflow:hidden}.person__day{min-height:0;overflow:hidden}}.board.empty{display:block}.person{grid-row:1/-1;grid-template-rows:subgrid;border-top:5px solid var(--person);row-gap:0;min-height:0;padding:0;display:grid;overflow:hidden}.person__name{color:var(--person);align-items:center;gap:10px;margin:0;padding:14px 14px 10px;font-size:1.3em;font-weight:650;display:flex}.person__day{border-top:1px solid var(--panel-border);padding:8px 12px 10px;position:relative}.person__day h3,.day-popover h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 6px;font-size:.75em;font-weight:600;line-height:1.2}.person__day ul,.day-popover ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.board{--family-event:calc(1.3em + 12px);--day-heading:calc(.9em + 6px)}.family-band{z-index:1;min-width:0;margin:calc(9px + var(--day-heading)) 12px 0;align-self:start;gap:8px;padding:0;list-style:none;display:flex;position:relative}.family-band .event{min-width:0;height:var(--family-event);background:color-mix(in srgb, var(--person) 16%, var(--panel));flex-wrap:nowrap;flex:1 1 0;align-items:center;overflow:hidden}.family-band .event__title{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-weight:600;overflow:hidden}.family-band .event__meta{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.family-slot{height:var(--family-event);margin-bottom:8px}.day-badge{vertical-align:top;color:var(--person);margin:-.2em 0 -.2em 6px;display:inline-flex}.day-badge__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.6em;height:1.6em}.day-notice{color:#7a4f00;letter-spacing:.06em;background:#fff1cc;border-radius:8px;align-items:center;gap:8px;margin:0 0 8px;padding:6px 10px;font-size:.85em;font-weight:700;display:flex}.day-notice__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.person__more{z-index:2;font:inherit;color:var(--person);background:color-mix(in srgb, var(--person) 12%, var(--panel));cursor:pointer;border:none;border-radius:999px;padding:3px 10px;font-size:.85em;font-weight:600;position:absolute;bottom:8px;left:12px}.has-family-bar>.person__more{left:auto;right:12px}.day-popover__backdrop{z-index:20;background:#1418211a;position:fixed;inset:0}.day-popover{z-index:21;border-top:4px solid var(--person);min-width:280px;max-height:calc(100dvh - 32px);padding:10px 12px 12px;position:fixed;overflow:auto;box-shadow:0 12px 40px #14182133}.day-popover .person__more{margin-top:10px;position:static}.person__nothing{color:var(--faint);margin:0}.event{background:color-mix(in srgb, var(--person) 8%, transparent);border-left:3px solid var(--person);border-radius:8px;flex-wrap:wrap;align-items:baseline;column-gap:8px;padding:6px 10px;display:flex}.event--allday{background:color-mix(in srgb, var(--person) 18%, transparent)}.event--person-calendar{--person:var(--person-calendar)}.event--past{opacity:.45}.event--clipped{visibility:hidden}.event__time{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:.85em;font-weight:600}.event__title{overflow-wrap:anywhere;flex:8em;line-height:1.3}.event__meta{color:var(--muted);flex-basis:100%;font-size:.8em}@media (width<=1100px){.sidebar .weather__days{display:none}}@media (width<=760px){.dashboard{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);align-content:start}.board{scroll-snap-type:x mandatory;grid-auto-columns:82%;padding-bottom:4px;overflow-x:auto}.person{scroll-snap-align:start}.sidebar{display:contents}.sidebar>.clock,.sidebar>.weather{order:-2}.running{order:-1}.board,.sidebar>.photo{order:1}.status{order:2}.sidebar .weather__days{display:grid}.photo{aspect-ratio:4/3;flex:none}}.status{color:var(--faint);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 14px;font-size:12px;display:flex}.status__dot{background:var(--danger);border-radius:50%;width:8px;height:8px;margin-right:-8px}.status__dot.is-live{background:var(--ok)}.status__error{color:var(--danger)}.avatar{object-fit:cover;background:var(--bg);width:2.6em;height:2.6em;box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--person,var(--panel-border));border-radius:50%;flex:none}.clock{cursor:pointer}.is-display .clock{cursor:none}.clock:focus-visible{outline:2px solid var(--muted);outline-offset:4px;border-radius:8px}.controls{z-index:90;gap:var(--gap);padding:calc(var(--gap) + env(safe-area-inset-top,0px)) calc(var(--gap) + env(safe-area-inset-right,0px)) calc(var(--gap) + env(safe-area-inset-bottom,0px)) calc(var(--gap) + env(safe-area-inset-left,0px));background:var(--bg);flex-direction:column;animation:.16s ease-out controls-in;display:flex;position:fixed;inset:0;overflow:auto}@keyframes controls-in{0%{opacity:0;transform:scale(.98)}}.controls__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.controls__title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,2.6vw,48px);font-weight:650}.controls__close{background:color-mix(in srgb, var(--text) 8%, var(--bg));width:56px;height:56px;color:var(--text);font:inherit;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;font-size:32px;line-height:1;display:grid}.controls__close:focus-visible{outline:2px solid var(--text);outline-offset:3px}.controls__bell{margin-left:auto}.controls__bell.is-active{background:var(--text);color:var(--bg)}.push-settings{flex-direction:column;gap:10px;width:100%;max-width:900px;display:flex}.history{gap:var(--gap);flex-direction:column;width:100%;max-width:900px;display:flex}.history__day{flex-direction:column;gap:10px;display:flex}.history__heading{color:var(--muted);margin:0;font-size:1.15em;font-weight:600}.history__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history__item{flex-direction:column;gap:4px;padding-left:calc(clamp(16px,1.8vw,28px) + 6px);display:flex;position:relative;overflow:hidden}.history__item:before{content:"";background:var(--person);width:6px;position:absolute;inset:0 auto 0 0}.history__meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;font-size:.9em;display:flex}.history__source{font-weight:600}.history__title{margin:0;font-size:1.1em;font-weight:600}.history__time{color:var(--muted);font-weight:500}.history__text{white-space:pre-line;margin:0}.controls__empty{color:var(--muted);margin:auto;font-size:clamp(18px,1.5vw,26px)}.controls__grid{align-items:start;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.controls__column{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.control{flex-direction:column;gap:12px;min-width:0;display:flex}.control__title{margin:0;font-size:1.15em;font-weight:600}.control__error{color:var(--danger);margin:0;font-size:.9em}.control__note{color:var(--muted);margin:0}.control__button{background:color-mix(in srgb, var(--text) 6%, var(--panel));width:100%;min-height:64px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:none;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:1.1em;font-weight:600;transition:background .12s;display:flex}.control__button:active{background:color-mix(in srgb, var(--text) 12%, var(--panel))}.control__button:disabled{cursor:default}.control__button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.control__button.is-done{background:color-mix(in srgb, var(--ok) 18%, var(--panel))}.control__button.is-failed{background:color-mix(in srgb, var(--danger) 14%, var(--panel))}.control__button-state{color:var(--muted);flex:none;font-size:.85em;font-weight:500}.roborock{flex-direction:column;gap:10px;display:flex}.roborock__picture{object-fit:contain;align-self:center;width:auto;height:clamp(140px,12vw,200px)}.roborock__name,.roborock__heading{color:var(--muted);margin:0;font-size:.9em;font-weight:600}.roborock__heading{margin-top:8px}.roborock__status{justify-content:space-between;align-items:center;gap:12px;display:flex}.roborock__state{font-size:1.4em;font-weight:600}.roborock__state.is-working{color:var(--accent-text)}.roborock__progress{color:var(--muted);font-variant-numeric:tabular-nums;margin:-4px 0 0}.roborock__warning{background:color-mix(in srgb, var(--danger) 12%, var(--panel));color:var(--danger);border-radius:10px;margin:0;padding:8px 12px;font-weight:500}.roborock__commands{grid-template-columns:1fr 1fr;gap:8px;display:grid}.roborock__commands .control__button{text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 8px}.roborock__routines{flex-direction:column;gap:8px;display:flex}.control__button:disabled:not(.is-busy){opacity:.45}.battery{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.battery__body{border:1.5px solid;border-radius:3px;width:26px;height:13px;padding:2px;position:relative}.battery__body:after{content:"";background:currentColor;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:3px;right:-4px}.battery__fill{background:var(--ok);border-radius:1px;height:100%;display:block}.battery__body.is-low .battery__fill{background:var(--danger)}.appliances{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;display:grid}.appliance__machine{flex-direction:column;gap:6px;display:flex}.appliance__picture{object-fit:contain;align-self:center;width:auto;height:clamp(140px,12vw,200px);margin-bottom:4px}.appliance__name{color:var(--muted);margin:0;font-size:.9em;font-weight:600}.appliance__state{font-size:1.4em;font-weight:600}.appliance__state.is-working{color:var(--accent-text)}.appliance__state.is-done{color:var(--ok)}.appliance__time{color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.appliance__bar{background:color-mix(in srgb, var(--muted) 20%, transparent);border-radius:3px;height:6px;display:block;overflow:hidden}.appliance__bar-fill{background:var(--accent-text);height:100%;display:block}.feeder{flex-direction:column;gap:10px;display:flex}.roborock__state.is-ok{color:var(--ok)}.feeder__total{font-weight:500}.feeder__meals{font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.feeder__meal{color:var(--muted);grid-template-columns:auto 1fr auto;gap:12px;display:grid}.feeder__meal.is-done{color:var(--text)}.feeder__time{font-weight:600}.feeder__manual{color:var(--muted)}.feeder__check{color:var(--ok);font-weight:600}.feeder__feed{flex-direction:column;gap:8px;margin-top:4px;display:flex}.feeder__stepper{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.feeder__stepper .control__button{justify-content:center;font-size:1.4em}.feeder__portions{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5ch;font-size:1.4em;font-weight:600}.control__button.is-armed{background:color-mix(in srgb, var(--accent-text) 18%, var(--panel))}.place{flex-direction:column;gap:10px;display:flex}.place__status{--level:var(--ok);background:color-mix(in srgb, var(--level) 14%, var(--panel));color:color-mix(in srgb, var(--level) 75%, var(--text));border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:1.4em;font-weight:600;display:flex}.place__status.is-warning,.place__problems .is-warning,.place__sensor.is-warning,.place__help .is-warning{--level:var(--warning)}.place__status.is-alarm,.place__problems .is-alarm,.place__sensor.is-alarm,.place__help .is-alarm{--level:var(--danger)}.place__light{background:var(--level);width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in srgb, var(--level) 25%, transparent);border-radius:50%;flex:none}.place__help-button{background:color-mix(in srgb, var(--level) 22%, var(--panel));width:40px;height:40px;color:inherit;font:inherit;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:.75em;font-weight:700;display:grid}.place__help-button:focus-visible{outline-offset:2px;outline:2px solid}.place__help{--level:var(--ok);background:color-mix(in srgb, var(--text) 4%, var(--panel));border-radius:12px;padding:4px 14px 12px;font-size:.9em}.place__help h3{align-items:center;gap:10px;margin:12px 0 4px;font-size:1em;display:flex}.place__help h3 .place__light{width:12px;height:12px;box-shadow:none}.place__help ul{margin:0;padding-left:22px}.place__help ul:empty{display:none}.place__help p{color:var(--muted);margin:4px 0 0}.place__problems,.place__sensors{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.place__problems li{color:var(--level);font-weight:500}.place__sensor{background:color-mix(in srgb, var(--text) 4%, var(--panel));border-radius:12px;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 14px;display:grid}.place__sensor.is-warning,.place__sensor.is-alarm{background:color-mix(in srgb, var(--level) 12%, var(--panel))}.place__name{font-weight:600}.place__reading{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.place__sensor.is-alarm .place__reading{color:var(--danger)}.place__meta{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:1/-1;justify-content:space-between;gap:12px;font-size:.85em;display:flex}@media (width>=761px){.controls{overflow:hidden}.history{flex:1;min-height:0;overflow-y:auto}.controls__grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:stretch;min-height:0}.controls__column{min-height:0;overflow-y:auto}.control{flex-shrink:0}:is(.control:has(.appliance__picture),.appliances,.appliance__machine){flex-shrink:1;min-height:0}.appliances{grid-auto-rows:minmax(0,auto)}.roborock__picture,.appliance__picture{flex:0 clamp(140px,12vw,200px);width:100%;height:auto;min-height:0}.roborock__picture{flex-shrink:0}.control__button{min-height:clamp(48px,7vh,64px)}}@media (width>=761px) and (width<=1099px){.controls__grid{grid-template-rows:minmax(0,max-content);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;align-content:start}.controls__column.is-wide{flex-direction:row;order:1;grid-column:1/-1;overflow:visible}.controls__column.is-wide>.control{flex:1 1 0}.controls__column.is-wide .appliance__machine{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:6px 12px;display:grid}.controls__column.is-wide .appliance__machine>*{grid-column:2}.controls__column.is-wide .appliance__picture{grid-area:1/1/span 6;align-self:start;width:auto;height:clamp(72px,12vh,120px);margin:0}}.notification{z-index:100;padding:calc(var(--gap) + env(safe-area-inset-top,0px)) var(--gap) calc(var(--gap) + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1418218c;place-items:center;display:grid;position:fixed;inset:0}.notification__card{border-top:8px solid var(--person);background:var(--panel);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:min(760px,100%);max-height:100%;padding:clamp(28px,4vw,56px);display:flex;overflow:auto;box-shadow:0 24px 80px #14182159}.notification__card--person-calendar{--person:var(--person-calendar)}.notification__photos{justify-content:center;margin-bottom:6px;display:flex}.notification__photos .avatar{width:clamp(96px,9vw,160px);height:clamp(96px,9vw,160px);box-shadow:0 0 0 4px var(--panel), 0 0 0 7px var(--person)}.notification__photos.is-group .avatar{width:clamp(72px,6vw,112px);height:clamp(72px,6vw,112px)}.notification__photos.is-group .avatar+.avatar{margin-left:-14px}.notification__who{color:var(--person);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.notification__title{overflow-wrap:anywhere;margin:0;font-size:clamp(30px,3.6vw,64px);font-weight:650;line-height:1.15}.notification__time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.1em}.notification__text{white-space:pre-line;overflow-wrap:anywhere;max-width:40ch;margin:8px 0 0;font-size:clamp(18px,1.6vw,28px);line-height:1.45}.notification__ok{background:color-mix(in srgb, var(--person) 85%, #000);color:#fff;min-width:200px;font:inherit;cursor:pointer;border:none;border-radius:999px;margin-top:20px;padding:16px 48px;font-size:clamp(20px,1.6vw,28px);font-weight:700}.notification__ok:focus-visible{outline:3px solid var(--text);outline-offset:3px}.notification__more{color:var(--muted);font-size:.95em}.lock{flex-direction:column;justify-content:center;gap:12px;width:min(360px,100% - 32px);min-height:100dvh;margin:0 auto;display:flex}.lock__icon{border-radius:18px;width:72px;height:72px}.lock h1{margin:8px 0 12px;font-weight:500}.lock label{color:var(--muted);font-size:.9em}.lock input,.lock button{font:inherit;border:1px solid var(--panel-border);border-radius:12px;padding:12px 14px}.lock input{background:var(--panel);color:var(--text)}.lock input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lock button{background:var(--accent);color:#1a1408;cursor:pointer;border:none;font-weight:600}.lock button:disabled{opacity:.5;cursor:default}.lock__error{color:var(--danger);margin:0}:root[data-theme=flat]{--bg:#f4f4f5;--panel:#fff;--panel-border:#ececef;--panel-shadow:none;--subtle:#f4f4f5;--subtle-strong:#e4e4e7;--text:#18181b;--muted:#71717a;--faint:#a1a1aa;--accent:#2563eb;--accent-text:#2563eb;--rain:#2563eb;--person-0:var(--text);--person-1:var(--text);--person-2:var(--text);--person-3:var(--text);--person-4:var(--text);--person-5:var(--text);--person-other:var(--muted);--person-family:var(--text);--meal:var(--text);--radius:14px}:root[data-theme=flat] .panel{border-color:#0000}:root[data-theme=flat] .person,:root[data-theme=flat] .meals,:root[data-theme=flat] .reminders{border-top:0}:root[data-theme=flat] .person__name,:root[data-theme=flat] .meals__title,:root[data-theme=flat] .reminders__title{letter-spacing:-.01em;font-weight:600}:root[data-theme=flat] .avatar{box-shadow:none}:root[data-theme=flat] .day-badge{color:var(--muted)}:root[data-theme=flat] .event,:root[data-theme=flat] .notification__card .notification__ok{background:#e3effd;border-left:0}:root[data-theme=flat] .event--allday,:root[data-theme=flat] .notification__card--allday .notification__ok{background:#cde1f9}:root[data-theme=flat] .event--person-calendar,:root[data-theme=flat] .notification__card--person-calendar .notification__ok{background:#ece6fb}:root[data-theme=flat] .event--allday.event--person-calendar,:root[data-theme=flat] .notification__card--allday.notification__card--person-calendar .notification__ok{background:#ddd3f7}:root[data-theme=flat] .family-band .event,:root[data-theme=flat] .notification__card--family .notification__ok{background:#d9f2dc}:root[data-theme=flat] .day-notice{background:color-mix(in srgb, var(--accent) 10%, var(--panel));color:var(--accent)}:root[data-theme=flat] .person__more{color:var(--text);background:var(--subtle-strong)}:root[data-theme=flat] .day-popover{border-top:0}:root[data-theme=flat] .clock__family,:root[data-theme=flat] .meals__kind{color:var(--muted)}:root[data-theme=flat] .wi-sun,:root[data-theme=flat] .wi-cloud{stroke:var(--muted)}:root[data-theme=flat] .wi-snow{fill:var(--faint)}:root[data-theme=flat] .notification__card{box-shadow:none;border-top:0}:root[data-theme=flat] .notification__photos .avatar{box-shadow:0 0 0 4px var(--panel)}:root[data-theme=flat] .notification__ok{color:var(--text)}:root[data-theme=flat] .lock button{color:#fff}