/* A quieter, more grown-up home. Presentation only; room IDs and actions stay intact. */
:root{--getaway-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.connected-root,.live-dialog{font-family:var(--getaway-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.connected-root{--live-bg:#f3eef8;--live-paper:#fffdfd;--live-soft:#eae0f2;--live-line:#dcd0e4;--live-input-line:#8e749f;--live-ink:#352a40;--live-muted:#685774;--live-title:#463052;--live-accent:#69427f;--live-self:#69427f;--live-self-end:#543768;--live-glow:#f4dce5}
:is(.connected-root,.live-dialog)[data-room="keepsakes"]{--live-bg:#f6eee5;--live-paper:#fffcf7;--live-soft:#ecdfcf;--live-line:#ddc9b4;--live-input-line:#9b7856;--live-ink:#413128;--live-muted:#725844;--live-title:#563c2b;--live-accent:#795234;--live-self:#795234;--live-self-end:#63432d;--live-glow:#ead3b7}
:is(.connected-root,.live-dialog)[data-room="porch"]{--live-bg:#edf6fc;--live-paper:#fcfeff;--live-soft:#e0eef8;--live-line:#c6dce9;--live-input-line:#6a91ab;--live-ink:#263e51;--live-muted:#506a7d;--live-title:#254f6e;--live-accent:#356a90;--live-self:#356a90;--live-self-end:#315775;--live-glow:#dceefa}
:is(.connected-root,.live-dialog)[data-room="campfire"]{--live-bg:#fcf0eb;--live-paper:#fffaf6;--live-soft:#f5ddd3;--live-line:#e6c4b6;--live-input-line:#ac7564;--live-ink:#4f302d;--live-muted:#775045;--live-title:#763b32;--live-accent:#904638;--live-self:#904638;--live-self-end:#743a31;--live-glow:#f6d2b8}
:is(.connected-root,.live-dialog)[data-room="play"]{--live-bg:#eef3fb;--live-paper:#fdfdff;--live-soft:#e0e9f8;--live-line:#c7d6eb;--live-input-line:#718bb2;--live-ink:#2d3e5c;--live-muted:#52678a;--live-title:#344e7b;--live-accent:#3d5e98;--live-self:#3d5e98;--live-self-end:#304d7d;--live-glow:#dbe6f8}
:is(.connected-root,.live-dialog)[data-room="kitchen"]{--live-bg:#edf4ed;--live-paper:#fffef8;--live-soft:#e0ebdc;--live-line:#cadbc4;--live-input-line:#7c9273;--live-ink:#334637;--live-muted:#54694d;--live-title:#3d543d;--live-accent:#536e47;--live-self:#536e47;--live-self-end:#405739;--live-glow:#e1e8cd}
:is(.connected-root,.live-dialog)[data-room="beta"]{--live-bg:#f0f3f6;--live-paper:#fcfdff;--live-soft:#e3e9f0;--live-line:#cdd8e1;--live-input-line:#7e91a3;--live-ink:#334557;--live-muted:#566777;--live-title:#40576b;--live-accent:#506a7f;--live-self:#506a7f;--live-self-end:#3d5267;--live-glow:#dce5ed}
.connected-root .app-shell{min-height:calc(100dvh - 30px)}
.connected-root #live-main{padding:32px clamp(24px,4vw,54px) 36px;max-width:1160px;background:radial-gradient(ellipse 80% 400px at 100% 0,var(--live-glow),transparent 70%)}
.connected-root .workspace{min-width:0}
.connected-root .connected-strip{min-height:30px;padding:6px 20px;font-size:10px;letter-spacing:.2px;border-bottom:1px solid var(--live-line)}
.connected-root .connected-strip .status-dot{width:5px;height:5px;flex:0 0 auto}
.connected-root .topbar{min-height:76px;border-bottom:1px solid var(--live-line);padding-inline:clamp(24px,4vw,54px)}
.connected-root .desktop-breadcrumb{font-family:var(--getaway-ui);font-size:13px;letter-spacing:-.15px}
.connected-root .desktop-breadcrumb b{font-weight:650}
.connected-root .live-top-actions{gap:8px}
.connected-root .live-top-actions button{font-family:inherit;font-size:12px;padding:10px 13px;min-height:44px;border-radius:11px;white-space:nowrap}
.connected-root .live-top-actions [data-live-action="members"]{background:var(--live-soft);color:var(--live-title);font-weight:650;border:1px solid var(--live-line)}
.connected-root .live-top-actions [data-live-action="sign-out"]{color:var(--live-muted);font-size:11px}
.connected-root .page-heading{margin-bottom:23px;align-items:flex-start;gap:20px}
.connected-root .page-heading .eyebrow{display:none}
.connected-root .page-heading h1{font-family:var(--getaway-ui);font-size:clamp(30px,3.3vw,38px);line-height:1.15;font-weight:620;letter-spacing:-1.3px;margin:0 0 9px;color:var(--live-title);overflow-wrap:anywhere}
.connected-root .page-heading .subtitle{font-size:14px;line-height:1.65;max-width:48ch;letter-spacing:0;color:var(--live-muted)}
.connected-root :is(.primary-button,.secondary-button){font-family:inherit;font-size:13px;font-weight:630;letter-spacing:0;border-radius:12px;min-height:46px;padding:12px 17px;box-shadow:none}
.connected-root .primary-button{box-shadow:0 3px 8px #3823430c}
.connected-root[data-room] #live-main .secondary-button{border:1px solid var(--live-input-line);background:var(--live-paper)}
.connected-root .page-heading .primary-button{flex-shrink:0;margin-top:3px}
.connected-root .live-connection-actions{margin-bottom:20px;gap:12px}
.connected-root .live-connection-actions button{font-size:11px;text-decoration:none;border-bottom:1px solid var(--live-input-line);padding:5px 0}
.connected-root .live-post-list{gap:20px}
.connected-root .live-post{padding:24px;border:1px solid var(--live-line);border-radius:19px;background:var(--live-paper);box-shadow:0 1px 2px #2e1c3003,0 8px 24px #37294005}
.connected-root .live-post :is(h2,h3){font-family:var(--getaway-ui);font-weight:620;letter-spacing:-.45px;color:var(--live-title)}
.connected-root .live-post h2{font-size:23px;line-height:1.28;margin:10px 0 13px}
.connected-root .live-post .post-body{font-size:15px;line-height:1.75;color:var(--live-ink);margin-top:8px}
.connected-root .live-post .item-label{font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--live-muted)}
.connected-root .live-post .post-meta{font-size:11px;line-height:1.6;margin-top:19px;align-items:center;gap:8px}
.connected-root .live-post .post-meta>span{font-weight:600}
.connected-root .live-post .post-actions{gap:8px;margin-top:17px;padding-top:12px;align-items:center}
.connected-root .live-post .post-actions :is(button,a){font-family:inherit;font-size:12px;font-weight:550;min-height:42px;padding:9px 12px;border-radius:10px;background:var(--live-soft);line-height:1.35;letter-spacing:0;text-align:center}
.connected-root .live-post .post-actions .live-delete-button{margin-left:auto;background:transparent;color:#8a4050;font-weight:500;padding-inline:5px;text-decoration:none}
.connected-root .live-post .post-actions .live-delete-button:hover{text-decoration:underline}
.connected-root .live-post .private-media-placeholder{padding:20px;background:var(--live-soft);border:1px solid var(--live-line);color:var(--live-muted);font-size:13px;line-height:1.6;margin:16px 0;border-radius:13px;overflow:hidden}
.connected-root .live-post .private-media-placeholder:has(img){padding:0;border:0;background:var(--live-soft)}
.connected-root .live-private-image{border-radius:12px;max-height:500px}
.connected-root .live-subnav{gap:8px;margin:16px 0 23px}
.connected-root .live-subnav button{font-family:inherit;font-size:12px;min-height:44px;border-radius:11px;padding:10px 13px;border:1px solid var(--live-line)}
.connected-root .live-subnav button.active{box-shadow:inset 0 0 0 1px var(--live-input-line)}
.connected-root .live-empty{border-style:solid;padding:42px 26px;border-radius:19px;box-shadow:none}
.connected-root .live-empty h2{font-family:var(--getaway-ui);font-weight:580;font-size:25px;letter-spacing:-.7px;line-height:1.25}
.connected-root .live-empty p{font-size:14px;line-height:1.75}
.connected-root .live-room-hint,.connected-root .live-reader-note,.connected-root .chat-help{font-size:12px;line-height:1.65;color:var(--live-muted)}
.connected-root .workspace-footer{font-family:var(--getaway-ui);font-size:11px;letter-spacing:0;border-top:1px solid var(--live-line);margin-top:20px;padding-block:20px}
.connected-root .workspace-footer span{font-size:10px}
.connected-root .fridge-actions{gap:9px;margin:3px 0 24px}
.connected-root .fridge-actions button{font-size:12px;line-height:1.3;min-height:50px;padding:12px 15px;border-radius:12px}
.connected-root .live-fridge-deck{padding:30px 24px 18px;border:1px solid #c8b6d7;border-radius:24px;background:linear-gradient(130deg,#f0e8f7,#e8dcf1);box-shadow:inset 0 1px 0 #ffffffb0,0 6px 20px #5b3c7110}
.connected-root .live-fridge-deck .live-post{transform:rotate(-.25deg);border-radius:13px;border-color:#e4d8eb;box-shadow:0 5px 15px #4930540a;background:#fffdfd}
.connected-root .live-fridge-deck .live-post:before{width:25px;height:25px;border-radius:50%;top:-13px;left:calc(50% - 12px);transform:none;background:radial-gradient(circle at 35% 25%,#c7afd9,#a884c0 48%,#825b9a);box-shadow:0 2px 4px #5d3d7340,inset 0 1px 2px #ffffff90}
.connected-root .live-stack-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:11px;color:#685774}
.connected-root .live-fridge-arrows{display:flex;gap:8px;width:auto;margin-left:auto}
.connected-root .live-fridge-arrows button{font-family:inherit;font-size:12px;font-weight:600;min-height:44px;padding:9px 12px;border-radius:10px;background:#fffdfdc9;color:#654279;border:1px solid #cbb6d8}
.connected-root .live-fridge-arrows button:disabled{opacity:.38;background:transparent}
.connected-root .today-cards .birthday-card{font-family:inherit;border-radius:14px;padding:17px;border-color:var(--live-line);box-shadow:none}
.connected-root .today-cards b{color:var(--live-title);font-size:14px;font-weight:620;letter-spacing:-.2px}
.connected-root .today-cards small{color:var(--live-muted);font-size:11px;line-height:1.6}
.connected-root .chat-panel{border-radius:22px;border:1px solid var(--live-line);box-shadow:0 8px 28px #30567406}
.connected-root .chat-header{padding:21px 24px;background:linear-gradient(110deg,#e1eef8,#f0f8fd);border-bottom:1px solid var(--live-line)}
.connected-root .chat-header b{font-size:14px;font-weight:630;letter-spacing:-.15px}
.connected-root .chat-header small{font-size:11px;line-height:1.5}
.connected-root .messages{height:clamp(320px,49dvh,530px);padding:24px;gap:23px;scroll-behavior:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#fcfeff,#f7fbff)}
.connected-root .message{max-width:88%}
.connected-root .message>div{max-width:100%}
.connected-root .message-author{font-size:11px;line-height:1.4;font-weight:600;letter-spacing:0;margin-bottom:6px}
.connected-root .bubble{font-family:inherit;font-size:15px;line-height:1.65;padding:12px 16px;box-shadow:0 1px 2px #24475f06;border:1px solid #d8e8f3;background:#e7f1f9;border-radius:16px 16px 16px 4px}
.connected-root .message-self .bubble{border-color:#356a90;background:linear-gradient(135deg,#3a7098,#305d7d);color:#fff;border-radius:16px 16px 4px 16px}
.connected-root .message time{font-size:10px;margin-top:7px}
.connected-root .message .live-delete-button{font-size:10px;min-height:32px;padding:4px 0;color:var(--live-muted);text-decoration:none}
.connected-root .live-message-form{gap:10px;margin:14px 0 8px;align-items:flex-end}
.connected-root .live-message-form textarea{border-radius:14px;min-height:56px;background:#fcfeff;border-color:var(--live-input-line);padding:14px 15px;font-family:inherit;font-size:16px;line-height:1.5}
.connected-root .live-message-form .primary-button{min-height:50px;border-radius:13px;padding:12px 19px;font-size:13px}
.connected-root .live-photo-boxes{gap:15px;margin:20px 0 25px}
.connected-root .live-photo-box{min-height:170px;border-radius:18px;padding:24px 15px;gap:11px;border-color:#d5bfa8;background:linear-gradient(145deg,#fffbf4,#eee0ce);box-shadow:inset 0 1px 0 #ffffffc0,0 5px 18px #69452e05}
.connected-root .live-photo-box b{font-family:inherit;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.3px}
.connected-root .live-photo-box small{font-size:11px;color:#705541}
.connected-root .live-box-shape{width:53px;height:33px;border:1px solid #a27852;border-radius:3px;background:linear-gradient(155deg,#d7b895,#ba906c);color:#8b6342;box-shadow:0 6px 10px #60432c0b;opacity:1;margin:7px 0 9px}
.connected-root .live-box-shape:before{height:8px;top:-6px;left:-4px;right:-4px;border:1px solid #a27852;border-radius:3px;background:#e6ccaa;box-shadow:0 2px 1px #a2785226}
.connected-root .live-box-shape:after{left:16px;top:12px;width:20px;height:9px;border:1px solid #b08b68;border-radius:2px;background:#f9efd9}
.connected-root .live-all-photos{background:#fffaf3;border-style:dashed}
.connected-root[data-room="campfire"] .campfire-banner{padding:28px 156px 29px 26px;min-height:195px;border:0;border-radius:20px;background:url('campfire-scene.svg') right center/185px 185px no-repeat,linear-gradient(115deg,#5d3039,#7d3b35);box-shadow:0 7px 25px #6b303b12}
.connected-root[data-room="campfire"] .campfire-banner::before,.connected-root[data-room="campfire"] .campfire-banner::after{display:none}
.connected-root[data-room="campfire"] .campfire-banner h2{font-family:var(--getaway-ui);font-size:26px;font-weight:550;letter-spacing:-.8px;line-height:1.2;color:#fff5e9;margin:13px 0 10px}
.connected-root[data-room="campfire"] .campfire-banner p{font-size:12px;line-height:1.6;color:#f5dfce}
.connected-root[data-room="campfire"] .campfire-banner .soft-tag{background:transparent;padding:0;color:#ecd2c5;letter-spacing:.6px;font-size:9px;font-weight:600}
.connected-root[data-room="play"] .live-empty::before{width:41px;height:41px;background:linear-gradient(145deg,#9bb8df,#7d9ec9) 0 22px/19px 19px no-repeat,linear-gradient(145deg,#648abd,#4d72a6) 22px 22px/19px 19px no-repeat,linear-gradient(145deg,#c2d3ed,#9eb8dd) 22px 0/19px 19px no-repeat}
.connected-root .recipe-subhead{font-family:inherit;font-size:14px;font-weight:650;margin:22px 0 8px;letter-spacing:-.1px}
.connected-root .live-post :is(ul,ol){font-size:14px;line-height:1.8;color:var(--live-ink);padding-left:23px}
.connected-root .live-post :is(ul,ol) li{padding-left:3px;margin-bottom:5px}
/* Friendly surfaces for every dialog, including forms, members, calendar and Trash. */
.live-dialog{--live-bg:#f3eef8;--live-paper:#fffdfd;--live-soft:#eee5f5;--live-line:#dccde7;--live-input-line:#9276a5;--live-ink:#352a40;--live-muted:#685774;--live-title:#463052;--live-accent:#69427f;--live-self:#69427f;--paper:var(--live-paper);--ink:var(--live-ink);--muted:var(--live-muted);--purple:var(--live-accent);--line:var(--live-line);background:var(--live-paper);color:var(--live-ink);border-radius:24px;width:min(570px,calc(100vw - 24px));max-height:90dvh;box-shadow:0 28px 90px #21182a38;border:1px solid #ffffff80;overscroll-behavior:contain}
.live-dialog::backdrop{background:#21172c73;backdrop-filter:blur(4px)}
.live-dialog .modal-header{padding:25px 25px 19px;gap:10px;align-items:flex-start;border:0}
.live-dialog .modal-header h2{font-family:var(--getaway-ui);font-size:25px;font-weight:620;letter-spacing:-.8px;line-height:1.2;color:var(--live-title);padding-top:3px;overflow-wrap:anywhere}
.live-dialog .modal-header p{font-family:inherit;font-size:13px;line-height:1.6;color:var(--live-muted);margin-top:9px;max-width:43ch}
.live-dialog .close-button{flex:0 0 42px;width:42px;height:42px;min-height:42px;border-radius:50%;background:var(--live-soft);color:var(--live-title);font-size:24px;line-height:1;border:1px solid var(--live-line);padding:0}
.live-dialog .modal-body{padding:0 25px 25px}
.live-dialog .modal-body :is(p,pre){font-family:inherit;font-size:14px;line-height:1.7;color:var(--live-ink)}
.live-dialog .modal-body h3{font-family:inherit;font-size:18px;font-weight:620;letter-spacing:-.35px;line-height:1.4;color:var(--live-title)}
.live-dialog .form-field{margin-bottom:20px}
.live-dialog .form-field label{font-family:inherit;font-size:13px;font-weight:600;color:var(--live-ink);margin-bottom:8px;letter-spacing:0;line-height:1.5}
.live-dialog .form-field :is(input,textarea,select){font-family:inherit;font-size:16px;line-height:1.5;color:var(--live-ink);background:var(--live-paper);border:1px solid var(--live-input-line);border-radius:11px;padding:12px 13px;min-height:47px;box-shadow:inset 0 1px 2px #2e1b3b03}
.live-dialog .form-field textarea{min-height:118px;resize:vertical}
.live-dialog .form-field :is(input,textarea)::placeholder{color:var(--live-muted);opacity:1}
.live-dialog input[type=file]{width:100%;max-width:100%;font-size:12px;padding:11px;color:var(--live-muted)}
.live-dialog input[type=file]::file-selector-button{border:0;border-radius:7px;background:var(--live-soft);color:var(--live-title);font-family:inherit;font-size:12px;font-weight:600;padding:9px 10px;margin-right:8px}
.live-dialog .checkbox-label{font-size:13px;line-height:1.6;color:var(--live-ink);align-items:flex-start;gap:10px}
.live-dialog .checkbox-label input{accent-color:var(--live-accent);width:17px;height:17px;flex:0 0 auto}
.live-dialog .notice-box{border:1px solid var(--live-line);background:var(--live-soft);color:var(--live-ink);font-family:inherit;font-size:12px;line-height:1.7;border-radius:12px;padding:15px 16px;margin:17px 0}
.live-dialog .live-reader-note{font-size:12px!important;line-height:1.65!important;color:var(--live-muted)!important;margin:10px 0}
.live-dialog :is(.primary-button,.secondary-button){font-family:inherit;font-size:13px;line-height:1.4;font-weight:620;border-radius:11px;min-height:46px;padding:12px 16px}
.live-dialog .primary-button{background:var(--live-accent);color:#fff}
.live-dialog .secondary-button{background:var(--live-paper);border:1px solid var(--live-input-line);color:var(--live-accent)}
.live-dialog .form-actions{border-top:1px solid var(--live-line);padding-top:19px;gap:10px;margin-top:10px}
.live-dialog .form-actions :is(button,a){flex:1}
.live-dialog .live-error{color:#8a3d4e;font-family:inherit;font-size:12px;line-height:1.6;padding:8px 0}
.live-dialog .live-comment{background:var(--live-soft);border:1px solid var(--live-line);color:var(--live-ink);padding:14px 15px;border-radius:13px;font-family:inherit;font-size:14px;line-height:1.7;margin:0 0 11px}
.live-dialog .live-comment b{font-size:11px;font-weight:650;color:var(--live-muted);margin-bottom:5px}
.live-dialog .live-comment .live-delete-button{font-family:inherit;font-size:11px;color:#8a4050;text-decoration:none;min-height:36px;padding:8px 0 0}
.live-dialog .live-thread-scroll{max-height:310px;padding-right:6px;margin-bottom:16px}
.live-dialog .live-own-row{background:var(--live-paper);border:1px solid var(--live-line);border-radius:15px;padding:18px}
.live-dialog .live-own-row h3{font-size:17px;color:var(--live-title)}
.live-dialog .live-own-row .post-body{font-size:13px;line-height:1.7;color:var(--live-ink)}
.live-dialog .live-own-row time,.live-dialog .live-own-row .item-label{font-size:10px;line-height:1.7;color:var(--live-muted)}
.live-dialog .live-own-preview{color:var(--live-ink);background:var(--live-soft);border-color:var(--live-input-line);border-radius:0 10px 10px 0}
.live-dialog .live-group-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:21px 0}
.live-dialog .live-group-tools button{font-family:inherit;font-size:12px;line-height:1.5;text-align:left;color:var(--live-accent);padding:12px 13px;min-height:46px;border:1px solid var(--live-line);border-radius:11px;background:var(--live-paper)}
.live-dialog .member-row{padding:14px 0;border-color:var(--live-line);gap:12px}
.live-dialog .member-row b{font-family:inherit;font-size:14px;font-weight:600;color:var(--live-ink)}
.live-dialog .member-row small{font-family:inherit;font-size:10px;color:var(--live-muted);text-transform:capitalize}
.live-dialog .member-row .avatar{font-family:inherit;background:var(--live-soft);color:var(--live-title);font-size:14px;border:1px solid var(--live-line)}
.live-dialog .live-storage{background:var(--live-soft);color:var(--live-muted);font-size:10px;padding:13px;border-radius:10px}
.live-dialog .live-calendar-heading{margin-bottom:12px;gap:8px}
.live-dialog .live-calendar-heading h3{font-size:20px;font-weight:600;letter-spacing:-.5px}
.live-dialog .live-calendar-heading button{width:43px;height:43px;border:1px solid var(--live-line);border-radius:11px;background:var(--live-soft);color:var(--live-title);font-size:20px}
.live-dialog .live-calendar-grid{gap:5px;margin:18px 0 20px}
.live-dialog .live-weekday{font-family:inherit;font-size:10px;font-weight:600;color:var(--live-muted);padding-bottom:8px}
.live-dialog .live-calendar-day{border:1px solid var(--live-line);background:var(--live-paper);color:var(--live-ink);border-radius:10px;min-height:54px;padding:7px 2px;gap:5px}
.live-dialog .live-calendar-day b{font-family:inherit;font-size:14px;font-weight:580}
.live-dialog .live-calendar-day span{font-size:9px;color:var(--live-muted)}
.live-dialog .live-calendar-day.has-events{background:var(--live-soft);border-color:var(--live-input-line)}
.live-dialog .live-calendar-day.today{box-shadow:inset 0 0 0 1px var(--live-accent)}
.live-dialog :is(.text-button,[data-live-action=plans]){font-family:inherit;font-size:12px;line-height:1.5;color:var(--live-accent);min-height:44px}
.live-dialog .live-code{font-size:19px;line-height:1.6;letter-spacing:.5px;background:var(--live-soft);border-color:var(--live-input-line);color:var(--live-title);border-radius:13px;padding:18px 14px}
.live-dialog .live-invite-link{font-size:11px;line-height:1.7;color:var(--live-muted)}
.live-dialog .live-batch-results li{border-color:var(--live-line);border-radius:11px;color:var(--live-ink);font-family:inherit;font-size:12px;padding:13px}
.live-dialog .live-beta-votes button{border:1px solid var(--live-line);background:var(--live-soft);color:var(--live-title);min-height:44px;font-family:inherit;font-size:13px;border-radius:10px}
.live-dialog .live-beta-votes button.selected{background:var(--live-accent);color:white;border-color:var(--live-accent)}
/* The same two-column room arrangement, with a real illustrated home above it. */
.live-dialog[data-mode="rooms"]{--live-paper:#fffdfd;--live-soft:#eee5f5;--live-line:#dccde7;--live-input-line:#9276a5;--live-ink:#352a40;--live-muted:#685774;--live-title:#463052;--live-accent:#69427f}
.live-dialog[data-mode="rooms"] .modal-header{padding-bottom:17px}
.room-house-scene{display:block;width:100%;height:auto;aspect-ratio:1120/440;object-fit:cover;border:1px solid #e5dae9;border-radius:16px;margin:0 0 16px;background:#ab8ca5}
.live-dialog .room-grid{grid-template-columns:1fr 1fr;background:transparent;gap:10px;padding:0;border-radius:0}
.live-dialog .room-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:17px 15px;min-height:113px;gap:6px;background:#f3edf8;border:1px solid #ded0e8;border-radius:15px;box-shadow:0 2px 7px #46305203}
.live-dialog .room-tile .icon{width:24px;height:24px;stroke-width:1.5;color:#715088;margin:0 0 3px}
.live-dialog .room-tile b{font-family:inherit;font-size:15px;line-height:1.35;font-weight:620;letter-spacing:-.25px;color:#493554}
.live-dialog .room-tile small{font-family:inherit;font-size:10px;line-height:1.45;color:#715d7c;letter-spacing:0}
.live-dialog .room-tile.current{box-shadow:inset 0 0 0 1px currentColor;border-color:currentColor;color:#69427f}
.live-dialog .room-tile.current:after{content:"";position:absolute;right:13px;top:14px;width:5px;height:5px;border-radius:50%;background:currentColor}
.live-dialog .room-tile[data-room="keepsakes"]{background:#f5ece0;border-color:#dfcdb5;color:#795234}.live-dialog .room-tile[data-room="keepsakes"] :is(b,.icon){color:#6d4b32}.live-dialog .room-tile[data-room="keepsakes"] small{color:#735943}
.live-dialog .room-tile[data-room="porch"]{background:#eaf3fa;border-color:#ccdfed;color:#356a90}.live-dialog .room-tile[data-room="porch"] :is(b,.icon){color:#315b7c}.live-dialog .room-tile[data-room="porch"] small{color:#4e6c82}
.live-dialog .room-tile[data-room="campfire"]{background:#f9e9e2;border-color:#ebcfc3;color:#904638}.live-dialog .room-tile[data-room="campfire"] :is(b,.icon){color:#864b3b}.live-dialog .room-tile[data-room="campfire"] small{color:#785447}
.live-dialog .room-tile[data-room="play"]{background:#e9effa;border-color:#cfdcf1;color:#3d5e98}.live-dialog .room-tile[data-room="play"] :is(b,.icon){color:#405f92}.live-dialog .room-tile[data-room="play"] small{color:#536b91}
.live-dialog .room-tile[data-room="kitchen"]{background:#eaf1e6;border-color:#d0dfc8;color:#536e47}.live-dialog .room-tile[data-room="kitchen"] :is(b,.icon){color:#4d6743}.live-dialog .room-tile[data-room="kitchen"] small{color:#5a7052}
.live-dialog .room-tile[data-room="beta"]{background:#edf0f4;border-color:#d5dce5;color:#506a7f}.live-dialog .room-tile[data-room="beta"] :is(b,.icon){color:#4e667b}.live-dialog .room-tile[data-room="beta"] small{color:#5b6c80}
.live-dialog .room-tile:hover{filter:brightness(.985)}
/* Keep the familiar bottom-right room control, with less visual noise. */
.connected-root .mobile-nav{padding:8px 14px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--live-line);box-shadow:0 -7px 26px #30223b07}
.connected-root .room-picker-bar{gap:11px;padding:5px 3px;min-height:52px}
.connected-root .room-home{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--live-line);border-radius:11px;font-size:23px;background:var(--live-soft);color:var(--live-accent)}
.connected-root .room-home img{width:100%;height:100%;display:block;border-radius:10px}
.connected-root .room-picker-bar small{font-family:inherit;font-size:8px;letter-spacing:.9px;margin-bottom:3px;color:var(--live-muted)}
.connected-root .room-picker-bar b{font-family:inherit;font-size:13px;font-weight:620;letter-spacing:-.2px;color:var(--live-title)}
.connected-root .change-room{font-family:inherit;font-size:12px;font-weight:620;color:var(--live-accent);border:1px solid var(--live-line);background:var(--live-soft);border-radius:10px;padding:10px 12px;line-height:1.4;margin-left:auto}
.connected-root .sidebar{padding:28px 22px 22px}
.connected-root .brand{font-family:var(--getaway-ui);font-weight:580;letter-spacing:-.5px;font-size:22px}
.connected-root .working-name{font-size:8px;letter-spacing:1.1px;font-weight:500;margin-top:4px}
.connected-root .primary-nav{gap:5px}
.connected-root .primary-nav .nav-item{padding:14px 15px;border-radius:12px;font-family:inherit;font-size:13px;font-weight:550}
.connected-root .primary-nav .nav-subtitle{font-family:inherit;font-size:10px;font-weight:400;line-height:1.5}
.connected-root .primary-nav .nav-item.active{box-shadow:inset 0 0 0 1px var(--live-line)}
.connected-root .circle-picker{border-radius:13px;padding:15px;margin-block:28px}
.connected-root .circle-picker strong{font-family:inherit;font-size:13px;line-height:1.5;font-weight:600}
.connected-root .circle-picker small{font-family:inherit;font-size:11px;line-height:1.5;margin-top:4px}
.connected-root .live-group{border-radius:16px;padding:21px;border-color:var(--live-line);background:var(--live-paper);align-items:center}
.connected-root .live-group b{font-family:inherit;font-size:21px;font-weight:600;letter-spacing:-.5px;color:var(--live-title)}
.connected-root .live-group small{font-family:inherit;font-size:11px;color:var(--live-muted)}
.connected-root .live-welcome{border-radius:24px;box-shadow:0 10px 38px #4b325208;background:linear-gradient(150deg,#fffcff,#f2e5f6);border-color:#e2d5e9;padding:38px}
.connected-root .live-welcome h1{font-family:inherit;font-weight:610;font-size:42px;line-height:1.08;letter-spacing:-1.7px;color:#493554}
.connected-root .live-welcome p{font-size:14px;color:#685774;line-height:1.75}
.connected-root .live-welcome .fine-print{font-size:12px}
:is(.connected-root,.live-dialog) :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--live-accent,#69427f);outline-offset:3px}
:is(.connected-root,.live-dialog) button{touch-action:manipulation}
@media(max-width:860px){.connected-root .topbar{padding-inline:22px}.connected-root .desktop-breadcrumb{font-size:11px;line-height:1.4}.connected-root .desktop-breadcrumb span{display:none}.connected-root .desktop-breadcrumb b{display:block;font-size:13px;margin-top:3px}.connected-root .live-top-actions{gap:4px}.connected-root .live-top-actions button{padding-inline:10px}.connected-root .workspace{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}}
@media(max-width:600px){
 .connected-root #live-main{padding:25px 18px 27px}.connected-root .page-heading{gap:13px;margin-bottom:22px}.connected-root .page-heading h1{font-size:31px;letter-spacing:-1.15px}.connected-root .page-heading .subtitle{font-size:13px;line-height:1.65}.connected-root .page-heading .primary-button{width:45px;height:45px;padding:0;min-height:45px;border-radius:13px}.connected-root .live-post{padding:21px;border-radius:17px}.connected-root .live-post h2{font-size:21px}.connected-root .live-post .post-body{font-size:14px;line-height:1.75}.connected-root .fridge-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.connected-root .fridge-actions button{font-size:11px;min-height:52px;padding:10px 7px}.connected-root .live-fridge-deck{padding:26px 16px 15px;border-radius:21px}.connected-root .live-fridge-deck .live-post{padding:21px 18px}.connected-root .live-fridge-arrows{gap:7px}.connected-root .live-fridge-arrows button{padding:9px 10px;font-size:11px}.connected-root .chat-panel{border-radius:19px}.connected-root .chat-header{padding:18px 19px}.connected-root .messages{height:clamp(305px,43dvh,430px);padding:21px 16px;gap:21px}.connected-root .bubble{font-size:14px;padding:12px 14px}.connected-root .live-message-form .primary-button{padding-inline:16px;min-height:51px}.connected-root .live-photo-boxes{gap:12px}.connected-root .live-photo-box{min-height:157px;border-radius:16px;padding:21px 11px}.connected-root .live-photo-box b{font-size:16px}.connected-root[data-room="campfire"] .campfire-banner{padding:26px 120px 27px 21px;min-height:189px;background-size:155px 155px,auto}.connected-root[data-room="campfire"] .campfire-banner h2{font-size:24px;line-height:1.18}.connected-root[data-room="campfire"] .campfire-banner p{font-size:11px}.connected-root[data-room="campfire"] .campfire-banner .soft-tag{font-size:8px}.live-dialog{border-radius:22px;max-height:90dvh}.live-dialog .modal-header{padding:22px 20px 18px}.live-dialog .modal-header h2{font-size:24px;letter-spacing:-.8px}.live-dialog .modal-body{padding:0 20px 22px}.live-dialog .room-tile{padding:15px 12px;min-height:110px}.live-dialog .room-tile b{font-size:14px}.live-dialog .room-tile small{font-size:10px}.room-house-scene{border-radius:14px;margin-bottom:14px}.live-dialog .live-calendar-grid{gap:4px}.live-dialog .live-calendar-day{min-height:49px;border-radius:8px}.connected-root .live-welcome{padding:30px 25px}.connected-root .live-welcome h1{font-size:37px}.connected-root .workspace-footer{padding-inline:18px}
}
@media(max-width:360px){.connected-root #live-main{padding-inline:14px}.connected-root .topbar{padding-inline:17px}.connected-root .live-top-actions button{padding-inline:8px}.connected-root .change-room{font-size:11px;padding-inline:10px}.live-dialog .modal-header{padding-inline:17px}.live-dialog .modal-body{padding-inline:17px}.live-dialog .room-tile{padding-inline:11px}.live-dialog .room-tile b{font-size:13px}.live-dialog .room-tile small{font-size:9px}.connected-root[data-room="campfire"] .campfire-banner{padding-right:105px;background-size:140px 140px,auto}.connected-root[data-room="campfire"] .campfire-banner h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){:is(.connected-root,.live-dialog) *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.live-dialog .room-tile,.connected-root .live-post,.connected-root .live-photo-box,.live-dialog .live-calendar-day{border:1px solid CanvasText}.live-dialog .room-tile.current{outline:2px solid Highlight}}

/* Long chosen names remain readable without displacing the Group control. */
.connected-root .desktop-breadcrumb{min-width:0;overflow-wrap:anywhere;flex:1}
.connected-root .live-top-actions{flex-shrink:0}
.connected-root .live-group{min-width:0}
.connected-root .live-group b,.connected-root .live-photo-box b{overflow-wrap:anywhere}
.connected-root .room-picker-bar>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.connected-root .room-picker-bar .room-home,.connected-root .change-room{flex-shrink:0}
.live-dialog .member-row>b{min-width:0;overflow-wrap:anywhere}
.live-dialog .member-row .avatar{flex-shrink:0}
.connected-root .little-note{color:var(--live-muted)}
/* The optional Beta tile gets its own row; hiding it never widens Kitchen. */
.live-dialog .room-grid .room-tile{grid-column:auto;flex-direction:column;justify-content:flex-start}
.live-dialog .room-grid .room-tile .icon{height:24px;width:24px;margin:0 0 3px}
.live-dialog .room-grid .room-tile b{font-size:15px}
.live-dialog .room-grid .room-tile small{font-size:11px}
.live-dialog .room-grid .room-tile[data-room="beta"]{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;min-height:74px;padding:16px;gap:12px}
.live-dialog .room-grid .room-tile[data-room="beta"] .icon{margin:0}
.live-dialog .room-grid .room-tile[data-room="beta"] small{margin-left:auto;font-size:11px}
@media(max-width:600px){.live-dialog .room-grid .room-tile b{font-size:14px}.live-dialog .room-grid .room-tile small{font-size:10px}.live-dialog .room-grid .room-tile[data-room="beta"] b{font-size:14px}.live-dialog .room-grid .room-tile[data-room="beta"] small{font-size:11px}}
@media(max-width:360px){.live-dialog .room-grid .room-tile b{font-size:13px}.live-dialog .room-grid .room-tile[data-room="beta"]{gap:9px;padding-inline:12px}.live-dialog .room-grid .room-tile[data-room="beta"] small{font-size:10px}}