.trip-page{max-width:1240px;margin:auto;padding:24px}.trip-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px}.trip-head h1{font-size:clamp(30px,5vw,48px)}.gps-pill{padding:9px 13px;border-radius:99px;background:#4fc3ff16;border:1px solid #4fc3ff3d;color:#8edcff;font-size:12px;font-weight:800}.gps-pill.live{color:#74edb5;border-color:#42df994d;background:#42df9912}.trip-search{display:flex;gap:10px;margin-top:14px;padding:12px;position:relative;z-index:5}.trip-search form{flex:1;position:relative}.trip-search form>div:first-child{display:flex;align-items:center;border:1px solid var(--line);border-radius:15px;background:#071522;overflow:hidden}.trip-search input{flex:1;min-width:0;padding:14px 10px;border:0;outline:0;background:transparent;color:white;font:inherit}.trip-search form span{padding-left:14px;color:var(--blue);font-size:22px}.trip-search form button,.trip-locate{border:0;border-radius:12px;background:linear-gradient(135deg,#45bdff,#526cf5);color:white;padding:0 19px;font-weight:850}.trip-locate{background:#ffffff0a;border:1px solid var(--line)}.trip-results{position:absolute;top:58px;left:0;right:0;background:#0b1d2f;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 50px #000b;overflow:hidden}.trip-results button{display:block;width:100%;padding:12px 15px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:white}.trip-results small{display:block;color:var(--muted)}.trip-map-wrap{position:relative;margin-top:14px;overflow:hidden;padding:0}.trip-map-wrap #tripMap{height:min(62vh,650px);min-height:430px;background:#071522}.trip-summary{position:absolute;left:14px;right:14px;top:14px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);max-width:440px;padding:11px 14px;border:1px solid #ffffff1c;border-radius:16px;background:#06101de8;backdrop-filter:blur(14px)}.trip-summary div+div{border-left:1px solid var(--line);padding-left:13px}.trip-summary strong{display:block;font-size:16px}.map-float{position:absolute;right:14px;bottom:35px;z-index:3;padding:10px 13px;border:1px solid #ffffff26;border-radius:13px;background:#071522e8;color:white}.trip-insight{display:flex;align-items:center;gap:15px;margin-top:14px;padding:20px 24px}.trip-insight>span{font-size:34px}.trip-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.trip-card{padding:20px}.trip-card-head{display:flex;align-items:center;gap:12px}.trip-card-head>span{font-size:29px}.trip-card-head div{flex:1}.trip-card-head b{font-size:20px;color:var(--cyan)}.trip-list{margin-top:14px;color:var(--muted)}.trip-list p{margin:7px 0}.trip-event{padding:10px 0;border-top:1px solid var(--line);color:#dbe9f4}.trip-event small{display:block}.trip-beta{padding:22px 25px;margin-top:14px}.trip-beta p{color:var(--muted)}.maplibregl-ctrl-attrib{font-size:9px!important;background:#06101dcc!important;color:#b7c9d8!important}.maplibregl-ctrl-attrib a{color:#75d8ff!important}.maplibregl-popup-content{background:#0b1d2f;color:white;border-radius:12px}.user-dot{width:20px;height:20px;border:4px solid white;border-radius:50%;background:#2a9cff;box-shadow:0 0 0 8px #299cff2d}.traffic-dot{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ff9d42;color:#15100a;border:2px solid white;font-size:15px}.destination-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#61e2bb;border:2px solid white}.destination-dot span{transform:rotate(45deg)}@media(max-width:700px){.trip-page{padding:12px}.trip-head{padding:19px;align-items:flex-start}.trip-head .gps-pill{font-size:10px}.trip-search{flex-wrap:wrap}.trip-search form{flex-basis:100%}.trip-locate{height:43px;width:100%}.trip-map-wrap #tripMap{height:58vh;min-height:410px}.trip-grid{grid-template-columns:1fr}.trip-summary{max-width:none}.trip-summary strong{font-size:14px}}