@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#10203f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#10203f;--muted:#657087;--teal:#087e8b;--teal-bright:#1aa0ad;--teal-soft:#e3f3f2;--orange:#ed9832;--surface:#fff;--line:#e4e9e9;--shadow:0 10px 30px #1d374617;background:#edf1f1;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#edf1f1;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:not(:disabled),a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #159ba947}.page-shell{width:min(100%,620px);min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));background:#f8faf9;margin:0 auto}.simple-header{justify-content:space-between;align-items:center;min-height:52px;margin-bottom:25px;display:flex}.simple-header--form{margin-bottom:20px}.header-spacer{width:42px}.app-mark{letter-spacing:-.04em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:inline-flex}.app-mark--compact{gap:8px;font-size:18px}.app-mark__icon{color:#fff;background:linear-gradient(145deg,#24aab4,#087784);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 7px 16px #087e8b33}.app-mark--compact .app-mark__icon{border-radius:11px;width:33px;height:33px}.icon-button{color:#56647a;background:#ffffffc7;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 6px 18px #253a4514}.icon-button--ghost{box-shadow:none;border-color:#e4e9e9}.eyebrow{color:var(--teal);letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.eyebrow--light{color:#ffffffc7}.primary-button{color:#fff;background:linear-gradient(135deg,#169ba8,#087582);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 9px 22px #087e8b38}.primary-button--wide{width:100%}.primary-button:disabled{opacity:.65;cursor:wait}.loading-view{background:#f8faf9;place-content:center;justify-items:center;gap:28px;min-height:100vh;display:grid}.loader{border:3px solid #dce9e8;border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome-card{box-shadow:var(--shadow);background:#fff;border:1px solid #dfe7e6d9;border-radius:28px;overflow:hidden}.welcome-card__visual{background:#dbecea;height:clamp(205px,52vw,275px);position:relative;overflow:hidden}.welcome-card__visual:after{content:"";background:linear-gradient(#0000,#05424b4d);height:48%;position:absolute;inset:auto 0 0}.welcome-card__visual img{object-fit:cover;width:100%;height:100%}.welcome-card__route{z-index:2;filter:drop-shadow(0 2px 3px #08555f59);border-top:4px dashed #fff;width:57%;position:absolute;bottom:28%;left:22%;transform:rotate(-8deg)}.welcome-card__pin{z-index:3;background:var(--teal);border:6px solid #fff;border-radius:50% 50% 50% 0;width:23px;height:23px;position:absolute;bottom:22%;transform:rotate(-45deg);box-shadow:0 4px 10px #0b35404d}.welcome-card__pin--start{left:17%}.welcome-card__pin--finish{background:var(--orange);bottom:35%;right:15%}.welcome-card__copy{padding:25px 23px 24px}.welcome-card__copy h1{letter-spacing:-.045em;margin:0 0 10px;font-size:27px;line-height:1.12}.welcome-card__copy p{color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.65}.section-heading{justify-content:space-between;align-items:end;margin:5px 2px 17px;display:flex}.section-heading h1{letter-spacing:-.045em;margin:0;font-size:28px}.count-badge{min-width:30px;height:30px;color:var(--teal);background:var(--teal-soft);border-radius:15px;place-items:center;padding:0 9px;font-size:13px;font-weight:800;display:grid}.trip-list{gap:12px;display:grid}.trip-card{background:#fff;border:1px solid #e9eeee;border-radius:20px;grid-template-columns:82px minmax(0,1fr) 25px;align-items:center;gap:14px;min-height:102px;padding:10px 12px 10px 10px;transition:transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 7px 22px #1e374611}.trip-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #1e37461c}.trip-card__image{background:#dceae7;border-radius:15px;width:82px;height:82px;overflow:hidden}.trip-card__image img{object-fit:cover;width:100%;height:100%}.trip-card__image--1 img{filter:hue-rotate(20deg);transform:scale(1.15)translate(-4%)}.trip-card__image--2 img{filter:saturate(.8);transform:scale(1.1)translate(5%)}.trip-card__body{min-width:0}.trip-card__body h2{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 9px;font-size:16px;overflow:hidden}.trip-card__body span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-top:5px;font-size:11.5px;display:flex;overflow:hidden}.trip-card__body svg{color:var(--teal);flex:none}.trip-card__arrow{color:#9ba6b4}.state-card{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:30px}.state-card h1{margin:0 0 8px;font-size:24px}.state-card p{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.6}.state-card--error{margin-top:80px}.state-card--page{border-radius:0;place-content:center;justify-items:center;min-height:100vh;display:grid}.form-intro{margin:0 2px 23px}.form-intro h1{letter-spacing:-.05em;margin:0 0 7px;font-size:30px}.form-intro p{max-width:440px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.trip-form{gap:17px;display:grid}.field{gap:7px;min-width:0;display:grid}.field>span,.form-section legend{color:#4f5b70;letter-spacing:.035em;font-size:11px;font-weight:800}.field input,.participant-input{width:100%;height:48px;color:var(--ink);background:#fff;border:1px solid #dde5e5;border-radius:13px;box-shadow:0 4px 13px #253c4609}.field input{padding:0 14px;font-size:13px;font-weight:600}.field input::placeholder,.participant-input input::placeholder{color:#a3acb8;font-weight:500}.field input:focus{border-color:#6abcc2;outline:3px solid #199daa1a}.form-card{background:#fff;border:1px solid #e6eceb;border-radius:20px;padding:15px;box-shadow:0 7px 22px #1e37460e}.route-fields{gap:13px;padding-left:49px;display:grid;position:relative}.route-fields__line{flex-direction:column;justify-content:space-between;align-items:center;width:13px;display:flex;position:absolute;top:30px;bottom:30px;left:22px}.route-fields__line span{z-index:1;border:3px solid var(--teal);background:#fff;border-radius:50%;width:11px;height:11px}.route-fields__line span:last-child{border-color:var(--orange)}.route-fields__line i{background:linear-gradient(var(--teal), #dbe3e2 48%, var(--orange));width:2px;position:absolute;top:8px;bottom:8px}.date-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-section{border:0;min-width:0;margin:0;padding:0}.form-section legend{margin-bottom:9px}.form-section legend small{color:#98a2b0;font-size:10px;font-weight:600}.transport-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.transport-grid button{color:#687388;background:#fff;border:1px solid #e1e7e7;border-radius:14px;place-items:center;gap:3px;min-width:0;height:66px;padding:8px 4px;font-size:10px;font-weight:700;display:grid}.transport-grid button svg{color:#8c98a8}.transport-grid button.is-selected{color:var(--teal);background:#edf8f7;border-color:#7fc5ca;box-shadow:inset 0 0 0 1px #087e8b14}.transport-grid button.is-selected svg{color:var(--teal)}.participant-input{color:var(--teal);grid-template-columns:32px minmax(0,1fr) 42px;align-items:center;padding-left:12px;display:grid}.participant-input input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:12px;font-weight:600}.participant-input button{color:#fff;background:var(--teal);border:0;border-radius:10px;place-items:center;width:32px;height:32px;padding:0;display:grid}.participant-chips{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.participant-chips>span{color:#42616a;background:#e7f3f2;border-radius:15px;align-items:center;gap:5px;height:30px;padding:0 5px 0 11px;font-size:10.5px;font-weight:700;display:inline-flex}.participant-chips button{color:#71878d;background:#ffffffb3;border:0;border-radius:50%;place-items:center;width:21px;height:21px;padding:0;display:grid}.form-error{color:#a33c3c;background:#fff0f0;border-radius:10px;margin:-4px 0 0;padding:10px 12px;font-size:12px;font-weight:600}.submit-button{margin-top:1px}.dashboard-frame{background:#fbfcfb;width:min(100%,700px);min-height:100vh;margin:0 auto;box-shadow:0 0 55px #1e35421a}.dashboard{padding:max(18px, env(safe-area-inset-top)) 14px 86px;gap:12px;display:grid}.dashboard-header{grid-template-columns:47px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:4px 2px 8px;display:grid}.trip-avatar{background:#dcecea;border:2px solid #fff;border-radius:50%;width:47px;height:47px;overflow:hidden;box-shadow:0 5px 13px #1e484e24}.trip-avatar img{object-fit:cover;width:100%;height:100%}.dashboard-header__copy{min-width:0}.dashboard-header__copy h1{letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:clamp(19px,5.5vw,25px);overflow:hidden}.dashboard-header__copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10.5px;font-weight:600;overflow:hidden}.dashboard-header .icon-button{width:40px;height:40px;box-shadow:none;border-color:#edf0f0}.next-stage-card{color:#fff;background:#087d8a;border-radius:22px;min-height:190px;position:relative;overflow:hidden;box-shadow:0 10px 26px #0b576133}.next-stage-card>img{object-fit:cover;width:65%;height:100%;position:absolute;inset:0 0 0 35%}.next-stage-card__shade{background:linear-gradient(90deg,#078594 5%,#047e8df5 42%,#07596229 82%);position:absolute;inset:0}.next-stage-card__content{z-index:1;flex-direction:column;align-items:flex-start;min-height:190px;padding:22px 20px 19px;display:flex;position:relative}.next-stage-card h2{letter-spacing:-.035em;max-width:86%;margin:2px 0 10px;font-size:clamp(18px,5.3vw,25px);line-height:1.18}.next-stage-card h2 span{color:#d8eff0;font-weight:500}.route-metrics{gap:4px;margin-bottom:14px;font-size:10.5px;font-weight:600;display:grid}.route-metrics span{align-items:center;gap:7px;display:flex}.navigate-button{color:#087783;background:#fff;border:0;border-radius:11px;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-size:11.5px;font-weight:800;display:inline-flex;box-shadow:0 6px 14px #044b5424}.navigate-button:disabled{color:#5d8388;cursor:not-allowed;opacity:.88}.route-preview{background:#e9f2ec;border:1px solid #dfeae7;border-radius:21px;height:128px;position:relative;overflow:hidden}.route-preview__grid{opacity:.35;background-image:linear-gradient(32deg,#0000 48%,#b7d0c5 49% 51%,#0000 52%),linear-gradient(118deg,#0000 48%,#c7dbd2 49% 51%,#0000 52%);background-size:75px 65px,90px 80px;position:absolute;inset:0}.route-preview:before,.route-preview:after{content:"";background:#d4e9de;border-radius:50%;position:absolute}.route-preview:before{width:155px;height:120px;top:-35px;right:11%;transform:rotate(-15deg)}.route-preview:after{background:#d7eceb;width:165px;height:70px;bottom:-28px;left:33%}.route-preview svg{z-index:2;width:86%;height:calc(100% - 30px);position:absolute;inset:11px 7% 22px;overflow:visible}.route-preview path{fill:none;stroke:#178896;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 1px #fff)}.map-point{z-index:3;justify-items:center;display:grid;position:absolute;top:65px}.map-point>span{width:30px;height:30px;color:var(--teal);background:#fff;border:4px solid #fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 10px #19474b38}.map-point small{color:#253451;text-overflow:ellipsis;white-space:nowrap;max-width:100px;margin-top:2px;font-size:9.5px;font-weight:800;overflow:hidden}.map-point--origin{left:7%}.map-point--destination{top:19px;right:5%}.map-point--destination>span{color:var(--orange)}.preview-label{z-index:4;color:#668083;background:#fffc;border-radius:7px;padding:3px 7px;font-size:7.5px;font-weight:700;position:absolute;bottom:5px;right:8px}.dashboard-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.dashboard-tiles>button{cursor:not-allowed;background:#fff;border:1px solid #e9eeee;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:94px;padding:8px 3px;display:flex;box-shadow:0 7px 18px #223a4611}.dashboard-tiles strong{margin:5px 0 1px;font-size:10.5px}.dashboard-tiles small{color:#929caa;font-size:8.5px}.tile-icon{border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.tile-icon--teal{color:#218b95;background:#dff0ef}.tile-icon--purple{color:#8c57c4;background:#eee5f8}.tile-icon--orange{color:#e8902b;background:#fcedda}.tile-icon--green{color:#63a15b;background:#e8f3e5}.dashboard-grid{grid-template-columns:1.08fr .92fr;gap:9px;display:grid}.compact-card{background:#fff;border:1px solid #e8eded;border-radius:20px;min-width:0;min-height:142px;padding:13px;box-shadow:0 7px 18px #223a460e}.compact-card header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.compact-card h2{letter-spacing:-.02em;align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.compact-card h2 svg{color:var(--teal)}.compact-card header button{color:#4e8e96;background:0 0;border:0;align-items:center;padding:0;font-size:7.5px;font-weight:700;display:flex}.empty-plan{background:#fbfdfc;border:1px dashed #d6e3e1;border-radius:14px;align-items:center;gap:10px;min-height:78px;padding:10px;display:flex}.empty-plan>span{width:33px;height:33px;color:var(--teal);background:#e8f4f3;border-radius:11px;flex:none;place-items:center;display:grid}.empty-plan div{gap:3px;min-width:0;display:grid}.empty-plan strong{font-size:8.5px;line-height:1.25}.empty-plan small{color:#8c96a4;font-size:7.5px;line-height:1.3}.important-list{gap:7px;display:grid}.important-list>span{border:1px solid #edf0f0;border-radius:11px;grid-template-columns:24px 35px minmax(0,1fr);align-items:center;min-height:37px;padding:5px 8px;display:grid}.important-list svg{color:var(--teal)}.important-list small{color:#8a94a3;font-size:7px}.important-list strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;overflow:hidden}.suggestions-placeholder{background:linear-gradient(135deg,#f4faf8,#fff9ef);border:1px solid #e6eceb;border-radius:19px;justify-content:space-between;align-items:center;gap:10px;min-height:78px;padding:13px 14px;display:flex}.suggestions-placeholder>div{align-items:center;gap:10px;min-width:0;display:flex}.suggestions-placeholder>div>span{color:#d98926;background:#fff0d7;border-radius:12px;flex:none;place-items:center;width:37px;height:37px;display:grid}.suggestions-placeholder h2{margin:0 0 3px;font-size:11px}.suggestions-placeholder p{color:#7d8795;margin:0;font-size:7.5px}.suggestions-placeholder button{color:#879398;cursor:not-allowed;background:#fff;border:1px solid #dce5e3;border-radius:10px;flex:none;align-items:center;gap:5px;height:33px;padding:0 10px;font-size:8px;font-weight:800;display:inline-flex}.bottom-nav{z-index:10;width:min(100%,700px);height:calc(66px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-top:1px solid #e5ebea;grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -7px 24px #1c374212}.bottom-nav a,.bottom-nav button{color:#6e798c;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:0;font-size:8.5px;font-weight:600;display:flex}.bottom-nav button:disabled{opacity:.72;cursor:not-allowed}.bottom-nav .is-active{color:var(--teal);font-weight:800}@media (width>=540px){.dashboard{gap:14px;padding-left:20px;padding-right:20px}.next-stage-card{min-height:218px}.next-stage-card__content{min-height:218px;padding:26px 25px}.route-preview{height:145px}.dashboard-tiles{gap:10px}.dashboard-tiles>button{height:108px}.compact-card{min-height:157px;padding:16px}.compact-card h2{font-size:14px}.empty-plan strong{font-size:10px}.empty-plan small,.important-list strong,.suggestions-placeholder p{font-size:9px}.important-list small{font-size:8px}}@media (width<=360px){.dashboard{padding-left:10px;padding-right:10px}.dashboard-header{grid-template-columns:42px minmax(0,1fr) 36px;gap:9px}.trip-avatar{width:42px;height:42px}.next-stage-card__content{padding:19px 16px}.dashboard-tiles{gap:5px}.dashboard-tiles>button{border-radius:15px;height:88px}.tile-icon{width:35px;height:35px}.compact-card{padding:10px}.suggestions-placeholder button{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}