/* Local review candidate: tactile Fridge only. Existing room behavior is unchanged. */
.connected-root[data-room="fridge"]{
 --fridge-cream:#fff9e9;--fridge-paper:#fffdf5;--fridge-ink:#46304f;--fridge-muted:#6b526e;
 --fridge-enamel:#ad83ca;--fridge-edge:#76518e;--fridge-button:#6d4585;--fridge-button-dark:#4e3067;
 --fridge-display:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
 --live-bg:#f4edf8;--live-ink:#46304f;--live-muted:#6b526e;--live-title:#593368;--live-accent:#6d4585;
}
.connected-root[data-room="fridge"] .workspace{background:radial-gradient(ellipse at 88% 0,#f7d6d5 0,transparent 35%),linear-gradient(155deg,#f8edf5,#f0eaf8 68%,#e8e4f6)}
.connected-root[data-room="fridge"] #live-main{background:none;max-width:1000px;padding-top:26px}
.connected-root[data-room="fridge"] .page-heading{margin-bottom:19px;gap:12px}
.connected-root[data-room="fridge"] .page-heading h1{font-family:var(--fridge-display);font-weight:900;font-size:clamp(39px,4vw,50px);line-height:1.04;letter-spacing:-1.8px;color:#684180;text-shadow:0 2px 0 #fff6ff,0 4px 0 #d9bddf;transform:rotate(-1deg);transform-origin:left center;margin-bottom:11px}
.connected-root[data-room="fridge"] .page-heading .subtitle{font-size:14px;line-height:1.5;color:var(--fridge-muted)}
.connected-root[data-room="fridge"] .fridge-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 25px}
.connected-root[data-room="fridge"] .fridge-actions button{font-family:var(--fridge-display);font-weight:800;font-size:13px;line-height:1.2;border-radius:19px;min-height:52px;padding:12px 10px;border:1px solid #b79bc3;color:#5b376e;background:linear-gradient(#fffdf3,#f4e5ec);box-shadow:inset 0 2px 0 #fffef9,0 4px 0 #c7accd,0 6px 8px #623b7910}
.connected-root[data-room="fridge"] .fridge-actions .primary-button{color:#fff9ee;background:linear-gradient(#8557a3,#6d4585);border-color:#6d4585;box-shadow:inset 0 2px 0 #ad85c3,0 4px 0 #4e3067,0 6px 10px #633c7420}
.connected-root[data-room="fridge"] .fridge-actions button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff8,0 2px 0 #aa8db6}
.connected-root[data-room="fridge"] .fridge-appliance{position:relative;isolation:isolate;max-width:650px;margin:0 auto 18px;padding:80px 24px 26px 52px;background:url('fridge-enamel.svg') center/100% 100% no-repeat;border-radius:35px;box-shadow:0 14px 24px #633f7720,0 2px 3px #68458216;min-width:0;min-height:420px}
.connected-root[data-room="fridge"] .fridge-appliance::after{content:"";position:absolute;left:10px;top:148px;width:28px;height:140px;background:url('fridge-handle.svg') center/contain no-repeat;pointer-events:none}
.connected-root[data-room="fridge"] .fridge-badge{position:absolute;right:27px;top:20px;color:#fdf1e1;font-family:var(--fridge-display);font-size:12px;letter-spacing:2.1px;font-style:italic;font-weight:900;text-shadow:0 1px 1px #613b77;transform:rotate(-3deg);pointer-events:none}
.connected-root[data-room="fridge"] .fridge-appliance>.live-subnav{margin:0 0 24px;gap:7px;flex-wrap:wrap}
.connected-root[data-room="fridge"] .fridge-appliance>.live-subnav button{font-family:var(--fridge-display);background:#f7e9fc;color:#56366b;border:1px solid #845da0;border-radius:12px;box-shadow:0 2px 0 #795190,inset 0 1px 0 #fff;min-height:44px;font-weight:700;font-size:11px;line-height:1.2;padding:8px 10px}
.connected-root[data-room="fridge"] .fridge-appliance>.today-cards{margin:0 0 16px}
.connected-root[data-room="fridge"] .fridge-appliance .birthday-card{background:#fff1d3;border:1px solid #edcea2;border-radius:8px;box-shadow:1px 4px 0 #754b8829}
.connected-root[data-room="fridge"] .live-fridge-deck{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post{position:relative;min-width:0;padding:22px 16px 15px;background:var(--fridge-paper);border:1px solid #f1e2d0;border-radius:7px 8px 12px 7px;box-shadow:1px 5px 0 #76518e45,0 9px 18px #59347128;transform:rotate(-.65deg)}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post::before{content:"";position:absolute;z-index:2;left:auto;right:18px;top:-25px;width:48px;height:43px;border:0;border-radius:0;background:url('fridge-magnet.svg') center/contain no-repeat;box-shadow:none;transform:rotate(14deg);pointer-events:none}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post .item-label{font-size:9px;line-height:1.4;letter-spacing:1px;color:#735d70;font-weight:750}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post h2{font-family:var(--fridge-display);font-size:23px;line-height:1.15;font-weight:850;letter-spacing:-.6px;margin:10px 0 13px;color:var(--fridge-ink)}
.connected-root[data-room="fridge"] .live-fridge-deck .post-body{font-size:14px;line-height:1.65;color:var(--fridge-ink);margin:8px 0 0}
.connected-root[data-room="fridge"] .live-fridge-deck .private-media-placeholder{margin:11px 0 0;border-radius:5px;background:#e5d8e8}
.connected-root[data-room="fridge"] .live-fridge-deck .live-private-image{width:100%;max-height:350px;object-fit:contain;border-radius:5px;background:#e5d8e8}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post[data-kind="photo"]{display:flex;flex-direction:column;padding:13px 12px 13px}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post[data-kind="photo"]>.private-media-placeholder{order:-2;margin:0 0 13px}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post[data-kind="photo"]>.item-label{order:-1;margin:0 5px 0}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post[data-kind="photo"]>h2{margin:7px 5px 0;font-size:22px}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post[data-kind="photo"]>.post-body{margin:8px 5px 0}
.connected-root[data-room="fridge"] .live-fridge-deck .live-post[data-kind="note"]{background:linear-gradient(#fff8df 0 39px,transparent 39px),repeating-linear-gradient(transparent 0 26px,#c8a87c29 26px 27px),#fff8df;background-position:0 0,0 16px,0 0;padding-top:24px}
.connected-root[data-room="fridge"] .live-fridge-deck .post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;color:var(--fridge-muted);font-size:10px;margin:16px 3px 0;line-height:1.4}
.connected-root[data-room="fridge"] .live-fridge-deck .post-meta time{font-size:9px;max-width:100%}
.connected-root[data-room="fridge"] .live-fridge-deck .post-actions{gap:6px;margin:12px 2px 0;padding-top:10px;border-color:#e1d4ca}
.connected-root[data-room="fridge"] .live-fridge-deck .post-actions :is(button,a){min-height:44px;border-radius:14px;padding:8px 10px;font-size:12px;color:#5d3970;background:#efe2f4;font-weight:700;line-height:1.3}
.connected-root[data-room="fridge"] .live-fridge-deck .post-actions .live-delete-button{background:transparent;color:#834253;margin-left:auto;padding-inline:7px;font-size:11px}
.connected-root[data-room="fridge"] .live-fridge-deck .live-reactions{margin:0}
.connected-root[data-room="fridge"] .live-fridge-deck .reaction-trigger{border-color:#ceb5d6;background:#fff9ef;min-height:44px}
.connected-root[data-room="fridge"] .live-stack-actions{display:flex;flex-wrap:wrap;gap:7px 9px;color:#402551;margin-top:18px;font-size:11px;font-weight:700;line-height:1.4}
.connected-root[data-room="fridge"] .live-fridge-arrows{gap:7px;margin-left:auto}
.connected-root[data-room="fridge"] .live-fridge-arrows button{background:#fbefdf;border:1px solid #805695;box-shadow:0 3px 0 #76518e,inset 0 1px 0 #fff;color:#523165;border-radius:13px;font-family:var(--fridge-display);font-size:12px;font-weight:800;min-height:44px;padding:9px 12px}
.connected-root[data-room="fridge"] .live-fridge-arrows button:disabled{opacity:.58;background:#d5bae4;color:#523165;box-shadow:none;border-color:#91709f}
.connected-root[data-room="fridge"] .fridge-appliance>.live-empty{background:#fff8df;border:1px solid #f2dab9;border-radius:8px;box-shadow:0 5px 0 #76518e45;padding:38px 18px}
.connected-root[data-room="fridge"] .fridge-appliance>.live-empty h2{font-family:var(--fridge-display);font-weight:850;font-size:25px}
.connected-root[data-room="fridge"] .chat-help{max-width:650px;margin:20px auto 0;font-size:11px;line-height:1.6}
.connected-root[data-room="fridge"] .change-room{display:inline-flex;align-items:center;min-height:44px;font-family:var(--fridge-display);font-weight:800;border-radius:16px;background:#f4e7f7;color:#65427b;border-color:#d1b8dc;box-shadow:0 2px 0 #d1b8dc}
.connected-root[data-room="fridge"] .room-picker-bar b{font-family:var(--fridge-display);font-weight:800}
@media(max-width:600px){
 .connected-root[data-room="fridge"] #live-main{padding-top:22px}
 .connected-root[data-room="fridge"] .page-heading h1{font-size:40px}
 .connected-root[data-room="fridge"] .fridge-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}
 .connected-root[data-room="fridge"] .fridge-actions button{font-size:12px;padding:10px 5px;min-height:50px;border-radius:17px}
 .connected-root[data-room="fridge"] .fridge-appliance{padding:76px 18px 24px 39px;border-radius:33px}
 .connected-root[data-room="fridge"] .fridge-appliance::after{left:7px;top:140px;width:25px;height:133px}
 .connected-root[data-room="fridge"] .fridge-badge{right:25px;top:18px;font-size:11px}
 .connected-root[data-room="fridge"] .fridge-appliance>.live-subnav{gap:6px;margin-bottom:25px}
 .connected-root[data-room="fridge"] .fridge-appliance>.live-subnav button{font-size:10px;padding:8px 9px;min-height:44px}
 .connected-root[data-room="fridge"] .live-fridge-deck .live-post{padding:22px 15px 14px}
 .connected-root[data-room="fridge"] .live-fridge-deck .live-post[data-kind="photo"]{padding:11px}
 .connected-root[data-room="fridge"] .live-fridge-deck .live-post[data-kind="photo"]>h2{font-size:21px}
 .connected-root[data-room="fridge"] .live-fridge-deck .live-private-image{max-height:300px}
 .connected-root[data-room="fridge"] .live-fridge-deck .post-meta{gap:6px}
 .connected-root[data-room="fridge"] .live-stack-actions{font-size:10px;gap:9px 5px}
 .connected-root[data-room="fridge"] .live-fridge-arrows button{font-size:11px;padding-inline:10px}
}
@media(max-width:360px){
 .connected-root[data-room="fridge"] .fridge-appliance{padding-left:35px;padding-right:15px}
 .connected-root[data-room="fridge"] .fridge-appliance>.live-subnav button{font-size:10px;padding-inline:7px}
 .connected-root[data-room="fridge"] .live-fridge-deck .post-actions :is(button,a){font-size:11px;padding-inline:8px}
 .connected-root[data-room="fridge"] .live-fridge-arrows{width:100%;justify-content:flex-end}
}
@media(forced-colors:active){
 .connected-root[data-room="fridge"] .fridge-appliance{background:Canvas;border:2px solid CanvasText}
 .connected-root[data-room="fridge"] .fridge-badge{color:CanvasText;text-shadow:none}
 .connected-root[data-room="fridge"] .fridge-appliance::after,.connected-root[data-room="fridge"] .live-fridge-deck .live-post::before{display:none}
 .connected-root[data-room="fridge"] .page-heading h1{text-shadow:none}
}

.connected-root[data-room="fridge"] .fridge-help{max-width:650px;margin:20px auto 0;color:var(--fridge-muted);font-size:12px}
.connected-root[data-room="fridge"] .fridge-help summary{cursor:pointer;min-height:44px;padding:12px 3px;font-weight:700;width:max-content;max-width:100%}
.connected-root[data-room="fridge"] .fridge-help summary:focus-visible{outline:3px solid var(--live-accent);outline-offset:3px;border-radius:5px}
.connected-root[data-room="fridge"] .fridge-help .chat-help{margin-top:0}

/* Approved carry-through: the same tactile, illustrated language in every room. */
.connected-root{--room-display:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif}
.connected-root[data-room="keepsakes"]{--tactile-paper:#fffaf0;--tactile-soft:#ecddc4;--tactile-edge:#bc936d;--tactile-shadow:#d8bc98;--tactile-ink:#67432f;--tactile-accent:#795234;--tactile-page:#f7edde}
.connected-root[data-room="porch"]{--tactile-paper:#fcfeff;--tactile-soft:#dfeff8;--tactile-edge:#8eb7cb;--tactile-shadow:#b9d5e5;--tactile-ink:#2c536c;--tactile-accent:#356a90;--tactile-page:#edf6fc}
.connected-root[data-room="campfire"]{--tactile-paper:#fff9ee;--tactile-soft:#f7dfcf;--tactile-edge:#c68b73;--tactile-shadow:#e3bba7;--tactile-ink:#773f32;--tactile-accent:#904638;--tactile-page:#fcf0e8}
.connected-root[data-room="play"]{--tactile-paper:#fbfdff;--tactile-soft:#e1eaf9;--tactile-edge:#90a9cd;--tactile-shadow:#b8cae6;--tactile-ink:#385787;--tactile-accent:#3d5e98;--tactile-page:#eef3fc}
.connected-root[data-room="kitchen"]{--tactile-paper:#fffef3;--tactile-soft:#e7edda;--tactile-edge:#9aaf86;--tactile-shadow:#c0cfaa;--tactile-ink:#415e38;--tactile-accent:#536e47;--tactile-page:#f0f5e9}
.connected-root[data-room="beta"]{--tactile-paper:#fdfdff;--tactile-soft:#e8eaf5;--tactile-edge:#a2abc3;--tactile-shadow:#c6ccdf;--tactile-ink:#4e5878;--tactile-accent:#566684;--tactile-page:#f1f3f9}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .workspace{background:radial-gradient(ellipse at 95% 0,var(--live-glow),transparent 42%),var(--tactile-page)}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) #live-main{background:transparent;padding-top:25px}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .page-heading{margin-bottom:18px;gap:14px}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .page-heading h1{font-family:var(--room-display);font-size:clamp(36px,4vw,45px);font-weight:900;line-height:1.08;letter-spacing:-1.5px;color:var(--tactile-ink);text-shadow:0 2px 0 var(--tactile-paper),0 4px 0 var(--tactile-shadow);transform:rotate(-.7deg);transform-origin:left center;margin-bottom:11px}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .page-heading .subtitle{font-size:14px;line-height:1.55;color:var(--live-muted);max-width:42ch}
.connected-root .room-scene{width:100%;max-width:850px;aspect-ratio:12/5;max-height:230px;min-height:112px;margin:0 0 25px;border:2px solid var(--tactile-edge);border-radius:26px;box-shadow:inset 0 2px 0 #fff9,0 5px 0 var(--tactile-shadow),0 8px 20px #493b4f0c;background-color:var(--tactile-soft);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.connected-root .room-scene-keepsakes{background-image:url('room-surface-keepsakes.svg')}
.connected-root .room-scene-porch{background-image:url('room-surface-porch.svg')}
.connected-root .room-scene-campfire{background-image:url('room-surface-campfire.svg')}
.connected-root .room-scene-play{background-image:url('room-surface-play.svg')}
.connected-root .room-scene-kitchen{background-image:url('room-surface-kitchen.svg')}
.connected-root .room-scene-beta{background-image:url('room-surface-beta.svg')}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) :is(.primary-button,.secondary-button,.live-subnav button){font-family:var(--room-display);font-weight:800;border-radius:16px;min-height:46px;line-height:1.3}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .primary-button{color:#fffef7;background:var(--tactile-accent);border:1px solid var(--tactile-accent);box-shadow:inset 0 2px 0 #fff3,0 4px 0 var(--tactile-ink)}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) :is(.secondary-button,.live-subnav button){color:var(--tactile-ink);background:var(--tactile-paper);border:1px solid var(--tactile-edge);box-shadow:inset 0 2px 0 #fff,0 3px 0 var(--tactile-shadow)}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .live-subnav button.active{background:var(--tactile-soft);box-shadow:inset 0 0 0 1px var(--tactile-edge),0 3px 0 var(--tactile-shadow)}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) :is(.live-post,.live-empty){border:1px solid var(--tactile-edge);border-radius:21px;background:var(--tactile-paper);box-shadow:0 4px 0 var(--tactile-shadow),0 7px 18px #4833480b}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) :is(.live-post h2,.live-empty h2){font-family:var(--room-display);font-size:25px;font-weight:850;color:var(--tactile-ink);letter-spacing:-.6px;line-height:1.2}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .live-post .post-actions :is(button,a){border-radius:14px;min-height:44px;font-weight:700;color:var(--tactile-ink);background:var(--tactile-soft)}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .live-post .post-actions .live-delete-button{background:transparent;color:#834253}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .change-room{display:inline-flex;align-items:center;min-height:44px;font-family:var(--room-display);font-weight:800;border-radius:16px;color:var(--tactile-ink);background:var(--tactile-soft);border-color:var(--tactile-edge);box-shadow:0 2px 0 var(--tactile-shadow)}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .room-picker-bar b{font-family:var(--room-display);font-weight:800}
/* Keepsakes: little labelled archive boxes, retaining the real per-person controls. */
.connected-root[data-room="keepsakes"] .live-photo-box{position:relative;min-height:164px;border:1px solid #9e734f;border-radius:13px 13px 20px 20px;background:linear-gradient(#efd6b2 0 24px,#c39970 25px 27px,#dec19e 28px,#d4ad84);box-shadow:inset 0 1px 0 #fff1dc,0 5px 0 #b28a65,0 9px 15px #6c4e3020;padding:29px 12px 18px;gap:9px}
.connected-root[data-room="keepsakes"] .live-photo-box::before{content:"";position:absolute;left:0;right:0;top:7px;border-top:1px solid #fff1dc99;pointer-events:none}
.connected-root[data-room="keepsakes"] .live-photo-box b{font-family:var(--room-display);font-size:17px;font-weight:850;color:#593c28;padding:4px 10px;border-radius:5px;background:#fff7e5;border:1px solid #b99573;box-shadow:0 1px 0 #8f67463b;max-width:100%}
.connected-root[data-room="keepsakes"] .live-photo-box small{color:#61432d;font-size:11px}
.connected-root[data-room="keepsakes"] .live-box-shape{width:44px;height:30px;transform:rotate(-6deg);background:#fffbef;border:2px solid #f7f0dd;box-shadow:3px 3px 0 #ae835c;margin:7px 0 9px;border-radius:3px}
.connected-root[data-room="keepsakes"] .live-box-shape::before{inset:3px;top:3px;left:3px;right:3px;height:auto;border:0;border-radius:1px;background:linear-gradient(150deg,#acc5c7 0 45%,#879d90 46% 67%,#547265 68%);box-shadow:none}
.connected-root[data-room="keepsakes"] .live-box-shape::after{display:none}
.connected-root[data-room="keepsakes"] .live-all-photos{background:linear-gradient(#f4e4cb 0 24px,#c9a886 25px 27px,#ead6b9 28px,#e2c9a6);border-style:solid}
/* Porch: sky-blue joinery surrounds an unchanged, scrollable conversation. */
.connected-root[data-room="porch"] .chat-panel{border:2px solid #8eb7cb;border-radius:24px;box-shadow:0 5px 0 #b9d5e5,0 8px 20px #2c536c0b;overflow:hidden}
.connected-root[data-room="porch"] .chat-header{padding:17px 19px;background:linear-gradient(#e9f5fc,#d7ecf7);border-bottom:2px solid #b1d0e0}
.connected-root[data-room="porch"] .chat-header b{font-family:var(--room-display);font-weight:850;font-size:16px;color:#2c536c}
.connected-root[data-room="porch"] .messages{background:linear-gradient(#fcfeff,#f3f9fd);padding:21px 16px}
.connected-root[data-room="porch"] .bubble{border:1px solid #bfd8e7;border-radius:18px 18px 18px 5px;background:#e1f0f8;color:#263e51;box-shadow:0 2px 0 #c8dfe9;font-size:14px;line-height:1.65}
.connected-root[data-room="porch"] .message-self .bubble{border-color:#356a90;border-radius:18px 18px 5px 18px;background:linear-gradient(#437da4,#356a90);color:#fff;box-shadow:0 2px 0 #254f6e}
.connected-root[data-room="porch"] .live-message-form textarea{border:2px solid #8eb7cb;border-radius:18px;background:#fcfeff;box-shadow:inset 0 2px 3px #366b9009}
/* Campfire song cards have warm rounded edges; no extra quote panel. */
.connected-root[data-room="campfire"] .live-post{border-top:5px solid #d99266;background:linear-gradient(135deg,#fffaf0,#fff3e6)}
.connected-root[data-room="campfire"] .live-post .item-label{color:#8a4d35}
/* Play Area keeps its blue blocks and readable workshop-style cards. */
.connected-root[data-room="play"] .live-post{border-left:6px solid #7798c7}
.connected-root[data-room="play"] .live-empty::before{width:45px;height:45px;background:linear-gradient(145deg,#9db9e0,#7d9ec9) 0 24px/21px 21px no-repeat,linear-gradient(145deg,#648abd,#4d72a6) 24px 24px/21px 21px no-repeat,linear-gradient(145deg,#c2d3ed,#9eb8dd) 24px 0/21px 21px no-repeat}
/* Kitchen: cream recipe paper against the green room. */
.connected-root[data-room="kitchen"] .live-post{border-radius:8px 19px 19px 8px;border-left:6px solid #93a879;background:linear-gradient(90deg,#e9efd9 0 12px,#fffef3 12px);padding-left:29px}
.connected-root[data-room="kitchen"] .recipe-subhead{font-family:var(--room-display);font-size:15px;font-weight:800;color:#415e38}
/* The temporary Beta workshop stays calm and visually distinct. */
.connected-root[data-room="beta"] .live-post{border-top:5px solid #a4acc9;margin-bottom:20px}
.connected-root[data-room="beta"] .live-empty::before{display:none}
.connected-root[data-room="beta"] .live-beta-votes button{border:1px solid #a2abc3;border-radius:14px;min-height:44px;background:#e8eaf5;color:#4e5878;font-weight:700;box-shadow:0 2px 0 #c6ccdf}
@media(max-width:600px){
 .connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) #live-main{padding-top:22px}
 .connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .page-heading h1{font-size:36px}
 .connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .page-heading .subtitle{font-size:13px;line-height:1.55}
 .connected-root .room-scene{border-radius:22px;margin-bottom:24px}
 .connected-root[data-room="porch"] .room-scene{max-height:118px;aspect-ratio:3/1;background-position:center 58%}
 .connected-root[data-room="porch"] .messages{height:clamp(275px,36dvh,380px)}
 .connected-root[data-room="keepsakes"] .live-photo-box{min-height:162px}
 .connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) :is(.live-post h2,.live-empty h2){font-size:23px}
}
@media(max-width:360px){
 .connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) .page-heading h1{font-size:33px}
}
@media(forced-colors:active){
 .connected-root .room-scene{display:none}
 .connected-root[data-room] .page-heading h1{text-shadow:none}
 .connected-root[data-room="keepsakes"] .live-photo-box{background:Canvas;border:1px solid CanvasText}
}
.connected-root[data-room="porch"] .message .live-delete-button{min-height:44px;padding:10px 0;font-size:11px}
.connected-root[data-room] .page-heading h1,.connected-root[data-room] .live-photo-box b{overflow-wrap:anywhere}
/* Match the established #live-main cascade without touching any action handler. */
.connected-root[data-room="fridge"] #live-main .fridge-actions .primary-button{color:#fff9ee;background:linear-gradient(#8557a3,#6d4585);border-color:#6d4585}
.connected-root[data-room="fridge"] #live-main .fridge-actions .secondary-button{color:#5b376e;background:linear-gradient(#fffdf3,#f4e5ec);border-color:#b79bc3}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) #live-main .primary-button{background:var(--tactile-accent);color:#fffef7;border-color:var(--tactile-accent)}
.connected-root:is([data-room="keepsakes"],[data-room="porch"],[data-room="campfire"],[data-room="play"],[data-room="kitchen"],[data-room="beta"]) #live-main .secondary-button{background:var(--tactile-paper);color:var(--tactile-ink);border-color:var(--tactile-edge)}
.connected-root[data-room="porch"] .message-self .bubble{background:linear-gradient(#41799f,#356a90)}
/* Shared forms, the room chooser, and comments get the same soft physical controls. */
.live-dialog{--room-display:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;border:2px solid var(--live-line);border-radius:28px;box-shadow:0 7px 0 #21182a20,0 28px 90px #21182a38}
.live-dialog .modal-header h2{font-family:var(--room-display);font-weight:850;font-size:27px;line-height:1.12;letter-spacing:-.8px;color:var(--live-title);text-shadow:0 2px 0 var(--live-soft)}
.live-dialog .close-button{border-radius:15px;border:1px solid var(--live-input-line);min-width:44px;min-height:44px;flex-basis:44px;box-shadow:0 3px 0 var(--live-line);background:var(--live-soft)}
.live-dialog :is(.primary-button,.secondary-button,.live-group-tools button){font-family:var(--room-display);font-weight:800;border-radius:16px;min-height:46px;box-shadow:inset 0 2px 0 #fff5,0 3px 0 var(--live-line)}
.live-dialog .primary-button{border:1px solid var(--live-accent);background:var(--live-accent);color:#fffef7;box-shadow:inset 0 2px 0 #fff3,0 4px 0 var(--live-title)}
.live-dialog .form-field :is(input,textarea,select){border-width:2px;border-radius:14px;background:var(--live-paper);box-shadow:inset 0 2px 3px #43324e08;font-size:16px;min-height:48px}
.live-dialog .form-field label{font-weight:750}
.live-dialog .live-comment{border-radius:17px;border-color:var(--live-line);box-shadow:0 2px 0 var(--live-line)}
.live-dialog .live-comment .live-delete-button{min-height:44px;padding-top:10px}
.live-dialog .live-calendar-day{min-height:52px;border-radius:12px;box-shadow:0 2px 0 var(--live-line);font-weight:600}
.live-dialog .live-calendar-day.has-events{box-shadow:0 2px 0 var(--live-input-line)}
.live-dialog .live-group-tools button{background:var(--live-paper);border-color:var(--live-input-line)}
.live-dialog .room-grid{gap:12px}
.live-dialog .room-grid .room-tile{--tile-shadow:#d2bddf;border-radius:20px;border-width:2px;box-shadow:inset 0 2px 0 #fff9,0 4px 0 var(--tile-shadow);padding-bottom:18px}
.live-dialog .room-grid .room-tile b{font-family:var(--room-display);font-size:16px;font-weight:850;letter-spacing:-.3px}
.live-dialog .room-grid .room-tile[data-room="keepsakes"]{--tile-shadow:#dac0a0}
.live-dialog .room-grid .room-tile[data-room="porch"]{--tile-shadow:#bdd6e6}
.live-dialog .room-grid .room-tile[data-room="campfire"]{--tile-shadow:#e4bdaa}
.live-dialog .room-grid .room-tile[data-room="play"]{--tile-shadow:#bbcbe6}
.live-dialog .room-grid .room-tile[data-room="kitchen"]{--tile-shadow:#c2d3b5}
.live-dialog .room-grid .room-tile[data-room="beta"]{--tile-shadow:#c7d0df}
.live-dialog .room-grid .room-tile.current{box-shadow:inset 0 0 0 1px currentColor,0 4px 0 var(--tile-shadow)}
.live-dialog .room-tile .room-location-badge{border-radius:10px;background:#ffffffa6}
.live-dialog .room-house-scene{border-radius:20px;box-shadow:0 3px 0 #dccde7}
@media(max-width:600px){
 .live-dialog .modal-header h2{font-size:26px}
 .live-dialog .room-grid .room-tile b{font-size:15px}
 .live-dialog .room-grid .room-tile[data-room="beta"] b{font-size:15px}
}
@media(forced-colors:active){
 .live-dialog .modal-header h2{text-shadow:none}
 .live-dialog .room-grid .room-tile,.live-dialog .live-comment{box-shadow:none;border:1px solid CanvasText}
}
/* Long user-provided names and uninterrupted titles never widen a mobile card. */
.connected-root[data-room] :is(.live-post-list,.live-post,.live-empty){min-width:0}
.connected-root[data-room] :is(.live-post h2,.live-empty h2,.live-post li){overflow-wrap:anywhere}
/* The current-location badge may wrap inside a narrow room tile, never the sidebar. */
.live-dialog .room-grid .room-tile{min-width:0}
.live-dialog .room-tile .room-location-badge{max-width:100%;white-space:normal;min-width:0}
.live-dialog .room-tile .room-location-badge>span{min-width:0;overflow-wrap:anywhere}
.live-dialog .room-tile :is(b,small){overflow-wrap:anywhere}
/* Blue circles belong to unread activity only; connection keeps a neutral square. */
.connected-root[data-room] .connected-strip .status-dot{width:5px;height:5px;border-radius:1px;background:#a195a0}
.connected-root[data-room] .connected-strip .status-dot.ready{background:#766775;border-radius:1px}
.connected-root .primary-nav .room-unread-dot{background:#2478c6}
@media(forced-colors:active){.connected-root .primary-nav .room-unread-dot{background:Highlight;border-color:Canvas}}