:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f6f1;--surface:#fffdf8;--surface-2:#f0f4f1;--ink:#242724;--muted:#70776e;--line:#ddd9cf;--accent:#2f7563;--accent-dark:#245d4f;--accent-soft:#dcebe5;--blue-soft:#e7eef2;--amber-soft:#f3ead5;--danger-soft:#f3e3dd;--shadow:0 24px 70px #2c312b29;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #fffdf8d6, #f7f6f1f0), var(--page);min-height:100vh;color:var(--ink);margin:0;overflow-x:clip}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:minmax(180px,240px) minmax(360px,760px);justify-content:center;gap:20px;height:100dvh;min-height:0;padding:20px;display:grid}.space-rail,.phone-frame,.list-panel{--panel-inset:20px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8eb}.space-rail{border-radius:8px;flex-direction:column;gap:20px;min-height:0;padding:18px;display:flex}.brand-lockup{gap:8px;display:grid}.brand-word{font-size:22px;font-weight:750}.brand-line{max-width:180px;color:var(--muted);font-size:13px;line-height:1.35}.space-pill{min-height:44px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.space-pill.is-active{background:var(--accent-soft);border-color:#b9d1c7}.space-count,.list-count{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;font-size:12px;font-weight:700;display:inline-grid}.phone-frame{border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:calc(100dvh - 40px);min-height:0;display:grid;overflow:hidden}.top-bar{border-bottom:1px solid var(--line);background:#fffdf8f0;align-items:center;gap:12px;min-height:68px;padding:12px 16px;display:flex}.family-title{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;gap:2px;margin-right:auto;padding:4px 6px;display:grid}.family-title:hover{background:#2f75630a}.family-title:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.family-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:760;overflow:hidden}.family-meta{color:var(--muted);font-size:12px}.top-actions{align-items:center;gap:8px;display:flex}.text-button,.list-button,.secondary-button,.primary-button,.send-button,.icon-button,.tab{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:8px}.text-button{color:var(--muted);padding:0 12px}.list-button{color:#8f958d;opacity:.62;background:0 0;border-color:#0000;align-items:center;gap:4px;min-height:32px;padding:0 4px;font-size:13px;font-weight:450;display:inline-flex}.list-button:hover,.list-button:focus-visible{border-color:var(--line);color:var(--accent-dark);opacity:1;background:#f0f4f18c}.list-button .list-count{display:none}.icon-button{place-items:center;width:40px;padding:0;display:inline-grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}.hamburger,.hamburger:before,.hamburger:after{background:currentColor;border-radius:999px;width:18px;height:2px;display:block}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute}.hamburger:before{top:-6px}.hamburger:after{top:6px}.chat-feed{overscroll-behavior:contain;background:#fafbfa;flex-direction:column;gap:14px;min-height:0;padding:18px 16px 22px;display:flex;overflow-y:auto}.date-divider{border:1px solid var(--line);color:var(--muted);background:#fffdf8db;border-radius:999px;flex-shrink:0;align-self:center;padding:6px 10px;font-size:12px}.message-row{flex-shrink:0;gap:5px;min-width:0;max-width:min(82%,520px);display:grid}.message-row.is-mine{align-self:end}.message-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.message-row.is-mine .message-meta{justify-content:flex-end}.message-bubble{overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:8px;gap:8px;padding:11px 42px 11px 12px;line-height:1.42;display:grid;position:relative}.message-text,.list-item p,.source-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.message-row.is-selected .message-bubble{background:#fffdf838;border-color:#ddd9cf47}.message-row.is-mine.is-selected .message-bubble{background:#ecf4f038;border-color:#c4d7cf40}.message-row.is-source .message-bubble{outline:3px solid #2f75633d}.message-menu{color:#a7ada4;opacity:.38;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;display:grid;position:absolute;top:6px;right:6px}.message-menu:hover,.message-menu:focus-visible{color:var(--accent-dark);opacity:1;background:#2f756312}.action-menu{z-index:4;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(160px,100% - 12px);padding:6px;position:absolute;top:36px;right:6px;box-shadow:0 12px 32px #282d282e}.action-menu[hidden]{display:none}.action-menu button{width:100%;min-height:36px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px}.action-menu button:hover,.action-menu button:focus-visible{background:var(--accent-soft)}.composer{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:10px;padding:12px;display:grid}.composer textarea,.add-sheet textarea{resize:none;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;line-height:1.45}.composer textarea{min-height:44px;max-height:112px;padding:11px 12px}.composer textarea:focus,.add-sheet textarea:focus{border-color:#8fb8aa;box-shadow:0 0 0 3px #2f756324}.send-button{border-color:var(--accent);background:var(--accent);color:#fff;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.send-button:disabled,.add-sheet button:disabled{opacity:.45;cursor:default}.send-button:hover,.send-button:focus-visible{border-color:var(--accent-dark);background:var(--accent-dark)}.send-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.send-icon{width:20px;height:20px;display:block}.list-panel{z-index:7;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);width:min(400px,100vw - 40px);transition:transform .18s;display:grid;position:fixed;top:20px;bottom:20px;right:20px;transform:translate(calc(100% + 28px))}.list-panel.is-open{transform:translate(0)}.list-panel.is-open.is-peeking{transform:translateX(calc(50% + var(--panel-inset)))}.list-restore{z-index:1;width:100%;color:var(--accent-dark);background:0 0;border:0;padding:0;position:absolute;inset:0}.list-restore[hidden]{display:none}.list-restore svg{border:1px solid var(--line);background:var(--surface-2);border-radius:0 8px 8px 0;width:28px;height:44px;padding:4px;position:absolute;top:50%;left:0}.list-restore:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.is-viewing-source .chat-feed{padding-right:220px}.is-viewing-source .message-row{overflow-wrap:anywhere;min-width:0;max-width:100%}.is-viewing-source .message-meta{flex-wrap:wrap}.panel-header,.sheet-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.panel-header h1,.sheet-header h2{margin:0;font-size:20px}.panel-header p,.sheet-header p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.35}.tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding:12px 18px;display:grid}.tab{background:0 0}.tab.is-active{background:var(--accent-soft);color:var(--accent-dark);border-color:#b9d1c7;font-weight:750}.list-items{overscroll-behavior:contain;overflow-wrap:anywhere;align-content:start;gap:10px;min-height:0;padding:16px 18px 18px;display:grid;overflow:auto}.list-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:12px;padding:12px;display:grid}.list-item p{margin:0;line-height:1.4}.list-item-meta{color:var(--muted);gap:3px;font-size:12px;display:grid}.list-item-actions{flex-wrap:wrap;gap:8px;display:flex}.list-item-actions button{border:1px solid var(--line);background:var(--surface-2);min-height:36px;color:var(--ink);border-radius:8px;padding:0 10px}.list-item-actions .handled-button{background:var(--accent-soft);color:var(--accent-dark);border-color:#b9d1c7;font-weight:700}.empty-state{color:var(--muted);text-align:center;padding:24px 12px}.add-sheet::backdrop{background:#1b1e1b52}.add-sheet{max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);z-index:9;border:1px solid var(--line);background:var(--surface);width:min(430px,100vw - 48px);box-shadow:var(--shadow);border-radius:8px;margin:0;padding:0;transition:transform .18s;position:fixed;inset:auto 24px 24px auto;overflow-y:auto;transform:translateY(calc(100% + 40px))}.add-sheet[hidden]{display:none}.add-sheet.is-open{transform:translateY(0)}.add-sheet form{gap:14px;display:grid}.source-preview{border:1px solid var(--line);background:var(--blue-soft);border-radius:8px;margin:0 18px;padding:12px}.source-preview span,.field-label{color:var(--muted);font-size:12px;font-weight:700}.source-preview p{margin:6px 0 0;line-height:1.4}.field-label{margin:0 18px -8px}.add-sheet textarea{min-height:112px;padding:12px}.add-sheet textarea,.sheet-actions{margin-left:18px;margin-right:18px}.add-sheet textarea{width:calc(100% - 36px)}.sheet-actions{justify-content:flex-end;gap:10px;padding-bottom:18px;display:flex}.secondary-button,.primary-button{padding:0 14px}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:750}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.desktop-hidden{display:none}.space-pill [data-family-name]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-panel{width:min(420px,100vw - 40px);max-width:none;height:calc(100dvh - 40px);max-height:none;color:var(--ink);background:#fafbfa;border:1px solid #e2e7e3;border-radius:8px;margin:0;padding:0;position:fixed;inset:20px 20px 20px auto;box-shadow:0 12px 40px #2427241f}.settings-panel[open]{flex-direction:column;animation:.18s ease-out settings-enter;display:flex}.settings-panel::backdrop{background:#24272429}:is(body:has(.settings-panel[open]),body:has(.add-sheet[open])){overflow:hidden}.settings-header{border-bottom:1px solid #e2e7e3;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.settings-header h2{margin:0;font-size:18px}.settings-header .icon-button{color:var(--muted);background:0 0;border-color:#0000;flex-shrink:0}.settings-body{overscroll-behavior:contain;min-height:0;padding:0 20px;overflow-y:auto}.settings-section{padding:24px 0}.settings-section+.settings-section{border-top:1px solid #e2e7e3}.settings-section label,.settings-section h3{margin:0;font-size:14px;font-weight:650;display:block}.settings-section input{width:100%;min-width:0;height:44px;color:var(--ink);background:#fff;border:1px solid #d6dfd9;border-radius:6px;margin-top:12px;padding:0 12px;font-size:16px}.settings-panel :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-error,.settings-status{overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;line-height:1.5}.settings-error{color:#a23838;min-height:18px}.settings-status{color:var(--muted);margin:0}.settings-save-row,.settings-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-save-row button{flex-shrink:0}.settings-panel button:disabled{opacity:.45;cursor:default}.settings-member-count{color:var(--muted);font-size:12px}.settings-members{margin:12px 0;padding:0;list-style:none}.settings-members li{align-items:center;gap:12px;min-height:58px;padding:10px 0;display:flex}.member-initial{color:#416555;background:#e6efeb;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-size:13px;display:grid}.settings-members li:nth-child(2) .member-initial{color:#52647e;background:#edf0f5}.settings-members li:nth-child(3) .member-initial{color:#80666d;background:#f2ebed}.settings-members li:nth-child(4) .member-initial{color:#646571;background:#eeeef0}.member-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.member-role{color:var(--muted);font-size:12px}.settings-invite{width:100%;min-height:48px;color:var(--accent-dark);text-align:left;background:0 0;border:0;border-top:1px solid #e2e7e3;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.invite-chevron{margin-left:auto}.settings-invite[aria-expanded=true] .invite-chevron{transform:rotate(90deg)}.settings-invitation p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.6}.settings-invitation label{margin-top:12px;display:block}.settings-invitation input{text-overflow:ellipsis;min-width:0;overflow:hidden}.settings-invitation>button,.settings-invitation [data-invite-result]{margin-top:14px}.settings-invitation .secondary-button{max-width:100%;padding:8px 12px}.invite-actions{align-items:center;gap:16px;margin-top:12px;display:flex}.invite-preview,.join-back{min-height:44px;color:var(--accent-dark);text-underline-offset:4px;align-items:center;font-size:14px;display:inline-flex}.app-shell[hidden],.join-page[hidden],.join-page [hidden],.settings-panel [hidden]{display:none}.join-page{background:#fafbfa;min-height:100dvh;padding:24px}.join-header{justify-content:space-between;align-items:center;gap:16px;max-width:900px;margin:0 auto;display:flex}.demo-label,.join-eyebrow{color:var(--muted);font-size:13px}.join-content{overflow-wrap:anywhere;max-width:400px;margin:64px auto 0}.join-content h1{margin:12px 0;font-size:26px;line-height:1.4}.join-content p{line-height:1.65}.join-note{color:var(--muted);font-size:13px}.join-content form{margin-top:28px}.join-content label{font-size:14px;display:block}.join-content input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #d6dfd9;border-radius:6px;margin-top:8px;padding:10px 12px;font-size:16px}.join-content .primary-button{min-height:44px;margin-top:12px}.join-content :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.join-back{width:fit-content;margin-top:16px;display:flex}@keyframes settings-enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.settings-panel[open]{animation:none}.list-panel,.add-sheet{transition:none}}@media (width<=960px){.settings-panel{border:0;border-radius:0;width:100%;height:100dvh;inset:0}.settings-header{padding-top:max(16px, env(safe-area-inset-top))}.settings-body{padding-bottom:env(safe-area-inset-bottom)}.app-shell{min-height:0;padding:0;display:block}.space-rail{display:none}.phone-frame{height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.desktop-hidden{display:inline-grid}.list-panel{--panel-inset:0px;z-index:7;width:auto;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;transition:transform .18s;position:fixed;inset:0;transform:translate(100%)}.list-panel.is-open{transform:translate(0)}.list-panel.is-open.is-peeking{transform:translate(50%)}.list-restore svg{width:34px;height:52px}.is-viewing-source .chat-feed{padding-right:calc(50vw + 12px)}.is-viewing-source .message-bubble{padding-top:32px;padding-right:12px}.add-sheet{border-bottom:0;border-left:0;border-right:0;border-radius:8px 8px 0 0;width:100vw;max-height:min(76dvh,100dvh - 24px);bottom:0;right:0}.composer,.sheet-actions,.list-items{padding-bottom:max(18px, env(safe-area-inset-bottom))}.top-bar,.panel-header{padding-top:max(12px, env(safe-area-inset-top))}.settings-save-row{align-items:flex-start}}@media (width>=961px){.list-panel:before{content:"";width:1px;position:fixed;inset:20px 100% 20px auto}}@media (width<=520px){.top-bar{padding-left:10px;padding-right:10px}.message-row{max-width:92%}}[hidden]{display:none!important}.account-page{background:#fafbfa;min-height:100dvh;padding:24px}.account-header{justify-content:space-between;align-items:center;max-width:960px;margin:auto;display:flex}.account-header strong{font-size:24px}.account-header button{color:var(--muted);background:0 0;border:0;min-height:44px}.account-content{overflow-wrap:anywhere;max-width:380px;margin:64px auto 0}.account-content h1{margin:0 0 24px;font-size:24px;line-height:1.4}.account-note{color:#68736d;margin:-12px 0 20px;font-size:14px;line-height:1.55}.account-note:empty{display:none}.account-content label{margin:20px 0 8px;font-size:14px;display:block}.account-content input{border:1px solid #d6dfd9;border-radius:6px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.account-content .primary-button,.account-content .secondary-button{min-height:44px;margin-top:16px}.account-view{min-width:0}.family-choice{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:1px solid #e2e7e3;align-content:center;gap:2px;width:100%;min-height:48px;display:grid}.family-choice-name{font-size:16px}.family-choice-meta{color:#68736d;font-size:12px;line-height:1.35}#create-family{margin-top:32px}#account-status,.live-error{color:#9d3636;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.live-error:empty{display:none}.live-error{margin:4px 12px}.top-bar{flex-wrap:wrap}.top-bar .live-error{flex-basis:100%}.history-divider{background:0 0;border:0;padding:0}.history-button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fffdf8eb;border-radius:999px;padding:0 18px;font-size:12px}.history-button:hover,.history-button:focus-visible{background:var(--surface);color:var(--accent-dark);border-color:#cfc8bb}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=520px){.account-page{padding:max(50px, calc(env(safe-area-inset-top) + 28px)) 16px max(20px, env(safe-area-inset-bottom))}.account-header{max-width:none}.account-header strong{font-size:22px}.account-content{max-width:none;margin-top:44px}.account-content h1{margin-bottom:20px;font-size:23px}.account-content .primary-button,.account-content .secondary-button{width:100%}#invitation .primary-button,#invitation .secondary-button{width:auto;min-width:118px}.family-choice{min-height:52px}}