@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@1,6..72,500&display=swap");:root{--ink:#08233f;--muted:#6d7d8c;--line:#dfe7eb;--canvas:#f4f7f6;--white:#fff;--mint:#77d4cb;--mint-soft:#dff5f1;--blue:#1e6f8f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#08233f;color:#dbe7ec;padding:28px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.28rem;text-decoration:none;letter-spacing:-.02em;padding:0 10px}.brand-mark{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;color:#08233f;background:var(--mint);transform:rotate(-12deg)}.sidebar nav{display:grid;grid-gap:5px;gap:5px;margin-top:42px}.nav-item{min-height:43px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#aebdc7;border-radius:8px;text-decoration:none;font-size:.92rem;font-weight:500;transition:.2s ease}.nav-item.active,.nav-item:hover{color:#fff;background:#14324d}.nav-item span{margin-left:auto;font-size:.75rem;color:#8699a8}.nav-item span.notice{width:20px;height:20px;margin-left:auto;display:grid;place-items:center;background:var(--mint);color:#08233f;border-radius:50%;font-weight:700}.sidebar-rule{height:1px;background:#1d3b55;margin:22px 12px}.eyebrow,.nav-label{margin:0;color:#7f94a3;font-size:.7rem;letter-spacing:.15em;font-weight:700}.nav-label{padding:0 12px 10px}.trip-list{display:grid;grid-gap:4px;gap:4px}.trip-link{border:0;background:transparent;color:#b8c5ce;text-align:left;display:flex;gap:12px;align-items:flex-start;width:100%;border-radius:8px;padding:10px 12px;cursor:pointer}.trip-link.selected,.trip-link:hover{background:#14324d;color:#fff}.trip-dot{width:8px;height:8px;border:2px solid #7190a5;border-radius:50%;margin-top:6px}.trip-link.selected .trip-dot{background:var(--mint);border-color:var(--mint);box-shadow:0 0 0 4px rgb(119 212 203/.12)}.trip-link small,.trip-link strong{display:block}.trip-link strong{font-size:.88rem;font-weight:600}.trip-link small{color:#7890a0;margin-top:2px;font-size:.74rem}.sidebar-bottom{margin-top:auto;display:grid;grid-gap:4px;gap:4px}.profile{border-top:1px solid #1d3b55;margin-top:12px;padding:20px 8px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:9px;gap:9px}.profile>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#cf815d;color:white;font-size:.72rem;font-weight:700}.profile small,.profile strong{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile strong{color:#fff;font-size:.78rem}.profile small{color:#7890a0;font-size:.64rem}.workspace{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);justify-content:flex-end;padding:0 clamp(22px,5vw,64px);background:rgb(244 247 246/.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:5}.top-actions,.topbar{display:flex;align-items:center}.top-actions{gap:12px}.more,.top-actions button{border:0;background:transparent;cursor:pointer}.top-actions button:first-child{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:white}.top-actions .new-trip{display:flex;align-items:center;gap:7px;color:white;background:var(--ink);border-radius:8px;padding:10px 15px;font-weight:600;font-size:.86rem}.mobile-brand{display:none;font-weight:700;align-items:center;gap:8px}.content{width:min(1080px,calc(100% - 64px));margin:0 auto;padding:56px 0 80px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.welcome h1{margin:6px 0 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.045em;font-weight:500}.welcome h1 em{font-family:Newsreader,serif;font-weight:500;color:#247e91}.more{width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:50%}.forward-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:14px;gap:14px;background:#e7f6f3;border:1px solid #c9ebe5;border-radius:12px;padding:14px 15px;margin-bottom:22px}.forward-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;color:#116b69;background:#c9ebe5}.forward-copy strong{font-size:.9rem}.forward-copy p{margin:1px 0 0;color:#5c7478;font-size:.8rem}.address{max-width:390px;min-width:260px;height:41px;border:1px solid #abdcd6;background:white;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 14px;color:#235960;cursor:pointer}.address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,monospace}.address.copied{color:#08755f;border-color:#6bcdbd}.trip-hero{min-height:290px;border-radius:16px;padding:32px;color:white;background-color:#163d57;background-size:cover;background-position:50%;display:flex;justify-content:space-between;align-items:flex-end;box-shadow:0 16px 40px rgb(8 35 63/.12)}.trip-hero .eyebrow{color:#a7c7cb}.trip-hero h2{margin:14px 0 0;font-size:clamp(2.7rem,6vw,4.5rem);letter-spacing:-.055em;font-weight:500;line-height:.9}.destination{margin:8px 0 28px;color:#d5e5e9}.hero-meta{display:flex;flex-wrap:wrap;gap:22px}.hero-meta span{gap:8px;font-size:.8rem}.hero-meta span,.hero-people{display:flex;align-items:center}.hero-people{gap:12px}.avatars{display:flex}.avatars span{width:32px;height:32px;margin-left:-8px;border-radius:50%;display:grid;place-items:center;background:#d2815d;border:2px solid white;font-size:.67rem;font-weight:700}.avatars span:nth-child(2){background:#6e8995}.hero-people button{display:flex;align-items:center;gap:7px;border:1px solid rgb(255 255 255/.35);background:rgb(7 30 49/.45);color:white;border-radius:8px;padding:9px 12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section-row{display:flex;align-items:flex-end;justify-content:space-between;padding:46px 0 22px}.section-row h2{margin:5px 0 0;font-size:1.55rem;letter-spacing:-.03em}.section-row .eyebrow{color:#7d8a92}.view-tabs{border:1px solid var(--line);background:#eaf0f0;padding:3px;border-radius:8px}.view-tabs button{border:0;background:transparent;padding:7px 12px;border-radius:6px;color:#7b8991;font-size:.78rem;cursor:pointer}.view-tabs button.active{background:white;color:var(--ink);box-shadow:0 1px 4px rgb(8 35 63/.1)}.timeline-row{display:grid;grid-template-columns:115px 38px 1fr;grid-gap:14px;gap:14px;min-height:110px}.date{padding-top:16px;text-align:right}.date span,.date strong{display:block}.date strong{font-size:.67rem;letter-spacing:.06em}.date span{font-size:.76rem;color:#788793;margin-top:3px}.timeline-marker{display:flex;flex-direction:column;align-items:center}.timeline-marker span{flex:0 0 38px;width:38px;border-radius:50%;background:#d9eeee;color:#196c78;display:grid;place-items:center}.timeline-marker i{flex:1 1;width:1px;background:#cddadd}.segment-card{position:relative;margin-bottom:14px;background:white;border:1px solid var(--line);border-radius:11px;padding:17px 48px 17px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.2s ease}.segment-card:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgb(8 35 63/.07)}.segment-card h3{margin:2px 0;font-size:1.02rem}.segment-card p{margin:0;color:#72818c;font-size:.78rem}.segment-card p.segment-kind{text-transform:uppercase;color:#37808a;font-size:.63rem;letter-spacing:.1em;font-weight:700}.segment-card>button{position:absolute;right:14px;top:15px;border:0;background:transparent;color:#82909a;cursor:pointer}.confirmation{text-align:right}.confirmation span,.confirmation strong{display:block}.confirmation span{font-size:.6rem;color:#85939b;letter-spacing:.08em}.confirmation strong{font-size:.82rem;margin-top:3px;letter-spacing:.05em}.empty-itinerary{text-align:center;border:1px dashed #bdcdd2;border-radius:14px;padding:52px 20px;background:rgb(255 255 255/.55)}.empty-itinerary h3{margin:12px 0 2px}.empty-itinerary p{color:var(--muted);margin:0 0 18px}.empty-itinerary button{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:white;border-radius:8px;padding:9px 13px;cursor:pointer}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(430px,44%) 1fr;background:white}.auth-panel{min-height:100vh;padding:42px clamp(30px,6vw,88px);display:flex;flex-direction:column}.brand-dark{color:var(--ink);padding:0}.auth-copy{width:min(440px,100%);margin:auto 0}.auth-copy .eyebrow{color:#2b7f88}.auth-copy h1{margin:12px 0;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.93;letter-spacing:-.055em;font-weight:500}.auth-copy>p:not(.eyebrow){color:#637681;font-size:1.05rem;max-width:390px}.auth-form{margin-top:34px}.auth-form label{display:block;font-size:.78rem;font-weight:600;margin-bottom:7px}.auth-input-wrap{height:50px;border:1px solid #cdd9dd;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px}.auth-input-wrap:focus-within{border-color:#4e9f9f;box-shadow:0 0 0 3px rgb(78 159 159/.12)}.auth-input-wrap svg{color:#819098}.auth-input-wrap input{border:0;outline:0;flex:1 1;min-width:0;font-size:.95rem}.auth-form>button{margin-top:12px;width:100%;height:50px;border:0;border-radius:9px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;cursor:pointer}.auth-form>button:disabled{opacity:.65}.form-error{color:#b44646!important;font-size:.78rem!important}.auth-foot{color:#85939a;font-size:.72rem}.auth-photo{margin:16px;border-radius:18px;background:linear-gradient(0deg,rgba(4,25,43,.65),rgba(4,25,43,.05)),url(/coast.png) 50%/cover;display:flex;align-items:flex-end;padding:48px;color:white}.auth-photo div{max-width:430px}.auth-photo span{display:block;font-size:.7rem;letter-spacing:.18em;font-weight:700;color:#b9dcd8}.auth-photo strong{display:block;margin-top:8px;font-family:Newsreader,serif;font-size:2.3rem;line-height:1.05;font-weight:500}.sent-state{margin-top:30px;padding:16px;border:1px solid #cbe9e3;background:#eef9f7;border-radius:10px;display:flex;align-items:center;gap:10px;color:#2b6767}.sent-state a{margin-left:auto;color:#0a645c;font-weight:600}.sent-state span{font-size:.86rem}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-brand{display:flex;margin-right:auto}.topbar{padding:0 20px}.content{width:min(100% - 36px,720px);padding-top:34px}.forward-card{grid-template-columns:auto 1fr}.address{grid-column:1/-1;max-width:none}.trip-hero{padding:25px}.auth-page{grid-template-columns:1fr}.auth-photo{display:none}.auth-panel{padding:32px clamp(24px,8vw,72px)}}@media (max-width:600px){.top-actions .new-trip{font-size:0;width:38px;height:38px;padding:0;justify-content:center}.welcome{align-items:flex-start}.more{display:none}.welcome h1{font-size:2.3rem}.forward-copy p{display:none}.trip-hero{min-height:340px;flex-direction:column;align-items:flex-start;background-position:58%}.hero-people{width:100%;justify-content:space-between}.section-row{padding-top:36px}.view-tabs{display:none}.timeline-row{grid-template-columns:1fr}.date{text-align:left;padding:0}.timeline-marker{display:none}.segment-card{margin-bottom:18px;align-items:flex-start;flex-direction:column}.confirmation{text-align:left}.auth-copy h1{font-size:3rem}.sent-state{align-items:flex-start;flex-wrap:wrap}.sent-state a{margin-left:32px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}