@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";*{box-sizing:border-box;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body{height:100%;margin:0;padding:0}.map-container{color:#000;position:absolute;top:0;left:0;height:100%;width:100%;transition:width .3s ease,left .3s ease;overflow:hidden}.map-container-shifted{width:calc(100% - 420px);left:0}#map{height:100%;width:100%}.mode-toggle{align-items:center;margin-bottom:12px;padding:4px 12px 4px 4px;background:#00000040;display:flex;flex-direction:row;width:max-content;border-radius:100px}.mode-label{margin-left:10px;font-size:14px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);font-weight:500}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff80;transition:.4s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.timeline-container{position:fixed;top:0;right:0;width:420px;height:100%;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-2px 0 15px #0000001a;z-index:1000;overflow:hidden;display:none;transition:transform .3s ease}.timeline-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eeeeee;position:sticky;top:0;background-color:#fff;z-index:2}.timeline-header h3{font-size:16px;font-weight:600;color:#333}.timeline-actions{display:flex;gap:8px}.export-button,.close-button{background:none;border:none;cursor:pointer;font-size:14px;color:#666;display:flex;align-items:center;padding:4px 8px;border-radius:4px;transition:background-color .2s}.export-button:hover,.close-button:hover{background-color:#f0f0f0;color:#333}.timeline{padding:0 16px 16px;overflow-y:auto;height:calc(100% - 64px)}.timeline-toggle{position:absolute;top:50%;left:-40px;transform:translateY(-50%);width:40px;height:40px;background-color:#fff;border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-2px 0 10px #0000001a;border:none;border-right:none;display:none}.map-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9;display:none}.map-overlay.visible{display:block}.timeline-item{display:flex;margin:16px 0;position:relative}.timeline-item.transport-item{margin:8px 0}.timeline-item.transport-item .timeline-content{background-color:#f8f9fa;border:1px solid #e9ecef;border-left:3px solid #6c757d}.timeline-time{flex:0 0 80px;font-weight:600;color:#333;font-size:14px;text-align:right;padding-right:16px;padding-top:2px}.timeline-connector{flex:0 0 20px;display:flex;flex-direction:column;align-items:center}.timeline-dot{width:12px;height:12px;border-radius:50%;background-color:#2196f3;z-index:1;margin-top:4px}.timeline-dot.transport-dot{background-color:#6c757d;width:8px;height:8px}.timeline-line{width:2px;flex-grow:1;background-color:#d1d1d1;position:absolute;top:16px;bottom:-16px;left:89px;z-index:0}.timeline-item:last-child .timeline-line{display:none}.timeline-content{flex:1;background-color:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #eee;cursor:pointer;transition:transform .2s,box-shadow .2s}.timeline-content:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.timeline-content.active{border-left:3px solid #2196F3}.timeline-title{font-weight:600;font-size:14px;margin-bottom:4px;color:#333}.timeline-description{font-size:12px;color:#666;line-height:1.4}.timeline-duration{display:inline-block;font-size:11px;color:#2196f3;background-color:#e3f2fd;padding:2px 6px;border-radius:4px;margin-top:8px;font-weight:500}.timeline-duration.travel-time{color:#6c757d;background-color:#f8f9fa}.timeline-duration i{margin-right:4px}.location-card.day-planner-card{position:relative}.card-time-badge{position:absolute;top:10px;right:10px;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500;z-index:2}.card-sequence-badge{position:absolute;top:10px;left:10px;background-color:#2196f3;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;z-index:2;box-shadow:0 2px 5px #0003}.card-duration{display:inline-block;font-size:11px;color:#2196f3;background-color:#e3f2fd;padding:2px 6px;border-radius:4px;margin-top:4px}.day-plan-route{stroke:#2196f3;stroke-width:4;stroke-opacity:.8;stroke-dasharray:5,5;animation:dash 20s linear infinite}@keyframes dash{to{stroke-dashoffset:1000}}.search-container{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:10;width:90%;max-width:600px}.search-bar{display:flex;align-items:center;background-color:#fff;border-radius:24px;padding:8px 16px;box-shadow:0 2px 10px #00000026;transition:box-shadow .3s}.search-bar:focus-within{box-shadow:0 4px 16px #0003}.search-icon{color:#717171;margin-right:12px}#prompt-input{flex:1;border:none;outline:none;font-size:16px;resize:none;height:24px;line-height:24px;background:transparent;color:#000}.search-button{background-color:#282828;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:12px;transition:background-color .2s;position:relative}.search-button:hover{background-color:#282828}.search-button.loading{pointer-events:none;background-color:#5b5b5b}.search-button .fa-arrow-right{transition:opacity .2s}.search-button.loading .fa-arrow-right{opacity:0}.search-button .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;opacity:0;pointer-events:none;transition:opacity .2s}.search-button.loading .spinner{opacity:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.card-carousel{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;width:90%;max-width:900px;display:none;transition:width .3s ease,left .3s ease}.map-container-shifted .card-carousel{width:90%;max-width:800px}.card-container{display:flex;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding:12px;border-radius:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.card-container::-webkit-scrollbar{display:none}.location-card{flex:0 0 auto;width:220px;background-color:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;margin-right:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;border:1px solid rgba(255,255,255,.3)}.location-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000024}.card-active{border:2px solid #2196F3}.card-image{height:120px;background-color:#f5f5f5;background-size:cover;background-position:center;position:relative;transition:transform .3s ease}.location-card:hover .card-image{transform:scale(1.05)}.card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.card-content{padding:12px}.card-title{font-size:16px;font-weight:600;margin-bottom:4px;color:#222}.card-description{font-size:12px;color:#717171;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.card-coordinates{font-size:10px;color:#999}.carousel-controls{display:flex;justify-content:center;align-items:center;margin-top:16px}.carousel-arrow{background-color:#fff;border:1px solid #DDDDDD;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#222;transition:background-color .2s,box-shadow .2s}.carousel-arrow:hover{background-color:#f7f7f7;box-shadow:0 2px 5px #0000001a}.carousel-indicators{display:flex;margin:0 16px}.carousel-dot{width:8px;height:8px;border-radius:50%;background-color:#ddd;margin:0 4px;transition:background-color .2s}.carousel-dot.active{background-color:#222}.reset-button{color:#000;position:absolute;bottom:32px;left:16px;z-index:10;background-color:#fff;border:1px solid #DDDDDD;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:background-color .2s,box-shadow .2s,left .3s ease}.reset-button:hover{background-color:#f7f7f7;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.search-container{width:90%}.location-card{width:180px}.card-image{height:100px}.timeline-container{transform:translate(100%);width:85%}.timeline-container.visible{transform:translate(0)}.map-container-shifted{width:100%;left:0}.map-container-shifted .search-container{left:50%;width:90%}.timeline-toggle{display:flex}}.popup-bubble{display:none}.spinner{pointer-events:none;opacity:1;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;transition:opacity 1s ease-in-out}.spinner.hidden{opacity:0}.error{color:red;padding:1em 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}