:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{color:#27332f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:0;background:#f4f7f2;font-family:Yu Gothic UI,Hiragino Maru Gothic ProN,Meiryo,sans-serif;font-size:14px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background-color:#f4f7f2;background-image:radial-gradient(#dfe8dc .7px,#0000 .7px);background-size:18px 18px;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #81bba8}#root{text-align:left;border:0;width:100%;max-width:none;min-height:100vh;margin:0}.app-shell{background:#fff;border:1px solid #e5eae2;border-radius:10px;flex-direction:column;width:min(1480px,100% - 40px);height:min(940px,100vh - 40px);min-height:680px;margin:20px auto;animation:.38s ease-out both appear;display:flex;overflow:hidden;box-shadow:0 18px 55px #31473312,0 2px 8px #31473308}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{background:#fff;border-bottom:1px solid #edf0eb;flex:0 0 68px;justify-content:space-between;align-items:center;height:68px;padding:0 25px;display:flex}.brand{color:#1d4638;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#32826c;border-radius:10px 10px 10px 4px;place-items:center;width:34px;height:34px;display:grid}.brand-name{letter-spacing:0;font-size:17px;font-weight:700}.brand-name span{color:#74a08f;font-weight:500}.topbar-center{color:#7a8880;align-items:center;gap:8px;font-size:12px;display:flex}.family-dot,.status-dot{background:#ccd4cf;border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.family-dot{background:#e9aa53;box-shadow:0 0 0 3px #e9aa5322}.profile-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:4px 0 4px 8px;display:flex}.profile-name{font-size:12px;font-weight:600}.avatar{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:inline-grid}.avatar-me{background:#fff0c9}.avatar-family{background:#e2f1df}.avatar-rose{background:#ffe8e4}.avatar-blue{background:#e4effc}.avatar-mint{background:#ddf3ea}.app-layout{flex:1;grid-template-columns:235px minmax(480px,1fr) 278px;min-height:0;display:grid}.sidebar{background:#fcfdfa;border-right:1px solid #edf0eb;flex-direction:column;min-height:0;padding:23px 14px 16px;display:flex}.side-label{color:#9aa49d;font-size:10px;font-weight:700}.sidebar>.side-label{padding:0 11px 10px}.nav-item{text-align:left;color:#68766d;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;min-height:42px;margin:2px 0;padding:0 11px;display:flex;position:relative}.nav-item>svg{color:#87978c}.nav-item span:nth-child(2){font-size:12px;font-weight:600}.nav-item.active{color:#286650;background:#eaf4ed}.nav-item.active>svg{color:#32826c}.nav-unread,.nav-count{text-align:center;color:#fff;background:#e17f67;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:auto;font-size:10px;font-weight:700;display:grid}.nav-count{color:#658172;background:#edf3ef;border-radius:20px;width:auto;min-width:32px;padding:1px 6px}.side-divider{background:#edf0eb;height:1px;margin:20px 0 17px}.member-heading{justify-content:space-between;align-items:center;padding:0 7px 8px 11px;display:flex}.icon-button{color:#78867d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.icon-button:hover{color:#286650;background:#f0f5ef}.icon-button.tiny{width:28px;height:28px}.person-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:52px;padding:5px 9px;display:flex}.person-row:hover,.person-row.selected{background:#f0f5ef}.person-row .avatar{width:34px;height:34px;font-size:17px}.person-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.person-copy strong,.rail-family strong{font-size:12px;font-weight:600}.person-copy small,.rail-family small{color:#98a29b;font-size:10px}.status-dot.online{background:#63b68a;box-shadow:0 0 0 2px #63b68a24}.person-row .status-dot{width:7px;height:7px}.person-chevron{color:#acb7b0}.sidebar-spacer{flex:1;min-height:20px}.demo-note{color:#6d8c79;background:#eff6ef;border-radius:6px;align-items:center;gap:9px;padding:12px 10px;display:flex}.demo-note>svg{flex:none}.demo-note span{font-size:10px;line-height:1.55}.demo-note strong{color:#396d54;font-size:10px}.help-link{color:#7b8980;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin-top:8px;padding:10px;font-size:11px;display:flex}.main-panel{background:#fff;min-width:0;min-height:0;overflow:auto}.chat-view{flex-direction:column;height:100%;min-height:0;display:flex}.chat-header{border-bottom:1px solid #edf0eb;flex:0 0 76px;align-items:center;gap:12px;min-height:76px;padding:0 24px;display:flex}.chat-title-avatar{background:#eaf4e7;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.chat-title{flex:1;min-width:0}.chat-title h1{color:#28352e;margin:0;font-size:16px;font-weight:700;line-height:1.4}.chat-title p{color:#9aa49d;margin:2px 0 0;font-size:10px}.call-button,.primary-button,.secondary-button{color:#347459;cursor:pointer;background:#fff;border:1px solid #bcd4c2;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:0 13px;font-size:11px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.call-button:hover,.secondary-button:hover{background:#f2f8f2}.call-button:active,.primary-button:active{transform:translateY(1px)}.more-button{margin-left:0}.mobile-back,.mobile-member-menu{display:none}.demo-banner,.call-notice{color:#75876e;background:#f4f8ed;border-radius:5px;align-items:center;gap:9px;min-height:38px;margin:12px 20px 0;padding:7px 18px;font-size:10px;display:flex}.banner-symbol{color:#fff;background:#91ad7f;border-radius:50%;flex:0 0 15px;place-items:center;height:15px;font-size:10px;font-weight:700;display:grid}.demo-banner>span:nth-child(2),.call-notice>span{flex:1}.demo-banner button,.call-notice button{color:#8a9b81;cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:26px;display:grid}.call-notice{color:#995d40;background:#fff3e8}.call-notice>svg{flex:none}.message-area{scrollbar-color:#dce5dd transparent;scrollbar-width:thin;flex:1;min-height:0;padding:20px 26px 15px;overflow-y:auto}.date-divider{color:#a0aaa2;align-items:center;gap:12px;margin:0 0 20px;font-size:10px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#edf0eb;flex:1;height:1px}.message-row{align-items:flex-end;gap:9px;margin:13px 0;animation:.21s ease-out both message-in;display:flex}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-avatar{border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.message-content{max-width:min(78%,470px)}.message-sender{color:#748179;margin:0 0 4px 2px;font-size:10px;display:block}.message-line{align-items:flex-end;gap:8px;display:flex}.bubble{color:#435149;overflow-wrap:anywhere;background:#f1f5f1;border-radius:4px 12px 12px;padding:10px 13px;font-size:12px;line-height:1.65}.message-line time{color:#a6afa8;flex:none;margin-bottom:3px;font-size:9px}.message-row.mine{justify-content:flex-end}.message-row.mine .bubble{color:#fff;background:#3f9478;border-radius:12px 4px 12px 12px}.message-row.mine .message-line{flex-direction:row-reverse}.message-row.mine .message-line time{color:#a1b5aa}.composer{background:#fff;border:1px solid #e1e8e1;border-radius:7px;align-items:center;gap:6px;min-height:52px;margin:0 20px;padding:5px 6px 5px 9px;display:flex}.composer:focus-within{border-color:#a6cbb5;box-shadow:0 0 0 3px #a6cbb522}.composer-tool{flex:0 0 32px;width:32px;height:32px}.composer input{color:#344238;background:0 0;border:0;outline:none;flex:1;min-width:0;height:40px;padding:0 5px;font-size:12px}.composer input::placeholder{color:#aab4ac}.send-button{color:#fff;cursor:pointer;background:#398b70;border:0;border-radius:6px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.send-button:disabled{color:#aab9ad;cursor:default;background:#edf2ed}.composer-footnote{color:#a4aea6;justify-content:center;align-items:center;gap:5px;padding:7px 0 10px;font-size:9px;display:flex}.right-rail{background:#fdfefc;border-left:1px solid #edf0eb;padding:22px 17px}.rail-title{color:#526157;justify-content:space-between;align-items:center;min-height:32px;font-size:11px;font-weight:700;display:flex}.rail-family{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:53px;padding:5px 0;display:flex}.rail-family .avatar{width:33px;height:33px;font-size:16px}.rail-family>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rail-member{cursor:pointer}.rail-member:hover strong{color:#32826c}.rail-family .status-dot{width:7px;height:7px}.rail-separator{background:#edf0eb;height:1px;margin:19px 0}.next-title{margin-bottom:10px}.next-title svg{color:#85a38c}.next-trip-card{background:#f2f7ed;border-radius:6px;align-items:center;gap:11px;padding:12px 10px;display:flex}.mini-calendar{color:#fff;background:#559677;border-radius:5px;flex-direction:column;flex:0 0 39px;justify-content:center;align-items:center;width:39px;height:46px;line-height:1.1;display:flex}.mini-calendar span{font-size:8px;font-weight:700}.mini-calendar strong{font-size:17px}.mini-calendar small{font-size:8px}.next-trip-card>div:last-child{flex-direction:column;gap:3px;display:flex}.next-trip-card>div:last-child>strong{color:#405349;font-size:10px}.next-trip-card small{color:#8e9b91;font-size:9px}.mini-count{color:#7d9d77;align-items:center;gap:4px;font-size:9px;display:inline-flex}.rail-action{color:#52806a;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px 3px;font-size:10px;display:flex}.rail-decoration{color:#95a993;border-top:1px solid #edf0eb;align-items:center;gap:7px;margin-top:35px;padding:13px 8px;font-size:9px;display:flex;position:relative}.rail-decoration span:first-child{color:#e1a74d;font-size:15px}.rail-decoration b{color:#eccb79;margin-left:auto;font-size:16px}.content-view{max-width:820px;min-height:100%;margin:0 auto;padding:33px 40px 26px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#86a392;align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.page-heading h1{color:#28372f;margin:0;font-size:25px;font-weight:700;line-height:1.35}.page-heading p{color:#8a968e;margin:7px 0 0;font-size:11px}.primary-button{color:#fff;background:#398b70;border-color:#368368;flex:none;min-height:38px}.primary-button:hover{background:#2f765f}.trip-cover{color:#fff;background:#6cae94;border-radius:7px;justify-content:space-between;align-items:center;min-height:188px;padding:22px 27px;display:flex;position:relative;overflow:hidden}.trip-cover:before{content:"";opacity:.2;background-image:radial-gradient(#fff .8px,#0000 .8px);background-size:15px 15px;position:absolute;inset:0}.trip-cover-copy{z-index:1;position:relative}.trip-pill{color:#eaf5da;border:1px solid #fff5;border-radius:20px;padding:3px 8px;font-size:9px;display:inline-block}.trip-cover h2{color:#fff;margin:10px 0 7px;font-size:23px;font-weight:700}.trip-cover-copy>p{color:#edf8ed;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.trip-people{margin-top:13px;padding-left:3px;display:flex}.trip-people .avatar{border:2px solid #6cae94;width:27px;height:27px;margin-left:-3px;font-size:13px}.trip-illustration{flex:0 0 230px;align-self:stretch;width:230px;position:relative}.sun{color:#ffdfa0;font-size:37px;position:absolute;top:8px;right:30px}.wave{color:#b9e2ce;letter-spacing:0;font-size:85px;font-weight:700;position:absolute;right:-18px}.wave-one{top:52px;transform:rotate(-7deg)}.wave-two{color:#9bd2be;top:82px;right:28px;transform:rotate(7deg)}.fish{z-index:1;font-size:29px;position:absolute}.fish-one{top:58px;right:93px}.fish-two{font-size:23px;top:101px;right:8px}.shell{font-size:23px;position:absolute;bottom:7px;right:126px}.section-heading{justify-content:space-between;align-items:flex-end;margin:28px 0 14px;display:flex}.section-kicker{color:#a3afa3;font-size:8px;font-weight:700}.section-heading h2{color:#35453a;margin:2px 0 0;font-size:15px;font-weight:700}.plan-count{color:#8f9c91;font-size:10px}.timeline{flex-direction:column;display:flex}.plan-row{grid-template-columns:80px 18px minmax(0,1fr);gap:11px;min-height:74px;display:grid}.plan-time{text-align:right;flex-direction:column;gap:3px;padding-top:10px;display:flex}.plan-time strong{color:#56695b;font-size:12px}.plan-time span{color:#a0aaa1;white-space:nowrap;font-size:9px}.timeline-track{justify-content:center;padding-top:14px;display:flex;position:relative}.timeline-dot{z-index:1;background:#fff;border:2px solid #8db99b;border-radius:50%;width:10px;height:10px}.timeline-dot.first{background:#f6dca8;border-color:#e5ad5b}.timeline-line{background:#dce8dc;width:1px;position:absolute;top:24px;bottom:-1px}.plan-card{background:#fbfcfa;border:1px solid #edf1ec;border-radius:6px;align-self:start;align-items:center;gap:11px;min-width:0;min-height:57px;margin-bottom:14px;padding:8px 11px;display:flex}.plan-icon{background:#f2f6ed;border-radius:5px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.plan-info{flex:1;min-width:0}.plan-info h3{color:#47564c;margin:0;font-size:11px;font-weight:600}.plan-info p{color:#9aa59c;align-items:center;gap:4px;margin:3px 0 0;font-size:9px;display:flex}.edit-plan{opacity:.7;flex:0 0 30px;width:30px;height:30px}.local-footnote{color:#718776;background:#f2f7ef;border-radius:5px;align-items:flex-start;gap:7px;margin-top:21px;padding:11px 12px;font-size:10px;display:flex}.local-footnote svg{flex:none}.packing-total{color:#9aa59c;align-items:baseline;display:flex}.packing-total strong{color:#38856b;font-size:23px}.packing-total>span{font-size:11px}.packing-total small{color:#97a198;margin-left:8px;font-size:9px}.progress-track{background:#edf2ec;border-radius:5px;height:6px;margin:-7px 0 18px;overflow:hidden}.progress-track span{border-radius:inherit;background:#78b48c;height:100%;transition:width .23s;display:block}.add-item-form{color:#83a18c;border:1px solid #e2e9e2;border-radius:6px;align-items:center;gap:9px;min-height:47px;padding:4px 5px 4px 13px;display:flex}.add-item-form input{color:#38483e;border:0;outline:none;flex:1;min-width:0;height:36px;font-size:11px}.add-item-form input::placeholder{color:#aab4ac}.add-item-form button{color:#fff;cursor:pointer;background:#398b70;border:0;border-radius:5px;height:34px;padding:0 14px;font-size:10px}.add-item-form button:disabled{color:#9daaa0;cursor:default;background:#eef2ed}.packing-groups{margin-top:23px}.packing-group{margin-bottom:21px}.packing-group h2{color:#5b6b5e;align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}.packing-group h2 span{color:#9aa89c;font-size:9px;font-weight:500}.packing-list{border-top:1px solid #edf0eb}.packing-item{cursor:pointer;border-bottom:1px solid #edf0eb;align-items:center;gap:10px;min-height:48px;padding:7px 8px;display:flex}.packing-item input{opacity:0;width:1px;height:1px;position:absolute}.packing-item input:focus-visible+.custom-check{outline-offset:2px;outline:3px solid #81bba8}.custom-check{color:#0000;background:#fff;border:1.5px solid #cdd8ce;border-radius:5px;flex:0 0 19px;place-items:center;width:19px;height:19px;display:grid}.packing-item.done .custom-check{color:#fff;background:#65a881;border-color:#65a881}.packing-label{color:#526056;flex:1;font-size:11px}.packing-item.done .packing-label{color:#9ca79e;text-decoration:line-through}.ready-label{color:#599170;background:#ecf6eb;border-radius:12px;padding:3px 7px;font-size:8px}.modal-backdrop{z-index:20;background:#20372c75;place-items:center;padding:18px;animation:.14s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.plan-modal{background:#fff;border:1px solid #e7ece5;border-radius:8px;width:min(440px,100%);padding:21px;box-shadow:0 18px 55px #20372c35}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.modal-heading h2{color:#304137;margin:0;font-size:17px}.plan-modal form{flex-direction:column;gap:13px;display:flex}.plan-modal form>label,.form-two label{color:#617066;flex-direction:column;gap:5px;font-size:10px;font-weight:600;display:flex}.plan-modal input{color:#3c4b40;background:#fff;border:1px solid #e0e7df;border-radius:5px;width:100%;height:39px;padding:0 10px;font-size:11px}.form-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;margin-top:5px;display:flex}.secondary-button{color:#78867d;border-color:#e0e7df}.empty-state{text-align:center;color:#89978d;background:#fafcf9;border-radius:6px;padding:30px 15px;font-size:11px}.mobile-nav{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-screen{background:#f4f7f2 radial-gradient(#dfe8dc .7px,#0000 .7px) 0 0/18px 18px;place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-panel{background:#fff;border:1px solid #e5eae2;border-radius:9px;width:min(430px,100%);padding:30px;animation:.3s ease-out both appear;box-shadow:0 18px 55px #31473312}.auth-brand{color:#1d4638;align-items:center;gap:10px;font-size:16px;display:flex}.auth-brand>strong>span{color:#74a08f;font-weight:500}.auth-lock{color:#398b70;background:#eaf4ed;border-radius:50%;place-items:center;width:48px;height:48px;margin-top:28px;display:grid}.auth-panel h1{color:#28372f;margin:15px 0 7px;font-size:21px}.auth-panel>p{color:#77857c;margin:0;font-size:12px;line-height:1.7}.auth-form{flex-direction:column;gap:13px;margin-top:22px;display:flex}.auth-form label{color:#57675d;flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.auth-form input{color:#334239;background:#fff;border:1px solid #dfe7de;border-radius:5px;outline:0;height:42px;padding:0 11px;font-size:13px}.auth-form input:focus{border-color:#80b59a;box-shadow:0 0 0 3px #80b59a22}.auth-submit{color:#fff;cursor:pointer;background:#398b70;border:0;border-radius:5px;min-height:42px;margin-top:4px;font-size:12px;font-weight:700}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-callout{color:#708676;background:#f2f7ef;border-radius:5px;align-items:flex-start;gap:8px;margin-top:18px;padding:11px;font-size:10px;line-height:1.65;display:flex}.auth-callout>svg{flex:none;margin-top:1px}.auth-callout strong{color:#4e6c57;margin-bottom:4px;display:block}.auth-callout code{color:#49664f;background:#e7efe4;border-radius:3px;padding:1px 4px;font-size:10px}.auth-panel>small{color:#9ba69e;margin-top:14px;font-size:9px;display:block}.auth-error{color:#a44d42;font-size:10px}.signout-button{width:100%;margin-top:20px}.auth-loading{color:#687a6d;font-size:12px}@media (width<=1120px){.app-shell{width:calc(100% - 24px);height:calc(100vh - 24px);min-height:650px;margin:12px auto}.app-layout{grid-template-columns:205px minmax(0,1fr)}.right-rail{display:none}.content-view{padding-inline:32px}}@media (width<=700px){body{background:#fff}.app-shell{width:100%;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;margin:0}.topbar{flex-basis:56px;height:56px;padding:0 15px}.brand-mark{width:31px;height:31px}.brand-name{font-size:15px}.topbar-center{display:none}.profile-button{gap:6px}.profile-button .avatar{width:30px;height:30px;font-size:16px}.profile-name{font-size:11px}.app-layout{flex:1;min-height:0;display:block;overflow:hidden}.sidebar{display:none}.main-panel{height:100%;overflow:auto}.chat-view{height:100%;min-height:0}.chat-header{flex-basis:65px;gap:8px;min-height:65px;padding:0 12px;position:relative}.mobile-back{flex:0 0 30px;width:30px;display:inline-grid}.chat-title-avatar{width:36px;height:36px;font-size:18px}.chat-title h1{font-size:14px}.chat-title p{font-size:9px}.call-button{gap:5px;min-height:34px;padding:0 8px;font-size:10px}.call-button svg{width:15px}.more-button{display:none}.mobile-member-menu{z-index:5;background:#fff;border:1px solid #e5eae2;border-radius:6px;flex-direction:column;min-width:150px;padding:5px;display:flex;position:absolute;top:59px;left:11px;box-shadow:0 8px 20px #31473320}.mobile-member-menu button{text-align:left;background:#fff;border:0;border-radius:4px;padding:10px;font-size:12px}.mobile-member-menu button:hover{background:#f2f7ef}.demo-banner,.call-notice{gap:7px;min-height:0;margin:8px 10px 0;padding:8px 9px;font-size:9px}.demo-banner button,.call-notice button{flex:0 0 22px;width:22px;height:22px}.message-area{padding:17px 12px 12px}.date-divider{margin-bottom:15px}.message-row{gap:7px;margin:12px 0}.message-avatar{flex-basis:26px;width:26px;height:26px;font-size:13px}.message-content{max-width:83%}.bubble{padding:9px 11px;font-size:12px}.composer{gap:3px;min-height:48px;margin:0 9px;padding:4px}.composer-tool{flex-basis:29px;width:29px;height:30px}.emoji-button{display:none}.composer input{height:37px;font-size:11px}.send-button{flex-basis:34px;width:34px;height:34px}.composer-footnote{padding:6px 3px 8px;font-size:8px}.content-view{min-height:100%;padding:23px 17px 24px}.page-heading{align-items:center;gap:8px;margin-bottom:19px}.page-heading h1{font-size:21px}.page-heading p{max-width:240px;font-size:10px}.page-heading .primary-button{gap:5px;min-height:35px;padding-inline:9px;font-size:10px}.trip-cover{min-height:165px;padding:18px}.trip-cover h2{font-size:20px}.trip-illustration{flex-basis:105px;width:105px}.sun{font-size:28px;right:8px}.wave{font-size:70px;right:-45px}.wave-two{right:-4px}.fish-one{font-size:23px;top:57px;right:30px}.fish-two{font-size:19px;top:100px;right:-17px}.shell{font-size:18px;right:51px}.plan-row{grid-template-columns:62px 13px minmax(0,1fr);gap:7px}.plan-time strong{font-size:11px}.plan-time span{font-size:8px}.plan-card{gap:7px;padding:7px}.plan-icon{flex-basis:28px;width:28px;height:28px;font-size:14px}.plan-info h3{font-size:10px}.edit-plan{flex-basis:26px;width:26px}.packing-total{flex-direction:column;align-items:flex-end}.packing-total small{margin:0}.packing-total strong{font-size:21px}.progress-track{margin-top:-4px}.packing-groups{margin-top:20px}.packing-item{min-height:47px}.local-footnote{font-size:9px}.mobile-nav{z-index:4;height:calc(58px + env(safe-area-inset-bottom));flex:0 0 calc(58px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e9eee8;justify-content:space-around;align-items:stretch;display:flex}.mobile-nav button{color:#929e95;cursor:pointer;background:0 0;border:0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:72px;font-size:9px;display:flex}.mobile-nav button.active{color:#338267}.auth-panel{padding:24px 20px}}@media (width<=375px){.call-button span{display:none}.call-button{width:34px;padding:0}.page-heading p{max-width:195px}.trip-illustration{flex-basis:75px;width:75px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}