.laundry{max-inline-size:48rem;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin-inline:auto;container:laundry/inline-size}.laundry>header{border-block-end:1px solid var(--border);padding-block-end:.75rem}.laundry footer{margin-block-start:1rem;font-size:.8rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.icon-star{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='m12 3.5 2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/></svg>")}.star[aria-pressed=true] .icon-star{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='m12 3.5 2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/></svg>")}.star{min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--muted);background:0 0;border:none;flex:none;padding:.625rem;font-size:1.15rem}.star[aria-pressed=true]{color:var(--accent)}.usually{color:var(--muted);font-size:.85rem}.usually[data-usually=busy]{color:var(--text);font-weight:600}.cell,.machine strong{font-variant-numeric:tabular-nums}.rooms{--cell:4.75rem;grid-template-columns:minmax(0, 1fr) var(--cell) var(--cell) 2.75rem;clip-path:inset(0 -100vmax -100vmax);margin:0;padding:0;list-style:none;display:grid}.rooms>li{grid-column:1/-1;grid-template-columns:subgrid;border-block-end:1px solid var(--border);align-items:center;display:grid}.rooms-head{z-index:1;background:var(--surface);padding-block:.75rem .375rem;line-height:1.2;position:sticky;inset-block-start:env(safe-area-inset-top,0px)}.rooms-head:before{content:"";block-size:env(safe-area-inset-top,0px);background:var(--surface);pointer-events:none;position:absolute;inset-block-end:100%;inset-inline:0}.room-open{grid-column:1/4;grid-template-columns:subgrid;color:inherit;align-items:center;padding-block:.625rem;text-decoration:none;display:grid}.room-name{gap:.125rem;padding-inline-end:.5rem;display:grid}.cell{min-inline-size:0;padding-inline-end:.5rem;line-height:1.25;display:grid}.cell .count{font-size:1.05rem}.cell .count strong,.kind h2 strong,.rooms strong{font-weight:700}.cell>.muted{font-size:.75rem}.room{gap:.75rem;padding-block-start:.75rem;display:grid}.back{justify-self:start;padding:.25rem 0;text-decoration:none}.back .icon{transform:scaleX(-1)}.room>header{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.room>header h2{font-size:1.35rem}.room p{margin:0}.room-meta{flex-wrap:wrap;gap:.125rem .75rem;font-size:.85rem;display:flex}.room-meta a{color:var(--muted)}.room-meta a:hover{color:var(--accent)}.kind{gap:.5rem;margin-block-start:.5rem;display:grid}.kind h2{font-size:1.05rem;font-weight:600}.machines{grid-template-columns:repeat(auto-fill,minmax(6.75rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.machine{border-inline-start:.3rem solid var(--edge,transparent);border-radius:var(--radius-s);background:var(--surface-raised);align-content:start;gap:.125rem;padding:.5rem .625rem;display:grid}.machine[data-state=free]{--edge:var(--positive)}.machine[data-state=running]{--edge:var(--accent)}.machine[data-state=done]{--edge:color-mix(in oklch, var(--accent) 40%, var(--border))}.machine[data-state=out]{opacity:.6}.machine[data-state=free] strong{color:var(--positive)}.machine-number{color:var(--muted);font-size:.8rem}.machine-note{color:var(--muted);font-size:.75rem;line-height:1.25}.wait{background:color-mix(in oklch, var(--accent) 15%, transparent);border-radius:999px;block-size:.3rem;margin-block-start:.375rem}.wait:before{content:"";inline-size:max(.3rem, calc(var(--share) * 100%));border-radius:inherit;background:var(--accent);block-size:100%;transition:inline-size .3s;display:block}.machine[data-state=done] .wait:before{background:var(--muted)}.usual{gap:.5rem;margin-block-start:.5rem;display:grid}.usual figure{margin:0}.sparklines{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem 1.5rem;display:grid}.sparklines figcaption{text-transform:capitalize;font-size:.85rem}.sparkline{block-size:3rem;inline-size:100%;display:block}.sparkline .bar{fill:color-mix(in oklch, var(--positive) 55%, transparent)}.sparkline .now{fill:var(--positive)}.axis{grid-template-columns:repeat(4,1fr);font-size:.75rem;display:grid}@container laundry (inline-size>36rem){.rooms{--cell:6.5rem}}@media (prefers-reduced-motion:reduce){.wait:before{transition:none}}