:root{--bg:#0d1625;--panel:#121e31;--panel2:#0f1928;--line:#273a54;--text:#f4f7fc;--muted:#8ea0b8;--blue:#61a9ff;--cyan:#55d6cf;--orange:#ffb66e;--pink:#ff7fa9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 460px at 12% -110px,rgba(97,169,255,.18),transparent 66%),radial-gradient(760px 420px at 90% 0,rgba(85,214,207,.1),transparent 64%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.topbar{width:min(1160px,calc(100% - 32px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #233650}.brand{display:flex;align-items:center;gap:10px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:18px}.brand small{font-size:8px;letter-spacing:.17em;color:#7e92ac;margin-top:5px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#071321;font-size:11px;font-weight:950}.top-note{color:#7d90aa;font-size:10px}
main{width:min(1160px,calc(100% - 32px));margin:auto}.hero{padding:58px 0 27px;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.17em;color:#75b6ff;font-weight:900}.hero h1{font-size:clamp(40px,6vw,66px);letter-spacing:-3px;line-height:1;margin:9px 0 11px}.hero p{max-width:700px;color:var(--muted);margin:0;line-height:1.7}.trust{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.trust span{border:1px solid #2e425e;background:#111c2e;border-radius:999px;padding:7px 9px;color:#9fb0c5;font-size:9px;font-weight:800}
.planner{padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,#142238,#101b2c);border-radius:20px;box-shadow:0 20px 60px #0004}.place-grid{display:grid;grid-template-columns:1fr 46px 1fr;gap:9px;align-items:start}.place-box{position:relative;min-width:0}.place-box>label{display:block;font-size:10px;color:#91a2ba;font-weight:800;margin:0 0 6px 3px}.search-row{display:grid;grid-template-columns:1fr auto;gap:7px}.search-row input{min-width:0;height:47px;background:#0c1523;border:1px solid #314663;border-radius:10px;color:#fff;padding:0 11px;outline:0}.search-row input:focus{border-color:#61a9ff;box-shadow:0 0 0 3px rgba(97,169,255,.09)}.search-row button{border:0;border-radius:10px;background:#263c58;color:#dce9f9;font-size:10px;font-weight:900;padding:0 14px}.selected-place{margin:6px 3px 0;color:#6f849f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swap-wrap{padding-top:23px}.swap-wrap button{width:43px;height:43px;border-radius:50%;border:1px solid #334966;background:#101a2a;color:#9fb7d3;font-size:17px}.search-results{position:absolute;z-index:1002;left:0;right:0;top:74px;border:1px solid #344c6b;background:#0d1726;border-radius:11px;padding:6px;box-shadow:0 18px 45px #0008;max-height:265px;overflow:auto}.search-results button{width:100%;display:block;border:0;border-bottom:1px solid #20334c;background:transparent;color:#dce7f4;padding:9px;text-align:left;font-size:10px;line-height:1.4}.search-results button:last-child{border-bottom:0}.search-results button:hover{background:#14243a}.search-results small{display:block;color:#70859f;margin-top:2px}
.trip-basics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.trip-basics>label,.budget-grid label,.vehicle-settings label,.fare-settings label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#879ab4;font-weight:800}.trip-basics select,.budget-grid input,.vehicle-settings input,.fare-settings input{height:42px;border:1px solid #30445f;background:#0d1625;color:#eef5ff;border-radius:9px;padding:0 10px;outline:0}.stepper{display:grid;grid-template-columns:37px 1fr 37px}.stepper button,.stepper input{height:42px;border:1px solid #30445f;background:#0d1625;color:#e8f0fb;text-align:center}.stepper button:first-child{border-radius:9px 0 0 9px}.stepper button:last-child{border-radius:0 9px 9px 0}.stepper input{min-width:0;border-left:0;border-right:0;outline:0}
.transport-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.transport-tabs button{border:1px solid #30445e;background:#0e1828;color:#92a4bb;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:850}.transport-tabs button.active{background:#e9f3ff;color:#102038;border-color:#e9f3ff}
.vehicle-settings,.budget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.vehicle-count{border:1px solid #30445f;background:#0d1625;border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;justify-content:center}.vehicle-count span{font-size:8px;color:#71869f}.vehicle-count strong{font-size:16px}.fare-settings{display:grid;grid-template-columns:260px 1fr;gap:14px;align-items:end;margin-top:12px}.fare-settings p{margin:0 0 5px;color:#71849c;font-size:9px;line-height:1.5}.budget-grid{grid-template-columns:repeat(3,1fr)}.roundtrip{display:flex;align-items:center;gap:8px;margin-top:13px;color:#a5b4c7;font-size:10px;font-weight:800}.roundtrip input{accent-color:#61a9ff}.plan-btn{width:100%;height:49px;margin-top:12px;border:0;border-radius:11px;background:linear-gradient(90deg,#5da8ff,#58d5cf);color:#081624;font-weight:950}.planner-status{text-align:center;color:#8fa3bd;font-size:10px;margin:9px 0 0;min-height:16px}.planner-status.error{color:#ffb091;font-weight:800}.plan-btn:disabled{opacity:.65;cursor:wait}
.map-section,.cost-section,.explore-section{margin-top:18px;padding:18px;border:1px solid var(--line);background:#111d2e;border-radius:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{font-size:24px;letter-spacing:-.7px;margin:4px 0 0}.section-head p{margin:3px 0 0;color:#8193aa;font-size:10px}.map-actions{display:flex;gap:7px}.map-actions button{border:1px solid #324760;background:#0e1827;color:#b8c7d9;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:850}#map{height:470px;border-radius:13px;overflow:hidden;background:#09111b}.leaflet-container{font:12px/1.5 system-ui}.leaflet-control-attribution{font-size:8px}.route-animated{stroke-dasharray:12 12;animation:routeDash 1.1s linear infinite}@keyframes routeDash{to{stroke-dashoffset:-24}}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.route-stats div{padding:10px;border:1px solid #293c56;background:#0e1827;border-radius:10px}.route-stats span,.route-stats strong{display:block}.route-stats span{font-size:8px;color:#73869f;text-transform:uppercase;letter-spacing:.06em}.route-stats strong{font-size:12px;margin-top:2px}
.grand-total{font-size:clamp(29px,4vw,42px);color:#dffefa;letter-spacing:-1px}.per-person{display:flex;justify-content:space-between;align-items:center;border:1px solid #2e445c;background:#0d1928;border-radius:11px;padding:12px 14px;margin-bottom:12px}.per-person span{font-size:10px;color:#8094ad}.per-person strong{font-size:20px}.cost-bars{display:grid;gap:9px}.cost-bars>div{display:grid;grid-template-columns:100px 110px 1fr;gap:10px;align-items:center}.cost-bars span{font-size:9px;color:#8396ad}.cost-bars strong{text-align:right;font-size:10px}.cost-bars i{display:block;height:8px;width:2%;min-width:2px;border-radius:999px;background:linear-gradient(90deg,#61a9ff,#55d6cf)}.estimate-note{margin:13px 0 0;color:#71849b;font-size:9px;line-height:1.6}
.explore-tabs{display:flex;gap:7px;margin-bottom:10px}.explore-tabs button{border:1px solid #30435d;background:#0d1726;color:#879ab2;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:850}.explore-tabs button.active{border-color:#65a9ef;color:#e6f3ff;background:#162a42}.source-badge{border:1px solid #30435d;border-radius:999px;color:#8092a9;padding:6px 9px;font-size:8px}.place-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.place-card{border:1px solid #293c55;background:#0e1827;border-radius:12px;padding:12px;min-width:0}.place-card .type{font-size:8px;color:#64d2c9;text-transform:uppercase;letter-spacing:.07em}.place-card h3{font-size:13px;margin:4px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-card p{font-size:9px;color:#7f92a8;line-height:1.45;margin:0 0 8px;min-height:26px}.place-links{display:flex;flex-wrap:wrap;gap:5px}.place-links a{border:1px solid #31445d;border-radius:999px;padding:5px 7px;color:#adbed2;font-size:8px;font-weight:800}.empty-state{grid-column:1/-1;text-align:center;color:#74869d;font-size:10px;padding:20px}.booking-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.booking-links a{border:1px solid #37506c;border-radius:9px;padding:9px 11px;color:#d0e2f6;font-size:9px;font-weight:850}
.sources{margin:18px 0 26px;padding:15px 17px;border-left:3px solid #55d6cf;background:#101b2c;border-radius:0 12px 12px 0}.sources strong{font-size:11px}.sources p{font-size:9px;color:#7f91a7;line-height:1.6;margin:4px 0 8px}.sources div{display:flex;gap:10px;flex-wrap:wrap}.sources a{font-size:8px;color:#86baf0;text-decoration:underline}
footer{width:min(1160px,calc(100% - 32px));margin:auto;padding:20px 0 32px;border-top:1px solid #233650;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#6c8098;font-size:9px}
[hidden]{display:none!important}
@media(max-width:850px){.hero{display:block}.trust{justify-content:flex-start;margin-top:15px}.place-grid{grid-template-columns:1fr}.swap-wrap{padding:0;text-align:center}.trip-basics{grid-template-columns:1fr 1fr}.vehicle-settings,.budget-grid{grid-template-columns:1fr 1fr}.place-cards{grid-template-columns:1fr 1fr}.fare-settings{grid-template-columns:1fr}#map{height:420px}}
@media(max-width:520px){.topbar,main,footer{width:calc(100% - 22px)}.top-note{display:none}.hero{padding-top:43px}.hero h1{letter-spacing:-2px}.planner{padding:13px}.trip-basics,.vehicle-settings,.budget-grid{grid-template-columns:1fr 1fr}.place-cards{grid-template-columns:1fr}.section-head{align-items:flex-start}.map-actions{flex-wrap:wrap;justify-content:flex-end}#map{height:360px}.route-stats{grid-template-columns:1fr}.cost-bars>div{grid-template-columns:75px 90px 1fr}.grand-total{font-size:30px}}

.trip-story{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid #2a3d56;background:#0e1827;border-radius:12px;overflow-x:auto}
.story-end{display:flex;align-items:center;gap:7px;flex:0 0 auto}.story-end strong{font-size:9px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:9px;font-weight:950;color:#071321}.story-icon.start{background:#61a9ff}.story-icon.destination{background:#55d6cf}
.story-line{display:flex;align-items:center;gap:8px;min-width:90px;flex:1;position:relative}.story-line:before{content:"";height:2px;background:#314863;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.story-stop{position:relative;z-index:1;display:flex;align-items:center;gap:6px;flex:0 0 auto;background:#142238;border:1px solid #3a506d;border-radius:999px;padding:5px 8px 5px 5px}.story-stop i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffb66e;color:#15100a;font-style:normal;font-size:11px}.story-stop span{font-size:8px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-stop button{border:0;background:transparent;color:#98a9bf;font-size:12px;padding:0 2px}
.stay-help{margin:-2px 0 10px;color:#7d90a8;font-size:9px;line-height:1.5}.stay-help strong{color:#d9e6f5}
.place-links button{border:1px solid #3a506b;border-radius:999px;padding:5px 8px;color:#d4e5f7;background:#17283e;font-size:8px;font-weight:900}.place-links button.added{border-color:#ffb66e;color:#ffd6aa;background:#2b2118}.place-links button:disabled{opacity:.5;cursor:not-allowed}
.hotel-map-icon{background:transparent;border:0}.hotel-map-icon div{width:31px;height:31px;border-radius:9px;background:#ffb66e;color:#171008;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 4px 12px #0007;font-size:16px}

.story-stop span{display:flex;flex-direction:column;line-height:1.2}.story-stop span b{font-size:8px;font-weight:900}.story-stop span small{font-size:7px;color:#8fa2b9;margin-top:2px}
.stay-map-label{background:#101a28!important;color:#fff!important;border:1px solid #ffb66e!important;border-radius:8px!important;box-shadow:0 4px 14px #0008!important;font:800 9px/1.2 system-ui!important;padding:5px 7px!important}
.stay-map-label:before{border-top-color:#ffb66e!important}

.story-stop.tourist i{background:#55d6cf;color:#071613}.story-stop.stay i{background:#ffb66e;color:#171008}
.tourist-map-icon{background:transparent;border:0}.tourist-map-icon div{width:31px;height:31px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#55d6cf;color:#071613;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 4px 12px #0007;font-size:14px}.tourist-map-icon div::first-letter{transform:rotate(45deg)}

.story-stop.tourist i{background:#55d6cf;color:#071613}.story-stop.stay i{background:#ffb66e;color:#171008}
.tourist-map-icon{background:transparent;border:0}.tourist-map-icon div{width:31px;height:31px;border-radius:50%;background:#55d6cf;color:#071613;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 4px 12px #0007;font-size:14px}