:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--system-blue:#007aff;--system-green:#24835f;--system-red:#ff3b30;--label-primary:#1c1c1e;--label-secondary:#6d6d72;--label-tertiary:#8e8e93;--grouped-bg:#f2f2f7;--card-bg:#ffffffeb;--separator:#3c3c4321;--material:#f9f9f9e0;--radius-card:18px;--radius-control:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--motion-standard:.18s cubic-bezier(.2, .75, .25, 1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Hebrew,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--grouped-bg);color:var(--label-primary);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid color-mix(in srgb, var(--system-blue) 65%, white);outline-offset:2px}.app-shell{background:var(--grouped-bg);flex-direction:column;max-width:860px;min-height:100dvh;margin:0 auto;display:flex}.app-main{width:100%;padding:8px 20px calc(108px + env(safe-area-inset-bottom));flex:1}.screen{max-width:620px;margin:0 auto;animation:.22s ease-out appear}.eyebrow{color:var(--label-secondary);letter-spacing:.01em;margin:0 0 6px;font-size:13px;font-weight:600}.symbol{width:22px;height:22px;display:block}@keyframes appear{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width>=720px){.app-shell{border:1px solid #00000014;border-radius:28px;min-height:calc(100dvh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 18px 55px #191f261f}.app-main{padding-top:22px}}.pressable{cursor:pointer;min-width:36px;min-height:36px;color:var(--system-blue);transition:background var(--motion-standard), transform var(--motion-standard);background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.pressable:active{background:#007aff1a;transform:scale(.94)}.pressable--destructive{color:var(--system-red)}.topbar{min-height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 20px 8px;background:color-mix(in srgb, var(--grouped-bg) 84%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:4;border-bottom:1px solid #3c3c4312;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar__menu{width:42px;height:42px;color:var(--system-blue);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.topbar__titles{flex-direction:column;flex:1;line-height:1.25;display:flex}.topbar__eyebrow{color:var(--label-secondary);font-size:11px}.topbar__trip{font-size:15px;font-weight:650}.avatar{color:#23684f;background:#e4eee9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.screen-heading{justify-content:space-between;align-items:center;margin:20px 2px 22px;display:flex}.screen-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,9vw,38px);font-weight:740;line-height:1.05}.circle-add{color:#fff;background:var(--system-blue);cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 3px 10px #007aff3d}.date-pill{color:#23684f;background:#e4eee9;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:600}.segmented{background:#7676801f;border-radius:9px;grid-template-columns:1fr 1fr;gap:2px;height:34px;margin-bottom:18px;padding:2px;display:grid}.segmented button{color:var(--label-primary);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:13px}.segmented button.is-active{background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.progress-card{border-radius:var(--radius-card);background:#e4eee9;justify-content:space-between;align-items:center;margin-bottom:22px;padding:16px 18px;display:flex}.progress-card__copy{flex-direction:column;gap:4px;display:flex}.progress-card__copy strong{font-size:17px}.progress-card__copy span{color:#52665c;font-size:13px}.progress-ring{--progress:0%;background:conic-gradient(var(--system-green) var(--progress), #24835f24 0);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}.progress-ring:before{content:"";background:#e4eee9;border-radius:50%;position:absolute;inset:4px}.progress-ring span{z-index:1;color:#23684f;font-size:10px;font-weight:700}.packing-groups{gap:21px;display:grid}.list-section__title{color:var(--label-secondary);margin:0 12px 8px;font-size:13px;font-weight:600}.list-card{background:var(--card-bg);border-radius:var(--radius-card);padding:0 14px;overflow:hidden;box-shadow:0 1px 2px #00000006}.packing-row{align-items:center;gap:12px;min-height:54px;display:flex;position:relative}.packing-row+.packing-row{border-top:1px solid var(--separator)}.checkbox{color:#fff;cursor:pointer;width:23px;height:23px;transition:all var(--motion-standard);background:0 0;border:1.7px solid #c7c7cc;border-radius:50%;flex:0 0 23px;place-items:center;padding:0;display:grid}.checkbox--checked{background:var(--system-green);border-color:var(--system-green)}.checkbox span{font-size:14px;font-weight:700;line-height:1}.packing-row__label{text-align:right;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:14px 0;font-size:15px}.packing-row--done .packing-row__label{color:var(--label-tertiary);text-decoration:line-through}.packing-row__actor{color:var(--system-green);white-space:nowrap;font-size:10px}.packing-row__actions{opacity:.5;gap:1px;display:flex}.packing-row__actions .symbol{width:16px;height:16px}.packing-row__actions .pressable{min-width:31px;min-height:34px}.empty-card{background:var(--card-bg);text-align:center;border-radius:var(--radius-card);padding:32px 20px}.empty-card__symbol{width:45px;height:45px;color:var(--system-green);background:#e4eee9;border-radius:50%;place-items:center;margin:0 auto 12px;font-size:25px;display:grid}.empty-card strong{font-size:16px;display:block}.empty-card p{color:var(--label-secondary);margin:6px 0 18px;font-size:14px}.empty-card button{background:var(--system-blue);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.prototype-note{color:var(--label-tertiary);text-align:center;padding:18px 0 0;font-size:11px}.tabbar{z-index:5;width:min(100%,860px);min-height:calc(68px + env(safe-area-inset-bottom));padding:7px 18px calc(7px + env(safe-area-inset-bottom));background:var(--material);-webkit-backdrop-filter:saturate(180%)blur(24px);border-top:1px solid #3c3c431f;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar__tab{max-width:140px;color:var(--label-secondary);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.tabbar__tab .symbol{width:22px;height:22px}.tabbar__tab.is-active{color:var(--system-blue);font-weight:600}.sheet-backdrop{z-index:10;background:#0000004d;justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.trip-sheet{width:min(100%,600px);padding:8px 20px calc(28px + env(safe-area-inset-bottom));background:var(--grouped-bg);border-radius:24px 24px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) rise-in;box-shadow:0 -6px 30px #00000024}.sheet-grabber{background:#c7c7cc;border-radius:9px;width:36px;height:5px;margin:0 auto 17px}.trip-sheet__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.trip-sheet__header h2{letter-spacing:-.03em;margin:0;font-size:23px}.trip-choice,.settings-row{text-align:right;cursor:pointer;background:#fff;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:63px;padding:10px 14px;display:flex}.trip-choice__mark{width:37px;height:37px;color:var(--system-green);background:#e4eee9;border-radius:11px;place-items:center;font-size:20px;display:grid}.trip-choice>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.trip-choice strong{font-size:15px}.trip-choice small{color:var(--label-secondary);font-size:12px}.trip-choice__check{color:var(--system-blue);font-weight:700}.settings-row{justify-content:space-between;min-height:52px;margin-top:10px;font-size:15px}.settings-row .symbol{color:var(--label-tertiary);width:18px}.trip-sheet__footnote{text-align:center;color:var(--label-tertiary);margin:17px 0 0;font-size:11px}.welcome-card{background:#e4eee9;border-radius:24px;min-height:360px;padding:25px 22px;position:relative;overflow:hidden}.welcome-card__sun{color:#e1a957;font-size:39px;position:absolute;top:20px;left:20px}.welcome-card .eyebrow{color:#527061}.welcome-card h2{letter-spacing:-.035em;z-index:1;margin:7px 0 10px;font-size:27px;line-height:1.23;position:relative}.welcome-card>p:not(.eyebrow){color:#56675e;z-index:1;max-width:320px;font-size:14px;line-height:1.55;position:relative}.welcome-card__button{z-index:1;color:#23684f;cursor:pointer;background:#fff;border:0;border-radius:11px;margin-top:13px;padding:11px 14px;font-size:14px;font-weight:650;position:relative}.welcome-card__button span{margin-right:8px}.welcome-card__landscape{width:130%;height:140px;position:absolute;bottom:-57px;right:-30px}.welcome-card__landscape i{background:#99b6a4;border-radius:50% 50% 0 0;width:110%;height:105px;display:block;position:absolute;bottom:0;right:-8%;transform:rotate(-7deg)}.welcome-card__landscape i:nth-child(2){background:#6b917c;bottom:-20px;right:39%;transform:rotate(8deg)}.welcome-card__landscape i:nth-child(3){background:#3f715b;bottom:-34px;right:-37%;transform:rotate(-10deg)}.tip-card{color:#53695c;background:#ffffffa6;border-radius:15px;align-items:center;gap:10px;margin-top:15px;padding:14px;font-size:13px;display:flex}.tip-card span{color:#d79d4d}.tip-card p{margin:0}.album-placeholder{text-align:center;background:#fff;border-radius:24px;padding:18px 20px 26px;overflow:hidden}.album-placeholder__art{background:#f2e7d8;border-radius:18px;height:205px;margin-bottom:23px;position:relative;overflow:hidden}.album-placeholder__sun{background:#e5ad61;border-radius:50%;width:56px;height:56px;position:absolute;top:28px;right:52px}.album-placeholder__hill{border-radius:50% 50% 0 0;width:125%;height:130px;position:absolute;bottom:-43px}.album-placeholder__hill--back{background:#a2b7a7;right:-28%;transform:rotate(-8deg)}.album-placeholder__hill--front{background:#668a70;bottom:-72px;right:16%;transform:rotate(8deg)}.album-placeholder__frame{color:#fff;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:54px;height:54px;font-size:21px;display:grid;position:absolute;top:73px;left:52px}.album-placeholder h2{letter-spacing:-.035em;margin:4px 0 10px;font-size:25px;line-height:1.25}.album-placeholder>p:not(.eyebrow){color:var(--label-secondary);margin:0;font-size:14px;line-height:1.55}.coming-soon{color:#78623c;background:#f5eddf;border-radius:999px;margin-top:19px;padding:7px 11px;font-size:11px;font-weight:600;display:inline-block}.auth-screen,.access-screen,.loading-screen{min-height:100dvh;padding:32px 24px calc(32px + env(safe-area-inset-bottom));text-align:center;background:var(--grouped-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-screen__brand{letter-spacing:.12em;color:#23684f;margin-bottom:28px;font-size:14px;font-weight:800}.auth-screen__brand span{color:var(--label-primary)}.auth-screen h1,.access-card h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:34px;line-height:1.18}.auth-screen__intro{max-width:320px;color:var(--label-secondary);margin:0 0 24px;line-height:1.6}.auth-screen__foot{color:var(--label-tertiary);margin-top:22px;font-size:12px}.auth-screen__illustration{background:#e4eee9;border-radius:60% 50% 35% 35%;width:180px;height:118px;margin-bottom:26px;position:relative;overflow:hidden}.auth-screen__illustration span{color:#dda85b;z-index:1;font-size:27px;position:absolute;top:16px;right:38px}.auth-screen__illustration i{background:#9ab6a3;border-radius:50% 50% 0 0;width:150%;height:80px;position:absolute;bottom:-40px;right:-20%;transform:rotate(-8deg)}.auth-screen__illustration i:nth-child(3){background:#6b917c;bottom:-54px;right:25%}.auth-screen__illustration i:nth-child(4){background:#3f715b;bottom:-65px;right:-50%}.google-button-wrap{min-height:44px}.auth-config-note,.access-card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:350px;padding:22px;display:flex;box-shadow:0 8px 26px #191f260f}.auth-config-note span,.access-card p{color:var(--label-secondary);font-size:14px;line-height:1.55}.auth-loading{color:var(--label-secondary);font-size:14px}.access-state-icon{color:#23684f;background:#e4eee9;border-radius:50%;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.access-state-icon.is-rejected{color:var(--system-red);background:#f8e8e7}.text-button{color:var(--system-blue);cursor:pointer;background:0 0;border:0;padding:10px}.inline-error,.global-error{color:var(--system-red);font-size:13px}.loading-screen p{color:var(--label-secondary)}.trip-create-sheet{width:min(100%,600px);padding:24px 22px calc(26px + env(safe-area-inset-bottom));background:var(--grouped-bg);border-radius:24px 24px 0 0;gap:15px;animation:.22s cubic-bezier(.2,.8,.2,1) rise-in;display:grid}.trip-create-sheet h2{margin:0;font-size:24px}.trip-create-sheet label{color:var(--label-secondary);gap:7px;font-size:13px;display:grid}.trip-create-sheet input,.trip-create-sheet textarea,.inline-add input{width:100%;min-height:42px;color:var(--label-primary);font:inherit;background:#fff;border:1px solid #3c3c4326;border-radius:11px;padding:10px 12px}.trip-create-sheet textarea{resize:vertical;min-height:80px}.date-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sheet-backdrop--nested{z-index:12}.system-button{cursor:pointer;border:0;border-radius:11px;min-height:42px;padding:10px 15px;font-weight:650}.system-button:disabled{opacity:.55}.system-button--primary{color:#fff;background:var(--system-blue)}.system-button--secondary{color:var(--system-blue);background:#007aff1a}.admin-actions{gap:9px;display:flex}.admin-actions>*{flex:1}.settings-row--blue{color:var(--system-blue);font-weight:650}.packing-toolbar{gap:8px;margin:-7px 0 14px;display:flex;overflow:auto}.packing-toolbar button{color:var(--system-blue);background:#7676801f;border:0;border-radius:999px;flex:none;padding:8px 11px;font-size:12px}.packing-group-heading{color:var(--label-secondary);align-items:center;gap:8px;margin:0 5px 7px;display:flex}.packing-group-heading input{text-align:right;min-width:0;color:inherit;background:0 0;border:0;flex:1;padding:5px 7px;font-size:13px;font-weight:600}.packing-group-heading button{color:var(--label-tertiary);background:0 0;border:0;font-size:20px}.packing-row__content{flex-direction:column;flex:1;gap:3px;min-width:0;padding:7px 0;display:flex}.packing-row__content textarea{resize:none;width:100%;min-height:23px;color:var(--label-primary);font:inherit;text-align:right;background:0 0;border:0;padding:2px 0;font-size:15px;overflow:hidden}.packing-row--done .packing-row__content textarea{color:var(--label-tertiary);text-decoration:line-through}.packing-row__content small{color:var(--label-secondary);font-size:11px}.packing-row__delete{color:var(--label-tertiary);background:0 0;border:0;padding:6px;font-size:20px}.packing-row.is-dragging{opacity:.45}.inline-add{align-items:center;gap:6px;padding:8px 4px;display:flex}.inline-add button,.add-list-row{color:var(--system-blue);white-space:nowrap;background:0 0;border:0;font-size:13px}.add-list-row{text-align:right;width:100%;padding:12px 4px}.global-error{z-index:6;background:#fff1f0;justify-content:space-between;padding:10px 14px;display:flex;position:sticky;top:0}.global-error button{color:var(--system-red);background:0 0;border:0}.account-card{background:#fff;border-radius:18px;align-items:center;gap:14px;padding:17px;display:flex}.account-card>div{flex-direction:column;gap:4px;display:flex}.account-card small{color:var(--label-secondary)}.admin-screen .screen-heading{align-items:flex-start}.back-button{color:var(--system-blue);background:0 0;border:0;font-size:14px}.admin-note,.admin-card,.itinerary-card{background:#fff;border-radius:16px;margin-bottom:10px;padding:15px}.admin-note{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.admin-note span,.admin-card p{color:var(--label-secondary);font-size:12px}.admin-segmented{margin-top:12px}.admin-list{gap:9px;display:grid}.admin-person{align-items:center;gap:10px;display:flex}.admin-person>span:last-child{flex-direction:column;gap:3px;display:flex}.admin-person small{color:var(--label-secondary);font-size:12px}.admin-card p{margin:12px 0}.role-chip{background:#eef2f5;border-radius:999px;margin:12px 0;padding:5px 9px;font-size:11px;display:inline-block}.role-chip--owner{color:#23684f;background:#e4eee9}.itinerary-add{width:100%;margin:2px 0 16px}.itinerary-list{gap:9px;display:grid}.itinerary-card{align-items:flex-start;gap:11px;margin:0;display:flex}.itinerary-time{min-width:55px;color:var(--system-blue);font-weight:650}.itinerary-time small{color:var(--label-secondary);margin-top:4px;font-size:10px;font-weight:400;display:block}.itinerary-content{flex:1}.itinerary-content h2{margin:2px 0 5px;font-size:16px}.itinerary-content p{white-space:pre-wrap;color:var(--label-secondary);margin:0;font-size:13px}.itinerary-card>button{color:var(--label-tertiary);background:0 0;border:0;font-size:18px}.trip-sheet__header .pressable{margin-left:-8px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:.7;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.tabbar{position:sticky;left:auto;transform:none}}.auth-screen--loading{z-index:20;position:fixed;inset:0}.auth-screen--revealing{animation:.18s ease-out both auth-screen-reveal}@keyframes auth-screen-reveal{0%{opacity:0}to{opacity:1}}.packing-row__label-line{align-items:center;gap:5px;width:100%;display:flex}.packing-row__label-line textarea{flex:1;min-width:0}.packing-row__claim{color:#5c6e63;white-space:nowrap;cursor:pointer;background:#f0f4f1;border:0;border-radius:999px;flex:none;padding:5px 7px;font-size:10px;font-weight:600}.packing-row__claim.is-claimed{color:#23684f;background:#e4eee9}.packing-row__claimants{color:#52665c!important;font-size:10px!important}
