.trip-planner{background:radial-gradient(ellipse at 100% 0,#27304066,transparent 55%),#10171d!important;border-color:#34424c!important;overflow:hidden}.trip-planner h2{font-size:clamp(25px,5vw,32px);letter-spacing:-1px;line-height:1.12;margin:12px 0}.trip-topline{display:flex;justify-content:space-between;align-items:center;gap:8px}.trip-topline .overline{font-size:10px;letter-spacing:1.6px;color:#a8c6d1}.trip-clock{border:1px solid #bca0ff70;border-radius:20px;padding:7px 11px;color:#d6c4ff;font-size:12px;white-space:nowrap}.trip-intro{color:#acbbc5;font-size:13px;line-height:1.7}.trip-map{height:245px;border-radius:16px;background:#132832;isolation:isolate;margin:18px 0 10px}.trip-map .leaflet-tile{filter:brightness(.58) saturate(.6) hue-rotate(145deg)}.trip-map .leaflet-control-attribution{font-size:9px}.trip-map .leaflet-control-zoom a{background:#17232c;color:#fff;border-color:#40505c}.trip-flow{background:none;border:0}.trip-arrow{display:block;font:900 32px/30px sans-serif;color:#e7e1ff;text-shadow:0 1px 4px #000}.trip-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:#acbbc5}.trip-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--dot)}.trip-map-note{font-size:10px;color:#94a7b3;line-height:1.6}.trip-list{margin:22px 0 12px}.trip-row{display:grid;grid-template-columns:33px 1fr;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #2b3740;border-radius:0;padding:15px 7px;color:#e7eef2;cursor:pointer}.trip-row[aria-pressed=true]{background:#27344266;border-radius:12px;border-color:transparent}.trip-number{font-size:19px;color:var(--trip-color);font-weight:700;line-height:1.7}.trip-row-title{display:flex;justify-content:space-between;gap:5px;font-size:14px}.trip-row small{display:block;color:#a7b5bf;font-size:10px;margin:5px 0;line-height:1.6}.trip-potential{color:var(--trip-color);font-size:11px}.trip-caution{color:#edbd7e!important;font-size:11px;line-height:1.7}.trip-detail{padding:18px;border-radius:16px;background:linear-gradient(135deg,#253342,#19232e);margin:18px 0}.trip-detail h3{font-size:21px;margin:8px 0}.trip-detail p{font-size:13px;line-height:1.7;margin:9px 0}.trip-detail small{display:block;font-size:10px;color:#b0c0cb;line-height:1.6}.trip-window{color:#dbcaef}.trip-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.trip-actions button{flex:1;font-size:11px;padding:11px 7px;white-space:nowrap}.trip-saved{border-top:1px solid #34414a;margin-top:20px;padding-top:15px}.trip-saved summary{font-size:14px;cursor:pointer;min-height:35px}.trip-saved-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #2a3740}.trip-saved-row>div{flex:1;min-width:0}.trip-saved-row b{font-size:12px;overflow-wrap:anywhere}.trip-saved-row small{display:block;font-size:10px;color:#aeb8c2;line-height:1.6;overflow-wrap:anywhere}.trip-saved-row button{font-size:11px;min-height:40px}.trip-dialog label{display:grid;gap:8px;margin:18px 0;font-size:13px}.trip-dialog input,.trip-dialog textarea{width:100%;padding:12px;border:1px solid #4c5665;border-radius:10px;background:#0c141c;color:#fff;font:inherit;box-sizing:border-box}.trip-dialog textarea{min-height:85px}.trip-dialog{width:min(420px,90vw)}.trip-dialog .micro{overflow-wrap:anywhere}.trip-forecast-details{margin:20px 0}.trip-forecast-details summary{cursor:pointer;font-size:12px;padding:10px 0}.red .trip-planner,.red .trip-detail{background:#160303!important;color:#ff9999}.red .trip-map .leaflet-tile{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(310deg) brightness(.35)}

.red .trip-row,.red .trip-detail p,.red .trip-detail small,.red .trip-intro,.red .trip-map-note,.red .trip-legend,.red .trip-row small,.red .trip-number,.red .trip-potential,.red .trip-clock{color:#ff7b7b!important}.red .trip-detail{background:#230505!important}.red .presence-card{background:#180303!important}

.trip-planner{padding:23px;margin-top:20px}.trip-map .leaflet-tile{filter:grayscale(.8) brightness(.65)}@media(max-width:800px){.trip-planner{padding:18px}}



.trip-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;color:#acbbc5;font-size:12px}.trip-map-toolbar button{font-size:12px;min-height:44px;white-space:nowrap}.trip-map-toolbar+.trip-map{margin-top:4px}