body[data-room="kitchen"] > :is(main, [class$="-wrap"], .wrap) {
  background-color: var(--sp-k-paper);
  box-shadow: 0 0 0 16px var(--sp-k-paper);
  border-radius: var(--sp-radius-lg);
  color: var(--sp-k-paper-ink);
                                                                                                                             
                                                                                                                              
                                                                                                                                 
  --sp-l-c-f4efe6: var(--sp-k-paper); --sp-l-c-f6f4ef: var(--sp-k-paper); --sp-l-c-ece4d6: var(--sp-k-paper-2);
  --bg: var(--sp-k-paper); --bone: var(--sp-k-paper); --bone-deep: var(--sp-k-paper-2);
}

                                                                                                             
body[data-room="kitchen"] h1 { font-weight: 400; font-synthesis: none; letter-spacing: normal; }

                                                                           
body[data-room="kitchen"] .nav-bar .drawer-btn { background-color: var(--sp-k-paper); color: var(--sp-k-paper-ink); border-color: var(--sp-k-paper-rule); }
body[data-room="kitchen"] .nav-bar .drawer-btn:hover { background-color: var(--sp-k-paper-2); }

                                                                                                                                      
body[data-room="kitchen"] :is(table, th, td) { font-family: var(--sp-font-list); }

                                                                                                                               
                                                                                                                                  
                                                               
body[data-room] { font-variant-numeric: tabular-nums; }
body[data-room="office"] table { --mono: var(--sp-font-num); --sp-l-f-ui-monospace: var(--sp-font-num); --sp-l-f-ui-monospace-2: var(--sp-font-num); --sp-l-f-ui-monospace-3: var(--sp-font-num);
  --sp-l-f-ui-monospace-4: var(--sp-font-num); --sp-l-f-ui-monospace-5: var(--sp-font-num); --sp-l-f-ui-monospace-6: var(--sp-font-num); }
body[data-room="kitchen"] table { --mono: var(--sp-font-list); --sp-l-f-ui-monospace: var(--sp-font-list); --sp-l-f-ui-monospace-2: var(--sp-font-list); --sp-l-f-ui-monospace-3: var(--sp-font-list);
  --sp-l-f-ui-monospace-4: var(--sp-font-list); --sp-l-f-ui-monospace-5: var(--sp-font-list); --sp-l-f-ui-monospace-6: var(--sp-font-list); }

                                                                                                                            
                                                                            
html:has(body[data-room="office"]), body[data-room="office"] { background-color: var(--sp-o-page); }
html:has(body[data-room="kitchen"]), body[data-room="kitchen"] { background-color: var(--sp-k-page); }

                                                                                                                               
                             
body[data-room="office"] {
  --mb-bg: var(--sp-o-page); --mb-card: var(--sp-o-card); --mb-ink: var(--sp-o-ink); --mb-muted: var(--sp-o-muted); --mb-line: var(--sp-o-card-edge);
  --mb-accent: var(--sp-o-primary); --mb-accent-ink: var(--sp-o-primary-ink); --mb-ok: var(--sp-l-c-1f6b3a); --mb-bad: var(--sp-problem); --mb-warn: var(--sp-l-c-8a5a00);
  --mb-ok-bg: var(--sp-l-c-e6f2ea); --mb-bad-bg: color-mix(in srgb, var(--sp-problem) 8%, var(--sp-o-card)); --mb-warn-bg: var(--sp-l-c-fdf3dd); --mb-quiet-bg: var(--sp-o-band);
}

                                                                                                                               
                                                
body[data-room="office"] :is(#save-btn, #login-submit) { color: var(--sp-o-primary-ink); }

                                                                                                                                   
                                                                                                                             
                                                                           
:where(body[data-room]) :where(button, input, select, textarea) { font-family: inherit; }

                                                                                                                                
                                                                                                                                
                                                                                                                          
body[data-room] :is(.bh-state.green, .cp-tag.parsed, .cp-msg.ok, .rn-ok, .vn-msg.ok, .vn-rowmsg.ok, .tm-result.ok, .tm-rest-saved,
  .sl-saved, #sl-add-saved, .dl-saved, .bs-saved, .cp-saved, .md-saved, .sa-result, .og-result, .od-result, .od-flag.ok, .ao-msg.ok,
  .ao-results .ao-ok, .dx-msg.ok, .ur-msg.ok, .ur-tag.ur-ok, .lx-note.ok, .warm-alert.ok, .lc-summary.ok, .bc-result-ok, .kit-saved,
  .rcard-saved, .kit-attn-saved, .mi-saved-tag, .cr-pk-saved, .kit-chip-ok, #form-msg.ok, #av-msg.ok, .mi-subcheck.ok, .rg-msg.ok,
  .rg-pill.paid, .rg-pill.posted, .rg-pill.reconciled, .pr-msg.ok, .pr-res.ok, .ic-msg.ok, .cr-msg.ok, .rc-msg.ok, .rc-flag.st-verified,
  .tc-wrap .ok):not(:empty)::before { content: "✓ "; }
                                                                                                 
body[data-room] .bh-dot.green { background-color: transparent; color: var(--sp-o-muted); width: auto; height: auto; line-height: 1; }
body[data-room] .bh-dot.green::before { content: "✓"; }