html,body{min-height:100vh;overflow:hidden}.app-relative{position:relative}.zero-padding{padding:0}.map-container{display:flex;flex-direction:column;height:100vh;position:relative;z-index:1}#map{flex-grow:1;background:#eee}.leaflet-tile-pane{filter:grayscale(66%)}.polyline-halo{transform:translateZ(0);will-change:filter;-webkit-filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white);filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white)}.carpools-content-wrapper{position:absolute;left:2rem;top:2rem;z-index:1000;height:calc(100vh - 4rem);max-height:1000px;width:300px;background-color:rgb(255 255 255 / .8);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:.5rem;display:flex;flex-direction:column}.carpools-content-wrapper.transitions-enabled{transition:transform 0.25s ease-in-out,opacity 0.25s ease-in-out}.carpools-content-wrapper .container{display:flex;flex-direction:column;height:100%;padding:0}.carpools-content-wrapper .page-content-header{flex-shrink:0;padding:1.5rem 1.5rem 1rem 1.5rem;border-bottom:1px solid #e0e0e0}.carpools-content-wrapper .ride-offer-list-container{flex-grow:1;overflow-y:auto;padding:1rem}.carpools-content-wrapper .action-bar{padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100%}.add-ride-offer-btn{flex:1;margin:1rem}.ride-offer-list-container .ride-offer-list{display:block}.ride-offer-card-spacer{display:none}.ride-offer-card{cursor:pointer;margin-bottom:1rem;transition:background-color 0.2s ease-in-out;padding:1rem;border-radius:.5rem;background-color:rgb(255 255 255 / .5)}.ride-offer-card:hover{background-color:rgb(0 0 0 / .05)}.start-location-icon,.destination-icon{display:flex!important;background:none;border:none}.ride-offer-card.selected{background-color:#eef2ff;border-color:#c7d2fe}.ride-offer-card .ride-details-expanded{max-height:0;opacity:0;overflow:hidden;transition:max-height 0.2s ease-out,opacity 0.15s ease-out;padding-top:0}.ride-offer-card.selected .ride-details-expanded{max-height:500px;opacity:1;transition:max-height 0.4s ease-in,opacity 0.2s ease-in}.ride-details-expanded .route-card{display:flex;align-items:center;gap:16px;background:#fff0;border-top:1px solid #e0e0e0;box-shadow:none;padding:0;margin:1rem 0 0}.route-steps{display:flex;flex-direction:column;gap:.25rem;padding:1rem 0;width:100%}.route-step{display:flex;align-items:baseline;gap:.5rem}.route-step-letter{font-weight:600;flex-shrink:0}.ride-details-expanded .ride-expanded-actions{display:flex;gap:1rem;justify-content:space-evenly}.ride-expanded-actions .round-button{width:3rem;border-radius:.5rem;flex-grow:1}.ride-expanded-actions .btn-delete{background-color:#fee2e2;color:#ef4444;border:1px solid #fee2e2}.ride-expanded-actions .btn-delete:hover{background-color:#fecaca;border-color:#fecaca}.route-steps::marker{padding:1rem}#toggle-rides-panel,#toggle-routes-visibility{position:absolute;z-index:1001;top:2rem;left:calc(3rem + 300px);width:40px;height:40px;background-color:rgb(255 255 255 / .8);;color:#343a40;border:0;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:left 0.25s ease-in-out,background-color 0.2s ease-in-out}#toggle-routes-visibility{top:5.5rem}#toggle-rides-panel:hover{background-color:#f8f9fa}body.panel-minimized{#toggle-rides-panel,#toggle-routes-visibility{left:2rem}}@media (min-width:1151px){#toggle-rides-panel{right:2rem;bottom:2rem}.carpools-content-wrapper.minimized{transform:translateX(calc(-100% - 2rem))}}@media (min-width:769px) and (max-width:1150px){#toggle-rides-panel{right:2rem;bottom:2rem}.carpools-content-wrapper.minimized{transform:translateX(calc(-100% - 2rem))}}@media (max-width:768px){.map-container{height:calc(100vh - 10rem - var(--safe-inset-bottom));transition:opacity 0.3s ease-out}.carpools-content-wrapper{position:fixed;top:unset;left:0;right:0;bottom:calc(5rem + env(safe-area-inset-bottom));width:100%;z-index:999;height:2rem;max-height:calc(100vh - 160px - 5rem);transition:height 0.3s ease-out,opacity 0.3s ease-out;will-change:height,opacity;display:grid;grid-template-rows:auto 1fr auto;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 16px rgb(0 0 0 / .15)}.bottom-sheet-header{padding:10px 0 18px 0;cursor:grab}.bottom-sheet-grabber{width:48px;height:5px;background-color:#e0e0e0;border-radius:.5rem;margin:0 auto}.carpools-content-wrapper .ride-offer-list-container{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem}.carpools-content-wrapper .action-bar{padding:1rem;display:flex;align-items:center;justify-content:center;width:100%;border-top:1px solid #e0e0e0}.carpools-content-wrapper .action-bar button{margin:0 2rem 0 0;font-size:var(--font-size-l)}#toggle-rides-panel,#toggle-routes-visibility{display:none}#sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff0;z-index:998;opacity:0;pointer-events:none;transition:opacity 0.3s ease-out}#sheet-overlay.visible{opacity:1;pointer-events:auto}}body.mobile-detail-view-active .bottom-nav{pointer-events:none}#ride-detail-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#f0f2f5;z-index:1002;transform:translateX(100%);transition:transform 0.3s ease-in-out;display:flex;flex-direction:column}body.mobile-detail-view-active #ride-detail-screen{transform:translateX(0)}.ride-detail-header{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.ride-detail-header h4{flex-grow:1;text-align:center;margin:0;padding-right:50px}#ride-detail-back-btn{display:flex;gap:.5rem;align-items:center;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.75rem .5rem}.ride-detail-content{flex-grow:1;overflow-y:auto}#ride-detail-map{aspect-ratio:16 / 9;background-color:#eee;border-radius:0 0 .5rem .5rem;margin-bottom:1rem;box-shadow:0 1px 3px rgb(0 0 0 / .35)}.ride-detail-cards-container{padding:1rem}.card{background:#fff;border-radius:.5rem;padding:16px;margin-bottom:1rem}.primary-ride-card{border-radius:.5rem .5rem 0 0;margin-bottom:0;box-shadow:0 1px 3px rgb(0 0 0 / .35)}.primary-ride-card .ride-destination{font-size:24px;font-weight:700;margin:0 0 4px 0}.primary-ride-card .ride-time{font-size:16px;color:#4a4a4a;margin:0}.driver-card,.route-card{display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px rgb(0 0 0 / .35)}.card-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:24px}.driver-card .driver-name{font-size:18px;font-weight:700;margin:0 0 2px 0}.driver-card .ride-seats{font-size:14px;color:#4a4a4a;margin:0}.route-icon{font-size:20px;color:#4f46e5}.route-point{font-size:16px;font-weight:500;margin:0}#ride-detail-screen-actions{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;place-content:center;justify-content:space-evenly;background:#fff;height:4rem;padding:.5rem 1rem calc(0.5rem + env(safe-area-inset-bottom));box-shadow:0 -4px 12px rgb(0 0 0 / .08);gap:1rem;z-index:1000}#ride-detail-screen-actions .round-button{flex-grow:1;border-radius:.5rem;font-size:1.25rem;height:32px}#ride-detail-screen-actions .btn-contact{flex-grow:1}#ride-detail-screen-actions .btn-delete{flex-basis:30%;background-color:#fee2e2;color:#ef4444;border:1px solid #fee2e2}#ride-detail-screen-actions .btn-delete:hover{background-color:#fecaca;border-color:#fecaca}