:root{color:#17221f;background:#eaf5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}button,input,textarea{font:inherit}button{align-items:center;border:0;cursor:pointer;display:inline-flex;gap:8px;justify-content:center}button:disabled{cursor:not-allowed;opacity:.62}input,textarea{background:#fffcf4;border:1px solid #d8d0c1;border-radius:8px;color:#17221f;min-height:42px;outline:none;padding:9px 11px;width:100%}input:focus,textarea:focus{border-color:#2e7369;box-shadow:0 0 0 3px #2e736926}textarea{min-height:76px;resize:vertical}.app-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:100vh}.trip-rail{background:#163832;color:#f7f5ef;display:flex;flex-direction:column;gap:18px;min-height:100vh;padding:22px;position:sticky;top:0}.brand{align-items:center;display:flex;gap:12px;min-height:56px}.brand-mark{align-items:center;background:#e0b45f;border-radius:8px;color:#17221f;display:flex;height:48px;justify-content:center;width:48px}.brand p,.brand h1,.trip-hero h2,.trip-hero p,.day-header h3,.day-header p{margin:0}.brand p,.eyebrow{color:#d9e8df;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand h1{font-size:1.25rem}.brand.compact{color:#fffcf4}.account-pill{align-items:center;background:#fffcf4;border:1px solid #ded6c8;border-radius:6px;color:#17221f;display:inline-flex;gap:12px;justify-content:center;min-height:42px;max-width:min(100%,220px);padding:0 12px;position:fixed;right:clamp(18px,4vw,46px);top:22px;z-index:5}.account-pill strong{font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-status{border-radius:999px;flex:0 0 auto;height:9px;width:9px}.account-status.online{background:#2fa66f}.account-status.offline{background:#a7aaa2}.planner-page{background:radial-gradient(circle at 16% 8%,rgba(214,238,249,.9),transparent 32%),radial-gradient(circle at 88% 5%,rgba(176,220,235,.62),transparent 34%),linear-gradient(155deg,#f7fcff,#e7f4fb 42%,#d7ecf6 76%,#eef8fb);min-height:100vh;padding:24px clamp(16px,4vw,46px) 46px;position:relative}.planner-page:before{background:linear-gradient(120deg,#ffffff85,#ffffff24),#ffffff2e;border:1px solid rgba(255,255,255,.34);border-radius:999px;content:"";height:190px;left:max(-92px,-7vw);position:fixed;top:128px;transform:rotate(-18deg);width:280px;z-index:0}.planner-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff7a;border:1px solid rgba(255,255,255,.58);border-radius:8px;box-shadow:0 18px 46px #284b5e24;color:#17221f;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px;padding:18px;position:relative;z-index:1}.planner-header .brand p{color:#627b82}.planner-header .brand-mark{background:linear-gradient(145deg,#ffbc7d,#67c0d4);box-shadow:inset 0 1px #ffffff94,0 12px 24px #2f7d9238;color:#fff}.header-actions{align-items:center;display:flex;gap:10px}.planner-header .account-pill{background:#ffffff9e;border-color:#ffffffbd;box-shadow:0 12px 24px #284b5e1f;max-width:240px;position:static}.create-trip-button{background:#182c36;border-radius:6px;box-shadow:0 12px 24px #182c362e;color:#fff8ef;height:42px;padding:0;width:42px}.trip-list-panel,.full-page-panel,.trip-detail-page{background:#fffcf4;border:1px solid #ded6c8;border-radius:8px;padding:clamp(16px,3vw,28px);position:relative;z-index:1}.trip-list-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff6b;border:1px solid rgba(255,255,255,.52);border-radius:8px;min-height:calc(100vh - 156px);overflow:hidden}.full-page-panel,.trip-detail-page{display:flex;flex-direction:column;gap:18px;min-height:calc(100vh - 156px)}.page-back{align-self:flex-start}.page-heading h2{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:4px 0 0}.trip-form{display:flex;flex-direction:column;gap:12px;max-width:720px}.trip-form .primary-button{align-self:flex-start;min-width:160px}.trip-editor-panel{display:flex;flex-direction:column;gap:12px;max-width:760px}.edit-trip-toggle{align-self:flex-start}.trip-actions-panel{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pending-invites{display:flex;flex-wrap:wrap;gap:8px}.invite-chip{align-items:center;background:#eef1eb;border:1px solid #dfe7de;border-radius:6px;color:#20302c;display:inline-flex;font-size:.88rem;font-weight:800;gap:8px;min-height:34px;padding:0 6px 0 10px}.invite-chip button,.icon-button{background:transparent;border-radius:6px;color:inherit;height:30px;padding:0;width:30px}.account-page{max-width:760px}.account-details{display:grid;gap:12px;margin:0;max-width:520px}.account-details div{background:#f7f5ef;border:1px solid #e3dacb;border-radius:8px;padding:14px}.account-details dt{color:#66736b;font-size:.78rem;font-weight:800;text-transform:uppercase}.account-details dd{color:#17221f;font-size:1.08rem;font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}.account-logout{align-self:flex-start}.auth-screen{align-items:center;background:linear-gradient(135deg,#163832eb,#2e7369cc),#163832;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-panel{background:#fffcf41a;border:1px solid rgba(255,252,244,.18);border-radius:8px;color:#fffcf4;display:flex;flex-direction:column;gap:18px;max-width:520px;padding:clamp(22px,5vw,34px);width:100%}.auth-panel .brand-mark{color:#17221f;font-weight:900}.auth-copy{color:#d9e8df;margin:0}.form-error{color:#ffd6bf;font-size:.9rem;margin:0}.auth-actions{display:flex;gap:10px}.auth-actions button{flex:1}.config-list{display:grid;gap:8px}.config-list code{background:#fffcf41f;border:1px solid rgba(255,252,244,.14);border-radius:8px;color:#fffcf4;padding:10px}.rail-section{display:flex;flex-direction:column;gap:12px}.section-title{align-items:center;color:#d9e8df;display:flex;font-size:.82rem;font-weight:800;justify-content:space-between;text-transform:uppercase}.section-title small{background:#fffcf41f;border-radius:999px;padding:2px 8px}.trip-list-heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.trip-list-heading h2{color:#172832;font-size:clamp(2rem,7vw,4.75rem);letter-spacing:0;line-height:.95;margin:4px 0 0;max-width:760px}.trip-list-heading .eyebrow{color:#5f7b82}.trip-list-glass-note{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff80;border:1px solid rgba(255,255,255,.66);border-radius:6px;box-shadow:0 12px 28px #2d4e5d1f;color:#294957;display:inline-flex;flex:0 0 auto;font-size:.9rem;font-weight:850;gap:7px;min-height:38px;padding:0 14px}.trip-list{display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 268px);overflow:auto;padding:2px 8px 22px 2px;scrollbar-width:thin}.trip-card{align-items:start;background:linear-gradient(145deg,#ffffffe6,#ffffffad),#ffffffc2;border:1px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:0 2px 2px #34566729;color:#172832;display:grid;gap:20px;grid-template-columns:minmax(132px,34%) minmax(0,1fr);min-height:208px;overflow:hidden;padding:16px 16px 5px;position:relative;text-align:left;transform:translateY(0);transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease,background-color .22s ease;width:100%}.trip-card:hover,.trip-card.active{background:linear-gradient(145deg,#fffffff0,#ffffffc2),#ffffffd6;border-color:#ffffffe0;box-shadow:0 8px 8px #2a4b5e2e;transform:translateY(-1px)}.invited-trip-card{border-color:#d88a506b}.trip-card-image{align-items:flex-end;background:#9ecfd8;border-radius:8px;box-shadow:inset 0 1px #ffffff80,0 14px 28px #1f4d5c29;display:flex;height:188px;min-height:188px;overflow:hidden;padding:16px;position:relative}.trip-card-image:before,.trip-card-image:after{content:"";position:absolute}.trip-card-image:before{background:radial-gradient(circle,#ffffffeb,#ffffff3d 58%,#fff0);border-radius:50%;height:112px;right:-18px;top:-12px;width:112px}.trip-card-image:after{background:linear-gradient(180deg,#0c263200,#0c263238),#153a4633;clip-path:polygon(0 100%,0 54%,18% 42%,32% 56%,48% 28%,66% 62%,82% 34%,100% 52%,100% 100%);inset:auto 0 0;height:68%}.trip-card-image.accent-0{background:radial-gradient(circle at 18% 22%,rgba(255,249,201,.7),transparent 24%),linear-gradient(145deg,#ffb378f5,#4caecfeb),#80cde0}.trip-card-image.accent-1{background:radial-gradient(circle at 28% 20%,rgba(255,243,196,.64),transparent 22%),linear-gradient(145deg,#89bc91f5,#36708bf5),#77b890}.trip-card-image.accent-2{background:radial-gradient(circle at 76% 16%,rgba(255,250,237,.76),transparent 22%),linear-gradient(145deg,#f69db3fa,#6894c2eb),#e6a3b5}.trip-card-image.accent-3{background:radial-gradient(circle at 24% 18%,rgba(255,252,220,.7),transparent 22%),linear-gradient(145deg,#ffc560fa,#33a2beeb),#fac66f}.trip-card-image.invited{background:radial-gradient(circle at 70% 20%,rgba(255,252,244,.72),transparent 22%),linear-gradient(145deg,#d88a50f5,#2e7369e6),#d88a50}.trip-card-skyline{background:linear-gradient(90deg,#ffffff7a,#ffffff29),#ffffff29;border:1px solid rgba(255,255,255,.28);border-radius:999px;box-shadow:20px -24px 0 -10px #ffffff38,58px -44px 0 -18px #fff3,94px -18px 0 -12px #ffffff29;height:18px;position:relative;width:84%;z-index:1}.trip-card-skyline:before,.trip-card-skyline:after{content:"";position:absolute}.trip-card-skyline:before{background:#ffffff38;border-radius:999px;height:18px;left:18%;top:-42px;width:44%}.trip-card-skyline:after{background:#ffffff2e;border-radius:999px;height:18px;left:42%;top:-76px;width:38%}.trip-card-body{align-self:stretch;display:flex;flex-direction:column;gap:14px;justify-content:flex-start;min-width:0;padding:18px 4px 18px 0}.trip-card-meta-row,.trip-card-dates,.trip-card-footer,.trip-card-location{align-items:center;display:flex}.trip-card-meta-row{gap:10px;justify-content:space-between;min-width:0}.trip-card-location{color:#55727a;font-size:.9rem;font-weight:750;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countdown-badge{background:#e8f4f9eb;border-radius:6px;color:#2f5967;flex:0 0 auto;font-size:.8rem;font-weight:900;min-height:32px;padding:7px 11px}.invited-badge{background:#fff2df;color:#9a5b2d}.trip-card strong{display:block;font-size:clamp(1.35rem,4vw,2.25rem);letter-spacing:0;line-height:1.04;margin:0;overflow-wrap:anywhere}.trip-card-dates{color:#48646d;font-size:.96rem;font-weight:800;gap:8px}.trip-card-footer{border-top:1px solid rgba(85,114,122,.14);color:#607b82;font-size:.85rem;font-weight:750;gap:10px;justify-content:flex-start;margin-top:2px;padding-bottom:14px;padding-top:14px}.invitation-actions{align-items:center;flex-wrap:wrap}.invitation-actions .primary-button,.invitation-actions .ghost-button{min-height:36px}.new-trip{border-top:1px solid rgba(255,252,244,.14);order:3;padding-top:18px}.trip-rail>.rail-section:not(.new-trip){order:2}.new-trip-toggle{background:#fffcf41f;border-radius:6px;color:#fffcf4;height:34px;padding:0;width:34px}.stack-form,.item-composer{display:flex;flex-direction:column;gap:10px}.date-grid,.composer-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.primary-button,.ghost-button{border-radius:6px;font-weight:800;min-height:42px;padding:0 14px}.primary-button{background:#d88a50;color:#fffaf2}.primary-button:hover{background:#c57942}.ghost-button{background:#eef1eb;color:#20302c}.ghost-button:hover{background:#dfe7de}.workspace{display:flex;flex-direction:column;gap:18px;min-width:0;padding:28px clamp(18px,4vw,46px) 46px}.trip-hero{align-items:center;background:linear-gradient(135deg,#163832,#2e7369 62%,#5a6f62);background-position:center;background-size:cover;border-radius:8px;color:#fffcf4;display:grid;gap:18px;grid-template-columns:1fr auto;min-height:138px;padding:clamp(16px,3vw,24px)}.trip-hero h2{font-size:clamp(1.75rem,4vw,3rem);line-height:1.04;margin-top:4px;max-width:820px}.hero-stats{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(132px,1fr))}.stat{background:#fffcf41f;border:1px solid rgba(255,252,244,.2);border-radius:8px;display:flex;flex-direction:column;gap:3px;min-height:74px;min-width:126px;padding:10px}.stat span{color:#d9e8df;font-size:.82rem}.stat strong{font-size:.98rem;overflow-wrap:anywhere}.muted,.quiet-empty,.item-content span,.item-content p{color:#66736b}.member-note,.inline-error,.success-note{border-radius:6px;margin:0;padding:10px 12px}.member-note{background:#eef1eb;color:#53655f}.inline-error{background:#fff1ea;color:#9b4126;font-weight:800}.success-note{background:#eef7ee;color:#2e6847;overflow-wrap:anywhere}.dialog-backdrop{align-items:center;background:#17221f6b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:20}.invite-dialog{background:#fffcf4;border:1px solid #ded6c8;border-radius:8px;box-shadow:0 24px 64px #17221f47;display:flex;flex-direction:column;gap:16px;max-width:520px;padding:18px;width:100%}.dialog-header{align-items:start;display:flex;gap:16px;justify-content:space-between}.dialog-header h2{font-size:1.5rem;line-height:1.1;margin:2px 0 0;overflow-wrap:anywhere}.autocomplete-list{background:#fff8ef;border:1px solid #e3dacb;border-radius:8px;display:grid;overflow:hidden}.autocomplete-list button{background:transparent;border-radius:0;justify-content:flex-start;min-height:38px;padding:0 11px}.autocomplete-list button:hover{background:#eef1eb}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.timeline{align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.day-column{background:#fffcf4;border:1px solid #ded6c8;border-radius:8px;display:flex;flex-direction:column;gap:14px;min-width:0;padding:14px}.day-header{align-items:center;display:flex;gap:12px}.day-number{align-items:center;background:#20302c;border-radius:8px;color:#fffcf4;display:flex;font-weight:900;height:44px;justify-content:center;width:44px}.item-stack{display:flex;flex-direction:column;gap:10px}.itinerary-item{background:#f7f5ef;border:1px solid #e3dacb;border-radius:8px;display:grid;gap:12px;grid-template-columns:82px minmax(0,1fr) auto;padding:12px}.time-chip{align-items:center;background:#e8efe5;border-radius:6px;color:#2e7369;display:flex;font-size:.88rem;font-weight:900;gap:5px;justify-content:center;min-height:42px}.item-content{display:flex;flex-direction:column;justify-content:center;min-width:0}.item-content strong,.item-content span,.item-content p{overflow-wrap:anywhere}.item-content p{margin:3px 0 0}.item-actions{align-items:center;display:grid;gap:6px;grid-template-columns:repeat(2,36px)}.item-actions button{background:#e6e0d3;border-radius:6px;color:#20302c;height:36px;padding:0;width:36px}.item-actions button:hover{background:#d6cdbd}.item-composer{background:#f7f5ef;border:1px dashed #d1c6b6;border-radius:8px;padding:12px}.composer-actions{display:flex;gap:10px;justify-content:flex-end}.quiet-empty,.empty-state{align-items:center;border:1px dashed #d1c6b6;border-radius:8px;display:flex;gap:10px;justify-content:center;min-height:84px}.empty-state{background:#fffcf4;flex-direction:column;min-height:420px;padding:28px;text-align:center}.empty-state h2,.empty-state p{margin:0}@media (max-width: 1060px){.app-shell{grid-template-columns:1fr}.trip-rail{min-height:auto;position:static}.account-pill{max-width:100%;position:static}.trip-list{max-height:none}.trip-hero{grid-template-columns:1fr}}@media (max-width: 720px){.workspace,.trip-rail,.planner-page{padding:16px}.planner-header{align-items:start;gap:12px;padding:16px}.header-actions{flex:0 0 auto}.planner-header .account-pill{min-width:0}.planner-header .account-pill strong{max-width:74px}.trip-list-panel{padding:16px}.trip-list-heading{align-items:flex-start;flex-direction:column;gap:12px}.trip-list-heading h2{font-size:2.45rem}.trip-list-glass-note{min-height:34px}.trip-card{gap:16px;grid-template-columns:1fr;min-height:0;padding:14px 14px 28px}.trip-card-image{height:190px;min-height:190px}.trip-card-body{gap:12px;padding:8px 2px 18px}.trip-card-meta-row{align-items:flex-start;flex-direction:column}.trip-card strong{font-size:1.72rem;margin:0}.trip-card-dates{align-items:flex-start}.trip-card-footer{align-items:flex-start;flex-direction:column;gap:4px}.trip-rail{display:grid;gap:22px 14px;grid-template-columns:minmax(0,1fr) auto}.brand{grid-column:1}.brand-mark{height:56px;width:56px}.brand h1{font-size:1.45rem;line-height:1.05}.brand p{font-size:.72rem}.account-pill{align-self:start;grid-column:2;min-width:118px}.new-trip{border-top:0;grid-column:1 / -1;order:2;padding-top:6px}.new-trip .section-title{justify-content:flex-end}.new-trip .section-title span{display:none}.new-trip-toggle{background:#fffcf4;border:1px solid rgba(255,252,244,.72);box-shadow:0 8px 18px #0000001f;color:#d88a50;height:42px;width:42px}.new-trip .stack-form{display:none}.new-trip.open .stack-form{display:flex}.trip-rail>.rail-section:not(.new-trip){background:#fffcf414;border:1px solid rgba(255,252,244,.16);border-radius:8px;grid-column:1 / -1;min-height:360px;order:3;padding:16px}.trip-list-panel,.full-page-panel,.trip-detail-page{min-height:calc(100vh - 142px)}.hero-stats,.date-grid,.composer-row{grid-template-columns:1fr}.trip-hero{align-items:start;gap:14px;min-height:0}.trip-hero h2{font-size:1.8rem}.stat{min-height:64px}.timeline,.itinerary-item{grid-template-columns:1fr}.time-chip{justify-content:flex-start;padding:0 12px}.item-actions{display:flex;justify-content:flex-end}}