.connected-strip{min-height:35px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ded2ed;color:#765483;font-size:11px;padding:6px 16px;text-align:center}.connected-strip .status-dot{height:6px;width:6px;background:#ae8bcc;border-radius:50%}.connected-strip .status-dot.ready{background:#8555a3}.connected-root .sidebar .brand img{width:44px;height:44px}.connected-root .sidebar{min-height:650px}.connected-root .circle-picker{width:100%;display:block;padding:12px;text-align:left}.connected-root .circle-picker strong{display:block;font-size:12px;overflow-wrap:anywhere}.connected-root .circle-picker small{display:block;font-size:10px}.live-top-actions{display:flex;align-items:center;gap:12px}.live-top-actions button{font-size:11px;color:#8d649e}.live-welcome{max-width:550px;margin:35px auto;padding:35px;background:linear-gradient(135deg,#eee0f6,#fae9f2);border:1px solid #dec9e9;border-radius:20px}.live-welcome h1{font-size:37px}.live-welcome p{font-size:14px;line-height:1.8;color:#785584;margin-top:18px}.live-welcome .primary-button{margin-top:23px;width:100%}.live-welcome .secondary-button{margin-top:12px;width:100%;text-decoration:none}.live-welcome .fine-print{font-size:11px;color:#92729e}.live-groups{display:grid;gap:12px;margin:25px 0}.live-group{padding:18px;border:1px solid #dcc7ea;background:#fff8ff;border-radius:12px;display:flex;justify-content:space-between;text-align:left;gap:15px}.live-group b{font:24px Georgia;color:#835598}.live-group small{font-size:10px;color:#9d7aac}.live-status{padding:12px 16px;background:#ede1f7;border:1px solid #decae9;border-radius:10px;color:#886393;font-size:12px;margin-bottom:18px}.live-warning{background:#f7e5ee;color:#9d6d8b}.live-post-list{display:grid;gap:18px}.live-post{padding:23px;border:1px solid #e0cdeb;background:#fff8ff;border-radius:14px}.live-post h2{font-size:26px;color:#87569c;margin:8px 0 12px}.live-post .post-body{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#7e5c8c}.live-post .post-meta{font-size:10px;color:#a184b0;display:flex;gap:8px;justify-content:space-between;margin-top:16px}.live-post .post-actions{border-top:1px solid #e8d9f1;margin-top:15px;padding-top:12px;display:flex;gap:10px;flex-wrap:wrap}.live-post .post-actions button,.live-post .post-actions a{font-size:11px;color:#9467ac;text-decoration:none;padding:7px 0;min-height:30px}.live-post .post-actions button.selected{color:#764190;font-weight:700}.live-post .private-media-placeholder{padding:25px 15px;background:#eadff2;border:1px dashed #d2bbdf;border-radius:10px;font-size:12px;text-align:center;color:#9b79af;margin:12px 0}.live-post ol,.live-post ul{padding-left:21px;font-size:13px;line-height:1.8;color:#866192}.live-post .item-label{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#b090c1}.live-groups-actions{display:flex;gap:10px;margin:15px 0}.live-error{font-size:12px;color:#a4698d;padding:12px 0;white-space:pre-wrap}.live-loading{font-size:13px;color:#9f7ab3;padding:25px 0}.live-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.live-subnav button{font-size:11px;padding:9px 12px;border-radius:8px;color:#9b75ad}.live-subnav button.active{background:#e6d1f1;color:#80509c}.live-dialog .modal-body{min-width:0}.live-dialog .modal-body pre{white-space:pre-wrap;font:13px/1.8 Arial;color:#896293;overflow-wrap:anywhere}.live-dialog .modal-body p{overflow-wrap:anywhere}.live-dialog .form-actions{flex-wrap:wrap}.live-dialog .notice-box{font-size:11px}.live-dialog textarea{min-height:110px}.live-dialog .checkbox-label{display:flex;gap:9px;font-size:12px;margin:15px 0;align-items:flex-start}.live-dialog .checkbox-label input{margin-top:4px}.live-comment{padding:12px;background:#f0e3f8;border-radius:10px;margin:10px 0;font-size:13px;color:#855e96;white-space:pre-wrap;overflow-wrap:anywhere}.live-comment b{display:block;font-size:10px;margin-bottom:5px}.live-connection-actions{display:flex;gap:12px;align-items:center}.live-connection-actions button{font-size:10px;color:#9470a5;text-decoration:underline}.live-message-form{display:flex;gap:8px;margin-top:20px}.live-message-form textarea{flex:1;min-width:0;padding:12px;background:#fffaff;border:1px solid #d6bde6;border-radius:9px;font:14px/1.6 Arial;resize:vertical;color:#765081;max-height:160px}.live-message-form button{align-self:flex-end}.live-room-hint{font-size:11px;color:#9b7faa;margin-bottom:18px}.connected-root .workspace-footer{font-size:11px}.connected-root .workspace-footer a{font-family:Arial;font-size:10px}.live-saved{color:#85609b;font-size:12px}.live-group-tools{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.live-group-tools button{font-size:11px;color:#9063a8;padding:8px 0}.live-modal-status{font-size:11px;color:#aa839f;margin:12px 0}.live-code{font:20px/1.7 monospace;text-align:center;padding:15px;background:#f1e3f9;border:1px dashed #cfb0e0;border-radius:10px;overflow-wrap:anywhere}.live-invite-link{font-size:11px;overflow-wrap:anywhere;color:#9c7db0;margin-top:13px}.live-storage{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:15px;background:#eee2f5;border-radius:9px;margin-top:14px}.connected-root [aria-busy=true]{opacity:.7}.live-reader-note{font-size:10px;color:#a786b8}.live-empty{padding:45px 25px;background:#f5eafa;border:1px dashed #d5b9e4;border-radius:15px;text-align:center}.live-empty h2{font-size:27px;margin-bottom:12px}.live-empty p{font-size:13px;color:#9a76ab;line-height:1.8}.live-beta-votes{display:flex;gap:8px;margin-top:15px}.live-beta-votes button{padding:8px 14px;border-radius:8px;background:#eee0f7;color:#9469a9;font-size:11px}.live-beta-votes button.selected{background:#9266b3;color:white}.connected-root .page-heading .primary-button{min-width:44px}.live-fridge-deck{margin-top:25px;border:1px solid #d6bde7;border-radius:21px;background:linear-gradient(130deg,#f0e4fa,#e4d5f1);padding:25px}.live-fridge-deck .live-post{transform:rotate(-.7deg);box-shadow:0 6px 15px #6e438b0a;border-radius:4px;position:relative}.live-fridge-deck .live-post:before{content:'';position:absolute;width:40px;height:14px;background:#c1a4d9a6;top:-5px;left:45%;transform:rotate(-8deg)}.live-stack-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#9e7aaf;font-size:11px}.live-stack-actions button{font-size:11px;color:#9467ab}@media(max-width:860px){.connected-root .sidebar{display:none}.connected-root .mobile-nav{display:block}.connected-root .workspace{padding-bottom:86px}.connected-root .topbar{padding:0 22px}.connected-root .topbar .desktop-breadcrumb{display:block;max-width:200px}.live-top-actions{gap:10px}.live-top-actions button{font-size:10px}}@media(max-width:600px){.live-welcome{padding:26px 22px;margin:15px 0}.live-welcome h1{font-size:31px}.live-welcome p{font-size:13px}.live-post{padding:19px}.live-post h2{font-size:24px}.live-post .post-body{font-size:13px}.live-message-form textarea{font-size:16px}.live-group b{font-size:21px}.live-dialog .modal-body pre{font-size:12px}.live-groups-actions{flex-direction:column}.live-storage{font-size:10px}.live-room-hint{font-size:10px}.live-fridge-deck{padding:21px 17px}.live-post .post-actions button{font-size:11px}.connected-root .topbar{height:74px}.connected-root .workspace-footer{padding-left:20px;padding-right:20px}.live-status{font-size:11px}.live-connection-actions{display:none}}

.live-private-image{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:10px}.private-media-placeholder:has(img){padding:0;background:transparent}

.live-profile-divider{border:0;border-top:1px solid #e0cdeb;margin:25px 0}.live-dialog .private-media-placeholder img{max-height:220px}

/* Connected room polish. Shared navigation, room tiles, and dialogs keep their layout. */
.connected-root{
  --live-ink:#493155;
  --live-muted:#6e547c;
  --live-paper:#fffafd;
  --live-line:#dfd0e8;
  --live-bg:#f6f2fa;
  --live-title:#59386b;
  --live-accent:#704a82;
  --live-soft:#eee4f6;
  --live-warm:#fff0e8;
  --live-glow:#ffe8df;
  --live-self:#76518e;
  --live-self-end:#674178;
  --live-input-line:#997bab;
  --live-decor:#ad87bd;
  --live-decor-end:#e5aa9d;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.connected-root #live-main{
  color:var(--live-ink);
  background:radial-gradient(ellipse at 100% 0,var(--live-glow),transparent 48%);
}
.connected-root .page-heading{margin-bottom:28px;gap:18px}
.connected-root .page-heading h1{
  color:var(--live-title);
  font-size:clamp(32px,3.5vw,42px);
  line-height:1.13;
  letter-spacing:-1.1px;
}
.connected-root .page-heading .eyebrow{color:var(--live-muted);font-size:10px;letter-spacing:1.25px;margin-bottom:9px}
.connected-root .page-heading .subtitle{color:var(--live-muted);font-size:14px;line-height:1.7;max-width:48ch}
.connected-root .topbar{gap:14px}
.connected-root .desktop-breadcrumb{color:var(--live-muted);line-height:1.5;overflow-wrap:anywhere}
.connected-root .desktop-breadcrumb b{color:var(--live-ink);font-weight:600}
.connected-root .live-top-actions{flex-shrink:0}
.connected-root .live-top-actions button{min-height:44px;color:var(--live-accent);font-size:12px}
.connected-root .live-connection-actions{margin-bottom:18px;flex-wrap:wrap}
.connected-root .live-reader-note,.connected-root .live-room-hint,
.connected-root .live-connection-actions button{color:var(--live-muted);font-size:12px;line-height:1.6}
.connected-root .live-post-list{gap:20px}
.connected-root .live-post{
  background:var(--live-paper);
  border-color:var(--live-line);
  box-shadow:0 5px 20px #51326006;
  padding:25px;
}
.connected-root .live-post-list .live-post{border-radius:18px}
.connected-root .live-post h2{color:var(--live-title);font-size:27px;line-height:1.25;margin:10px 0 14px}
.connected-root .live-post .post-body,.connected-root .live-post ul,.connected-root .live-post ol{
  color:var(--live-ink);font-size:14px;line-height:1.8;
}
.connected-root .live-post .item-label{color:var(--live-muted);font-size:10px;letter-spacing:1px}
.connected-root .live-post .post-meta{color:var(--live-muted);font-size:11px;line-height:1.6;flex-wrap:wrap;margin-top:20px}
.connected-root .live-post .post-actions{border-color:var(--live-line);gap:18px;padding-top:8px}
.connected-root .live-post .post-actions button,.connected-root .live-post .post-actions a{
  color:var(--live-accent);font-size:12px;min-height:44px;display:inline-flex;align-items:center;
}
.connected-root .live-post .post-actions button.selected{color:var(--live-title)}
.connected-root .live-subnav{gap:8px;margin-bottom:22px}
.connected-root .live-subnav button{color:var(--live-accent);font-size:12px;min-height:40px;border:1px solid var(--live-line);background:var(--live-paper);border-radius:10px}
.connected-root .live-subnav button.active{color:var(--live-title);background:var(--live-soft);border-color:var(--live-input-line);font-weight:600}
.connected-root .live-empty{
  padding:44px 26px;
  border:1px solid var(--live-line);
  border-radius:20px;
  background:radial-gradient(ellipse at 100% 0,var(--live-glow),transparent 60%),linear-gradient(145deg,var(--live-paper),var(--live-soft));
  box-shadow:0 7px 24px #51326005;
}
.connected-root .live-empty::before{
  content:"";display:block;width:38px;height:4px;margin:0 auto 22px;border-radius:4px;
  background:linear-gradient(90deg,var(--live-decor),var(--live-decor-end));
}
.connected-root .live-empty h2{color:var(--live-title);font-size:28px;line-height:1.3;margin:0 auto 12px;max-width:24ch}
.connected-root .live-empty p{color:var(--live-muted);font-size:14px;line-height:1.8;max-width:42ch;margin:auto}
.connected-root .chat-panel{
  border-color:var(--live-line);
  border-radius:21px;
  background:var(--live-paper);
  box-shadow:0 7px 25px #51326008;
}
.connected-root .chat-header{
  padding:21px 25px;
  background:linear-gradient(115deg,var(--live-soft),var(--live-warm));
  border-color:var(--live-line);
}
.connected-root .chat-header b{color:var(--live-ink);font-size:15px;font-weight:600;overflow-wrap:anywhere}
.connected-root .chat-header small{color:var(--live-muted);font-size:11px;line-height:1.6;margin-top:5px}
.connected-root .messages{padding:24px;gap:22px;scroll-padding-block:20px}
.connected-root .messages>.subtitle:only-child{
  color:var(--live-muted);font-size:15px;line-height:1.8;max-width:28ch;margin:auto;text-align:center;padding:24px 12px;
}
.connected-root .message{min-width:0}
.connected-root .message>div{min-width:0}
.connected-root .message-author{color:var(--live-muted);font-size:11px;font-weight:600;margin-bottom:7px;overflow-wrap:anywhere}
.connected-root .bubble{color:var(--live-ink);background:var(--live-soft);font-size:14px;line-height:1.7;padding:12px 16px;border-radius:15px 15px 15px 4px}
.connected-root .message-self .bubble{background:linear-gradient(135deg,var(--live-self),var(--live-self-end));color:#fffaff;border-radius:15px 15px 4px 15px}
.connected-root .message time{color:var(--live-muted);font-size:10px;line-height:1.6;margin-top:6px}
.connected-root .live-message-form{max-width:850px;gap:10px;flex-wrap:wrap;margin-top:14px}
.connected-root .live-message-form textarea{
  color:var(--live-ink);background:var(--live-paper);border-color:var(--live-input-line);border-radius:13px;
  padding:13px 15px;font-family:inherit;font-size:16px;line-height:1.6;
}
.connected-root .live-message-form textarea::placeholder{color:var(--live-muted);opacity:1}
.connected-root .live-message-form .primary-button{min-height:48px;padding-inline:20px;border-radius:12px;background:var(--live-self);color:#fffaff;font-size:13px}
.connected-root .live-message-form .live-error{flex-basis:100%;color:#87405e;padding:2px 0;font-size:12px}
.connected-root .live-message-form .live-error:empty{display:none}
.connected-root .live-status{color:var(--live-muted);line-height:1.7}
.connected-root .live-warning,.connected-root .live-error{color:#87405e}
.connected-root .live-loading{color:var(--live-muted)}
.connected-root .live-stack-actions,.connected-root .live-stack-actions button{color:var(--live-muted);font-size:12px;line-height:1.6}
.connected-root .workspace-footer{color:var(--live-muted);line-height:1.7}
.connected-root #live-main :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--live-accent);outline-offset:3px}
@media(max-width:860px){
  /* Only the duplicate header entry disappears. The bottom chooser stays available. */
  .connected-root .topbar .live-top-actions>button[data-live-action="rooms"]{display:none}
  .connected-root .topbar .desktop-breadcrumb{flex:1;min-width:0;max-width:none;font-size:11px}
  .connected-root .desktop-breadcrumb span{margin-inline:5px}
  .connected-root .live-top-actions{gap:10px}
  .connected-root .live-top-actions button{font-size:11px;padding-inline:3px}
}
@media(max-width:600px){
  .connected-root .topbar{height:auto;min-height:74px;padding-block:10px}
  .connected-root .page-heading{margin-bottom:24px}
  .connected-root .page-heading .eyebrow{font-size:9px}
  .connected-root .page-heading .subtitle{font-size:13px;max-width:34ch}
  .connected-root .live-post{padding:21px}
  .connected-root .live-post h2{font-size:25px}
  .connected-root .live-empty{padding:35px 23px;border-radius:18px}
  .connected-root .live-empty h2{font-size:26px}
  .connected-root .live-empty p{font-size:13px}
  .connected-root .chat-panel{border-radius:18px}
  .connected-root .chat-header{padding:19px 20px}
  .connected-root .messages{padding:21px 17px;gap:20px}
  .connected-root .bubble{padding:11px 14px}
  .connected-root .live-message-form .primary-button{padding-inline:17px}
}

/* Room-wide color identity, set only from the authenticated room rendered by the UI. */
.connected-root[data-room="keepsakes"]{
  --live-bg:#faf3eb;--live-paper:#fffaf4;--live-ink:#4d362b;--live-muted:#71523f;
  --live-title:#603d2d;--live-accent:#805739;--live-line:#e0ccba;
  --live-soft:#ecddcc;--live-warm:#f5e7d5;--live-glow:#edcfaa;
  --live-self:#805739;--live-self-end:#68432f;--live-input-line:#a17b5b;
  --live-decor:#ae825e;--live-decor-end:#d4b38a;
}
.connected-root[data-room="porch"]{
  --live-bg:#eff7fc;--live-paper:#fbfdff;--live-ink:#254558;--live-muted:#4d667b;
  --live-title:#2d546f;--live-accent:#33688f;--live-line:#c7dce9;
  --live-soft:#e3f0fa;--live-warm:#edf8ff;--live-glow:#d8ebf8;
  --live-self:#386b91;--live-self-end:#315776;--live-input-line:#688fa9;
  --live-decor:#7aaed0;--live-decor-end:#b0d3e9;
}
.connected-root[data-room="campfire"]{
  --live-bg:#fcf1ed;--live-paper:#fffaf5;--live-ink:#5e332b;--live-muted:#754b3f;
  --live-title:#7c3c30;--live-accent:#974736;--live-line:#e9c9bd;
  --live-soft:#f6ddd4;--live-warm:#ffe9d8;--live-glow:#f7c9a9;
  --live-self:#974736;--live-self-end:#79392e;--live-input-line:#ad7565;
  --live-decor:#c77756;--live-decor-end:#edb775;
}
.connected-root[data-room="play"]{
  --live-bg:#f0f4fc;--live-paper:#fbfcff;--live-ink:#2b3d62;--live-muted:#50658b;
  --live-title:#304d80;--live-accent:#385b9a;--live-line:#cad7ec;
  --live-soft:#e5ebf9;--live-warm:#eaf1ff;--live-glow:#dce7fa;
  --live-self:#385b9a;--live-self-end:#304778;--live-input-line:#768eb6;
  --live-decor:#6488c1;--live-decor-end:#aac2e8;
}
.connected-root[data-room="kitchen"]{
  --live-bg:#f5f4e8;--live-paper:#fffdf5;--live-ink:#35473b;--live-muted:#556448;
  --live-title:#384d3c;--live-accent:#566b47;--live-line:#d9dcc3;
  --live-soft:#e8eddc;--live-warm:#f5efd9;--live-glow:#f4e0bd;
  --live-self:#566b47;--live-self-end:#41553a;--live-input-line:#83936d;
  --live-decor:#8ea177;--live-decor-end:#d7bd84;
}
.connected-root[data-room="beta"]{
  --live-bg:#f1f4f7;--live-paper:#fbfcfd;--live-ink:#344657;--live-muted:#546470;
  --live-title:#3d5266;--live-accent:#506477;--live-line:#ced8e0;
  --live-soft:#e4eaf0;--live-warm:#eef2f6;--live-glow:#dce5ee;
  --live-self:#506477;--live-self-end:#3d5061;--live-input-line:#8293a3;
  --live-decor:#859bb1;--live-decor-end:#b6c4d1;
}
.connected-root[data-room]{--bg:var(--live-bg);--paper:var(--live-paper);--line:var(--live-line);--purple:var(--live-accent);--ink:var(--live-ink);--muted:var(--live-muted)}
.connected-root[data-room] .workspace{background:var(--live-bg)}
.connected-root[data-room] .connected-strip{background:var(--live-soft);color:var(--live-muted)}
.connected-root[data-room] .connected-strip .status-dot.ready{background:var(--live-accent)}
.connected-root[data-room] .topbar,.connected-root[data-room] .mobile-nav{background:var(--live-paper);border-color:var(--live-line)}
.connected-root[data-room] .sidebar{background:linear-gradient(180deg,var(--live-bg),var(--live-soft));border-color:var(--live-line)}
.connected-root[data-room] .brand,.connected-root[data-room] .circle-picker strong{color:var(--live-title)}
.connected-root[data-room] .circle-picker{background:var(--live-paper);border-color:var(--live-line)}
.connected-root[data-room] .circle-picker small,.connected-root[data-room] .sidebar .text-button,
.connected-root[data-room] .primary-nav .nav-item,.connected-root[data-room] .primary-nav .nav-subtitle,
.connected-root[data-room] .working-name{color:var(--live-muted)}
.connected-root[data-room] .primary-nav .nav-item.active{background:var(--live-soft);color:var(--live-title)}
.connected-root[data-room] .primary-nav .nav-item:hover{background:var(--live-soft)}
.connected-root[data-room] .room-home{background:var(--live-soft);color:var(--live-accent)}
.connected-root[data-room] .room-picker-bar b{color:var(--live-title)}
.connected-root[data-room] .room-picker-bar small,.connected-root[data-room] .change-room{color:var(--live-muted)}
.connected-root[data-room] #live-main .primary-button{background:var(--live-self);color:#fffaff}
.connected-root[data-room] #live-main .secondary-button{background:var(--live-paper);border-color:var(--live-line);color:var(--live-accent)}
.connected-root[data-room] #live-main .recipe-subhead{color:var(--live-title)}
.connected-root[data-room] #live-main .chat-help{color:var(--live-muted);line-height:1.7}
/* A quiet, unmistakable maker-space detail in blues only. */
.connected-root[data-room="play"] .live-empty::before{
  width:38px;height:38px;border-radius:0;
  background:linear-gradient(#6488c1,#6488c1) 0 20px/18px 18px no-repeat,
    linear-gradient(#8aa9d7,#8aa9d7) 20px 20px/18px 18px no-repeat,
    linear-gradient(#aac2e8,#aac2e8) 20px 0/18px 18px no-repeat;
}
/* Static CSS flame: decorative only, with no extra widget, asset, or animation. */
.connected-root[data-room="campfire"] .campfire-banner{
  position:relative;overflow:hidden;min-height:205px;padding:28px 140px 28px 28px;
  background:radial-gradient(ellipse at 100% 100%,#ab4e2d,transparent 70%),linear-gradient(120deg,#6a2e2c,#80372d);
  border-color:#844137;box-shadow:0 6px 22px #6a2e2c0a;
}
.connected-root[data-room="campfire"] .campfire-banner h2{color:#fff0df;line-height:1.2}
.connected-root[data-room="campfire"] .campfire-banner p,
.connected-root[data-room="campfire"] .campfire-banner .soft-tag{color:#ffeada;font-size:12px;line-height:1.7}
.connected-root[data-room="campfire"] .campfire-banner .soft-tag{background:#54271f;font-size:10px}
.connected-root[data-room="campfire"] .campfire-banner::before{
  content:"";position:absolute;right:33px;bottom:28px;width:78px;height:112px;
  background:linear-gradient(175deg,#ffe1a6,#f29356 58%,#d56438);
  clip-path:polygon(50% 0,62% 24%,68% 43%,83% 29%,94% 55%,100% 73%,94% 87%,77% 98%,50% 100%,25% 94%,8% 80%,0 60%,8% 42%,21% 26%,25% 48%,41% 29%);
}
.connected-root[data-room="campfire"] .campfire-banner::after{
  content:"";position:absolute;right:55px;bottom:29px;width:35px;height:62px;background:#ffe1a6;
  clip-path:polygon(48% 0,70% 25%,100% 60%,100% 80%,70% 100%,20% 90%,0 65%,25% 38%);
}
@media(max-width:600px){
  .connected-root[data-room="campfire"] .campfire-banner{min-height:190px;padding:24px 94px 24px 20px}
  .connected-root[data-room="campfire"] .campfire-banner h2{font-size:25px}
  .connected-root[data-room="campfire"] .campfire-banner::before{width:58px;height:86px;right:20px;bottom:26px}
  .connected-root[data-room="campfire"] .campfire-banner::after{width:26px;height:47px;right:36px;bottom:27px}
}
/* Let the longer calendar label wrap naturally on narrow phones. */
.connected-root .fridge-actions button{min-width:0;white-space:normal;text-align:center;line-height:1.4}
@media(max-width:600px){
  .connected-root .fridge-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .connected-root .fridge-actions button{min-height:48px;font-size:11px;padding:10px 6px}
}

/* Author-owned recovery and comment dialogs keep the existing room layout. */
.live-own-list{display:grid;gap:14px}.live-own-row{padding:17px;border:1px solid #d9cde3;border-radius:12px;background:#fffafd}.live-own-row h3{margin:6px 0 8px;font:600 18px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#493155}.live-own-row .post-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;color:#493155}.live-own-row time{display:block;font-size:11px;color:#6e547c;margin:9px 0}.live-delete-button{min-height:44px;padding:8px 4px;font-size:12px;color:#773652;text-decoration:underline;text-underline-offset:3px}.live-comment .live-delete-button{display:block}.live-fridge-arrows{display:flex;gap:14px}.live-fridge-arrows button{min-height:44px}.live-fridge-arrows button:disabled{opacity:.45;cursor:default}@media(max-width:600px){.live-stack-actions{align-items:flex-start;gap:6px;flex-direction:column}.live-fridge-arrows{width:100%;justify-content:space-between}}
.live-batch-results{padding:0;list-style:none;display:grid;gap:8px;margin:12px 0}.live-batch-results li{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px;border:1px solid #d9cde3;border-radius:9px;font-size:12px;color:#493155}.live-batch-results li span{overflow-wrap:anywhere}.live-batch-results small{grid-column:1/-1;color:#773652;line-height:1.6}
.live-photo-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.live-photo-box{min-height:150px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;padding:20px 12px;border:1px solid var(--live-input-line,#a78566);border-radius:15px;background:linear-gradient(150deg,var(--live-paper,#fff9f0),var(--live-soft,#ede0d2));color:var(--live-ink,#583e2b);text-align:center}.live-photo-box b{font-size:17px;overflow-wrap:anywhere}.live-photo-box small{font-size:11px;line-height:1.5;color:var(--live-muted,#705943)}.live-box-shape{display:block;width:47px;height:32px;position:relative;border:2px solid currentColor;border-radius:3px;margin-bottom:8px;opacity:.72}.live-box-shape:before{content:'';position:absolute;left:-5px;right:-5px;height:8px;top:-6px;border:2px solid currentColor;border-radius:2px;background:var(--live-soft,#ede0d2)}.live-box-shape:after{content:'';position:absolute;left:15px;top:11px;width:12px;height:3px;border-radius:2px;background:currentColor}.live-all-photos{background:var(--live-paper,#fff9f0)}
.live-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.live-calendar-heading h3{font:600 20px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#493155}.live-calendar-heading button{font-size:22px;min-width:44px;min-height:44px;color:#684575}.live-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:16px 0 22px}.live-weekday{text-align:center;font-size:10px;color:#6e547c;padding:8px 0}.live-calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:7px 2px;border:1px solid #ded2e7;border-radius:8px;background:#fffafd;color:#493155;gap:3px}.live-calendar-day b{font-size:13px}.live-calendar-day span{font-size:8px}.live-calendar-day.has-events{background:#efe2f3;border-color:#9d80af}.live-calendar-day.today{box-shadow:inset 0 0 0 2px #684575}.live-calendar-day:hover{background:#e4d6ee}@media(max-width:440px){.calendar-event-word{display:none}.live-calendar-day{min-height:48px}}
.live-own-preview{background:#f2eaf7;border-left:3px solid #997bab;padding:12px;border-radius:0 7px 7px 0;color:#493155;white-space:pre-wrap;font-size:13px;line-height:1.7}
.live-thread-scroll{max-height:330px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px;margin-bottom:12px}.live-thread-scroll .live-comment{color:#493155;background:#f0e6f6}.live-thread-scroll .live-comment b{font-size:11px}.live-calendar-day span{font-size:10px}