.app-container{background-color:var(--bg-color);flex-direction:column;width:85%;height:100vh;margin:0 auto;display:flex}.main-content{flex-direction:column;flex:1;padding:1.6rem;display:flex}.calendar-wrapper{flex-direction:column;flex:1;gap:1rem;height:100%;display:flex}.custom-header{justify-content:center;align-items:center;margin-bottom:1.5rem;padding:0 .5rem;display:flex;position:relative}.header-row-1,.header-row-2{display:contents}.nav-buttons{align-items:center;gap:.5rem;display:flex;position:absolute;left:.5rem}.date-group{order:1;align-items:center;gap:.5rem;display:flex}.filter-group{order:2;align-items:center;gap:.5rem;margin-left:4rem;display:flex}.date-selectors{z-index:1;align-items:center;gap:2rem;display:flex}.selector-group{align-items:center;gap:.5rem;display:flex}.nav-btn,.today-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background-color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.nav-btn:hover,.today-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#eff6ff}.today-btn{padding:.5rem .8rem;font-size:.9rem}.date-select{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);text-align:center;text-align-last:center;background-color:#fff;border-radius:.5rem;outline:none;min-width:110px;padding:.5rem 1rem;font-size:1rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.date-select option{text-align:center}.date-select:hover{border-color:var(--primary-color)}.calendar-container{background:var(--card-bg);border-radius:1rem;flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.fc{flex:1;min-height:0;font-family:Inter,sans-serif}.fc-toolbar-title{color:var(--text-color);font-weight:700;font-size:1.5rem!important}.fc-button-primary{font-weight:500;transition:all .2s;background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.fc-button-primary:hover{background-color:#2563eb!important;border-color:#2563eb!important}.fc-button-primary:disabled{background-color:#93c5fd!important;border-color:#93c5fd!important}.fc-daygrid-day-frame{padding:4px}.fc-col-header-cell{color:#6b7280;text-transform:uppercase;background-color:#f9fafb;font-size:.85rem;padding:10px 0!important}.fc-event{cursor:pointer;background:0 0!important;border:none!important}.fc-event-custom{background-color:var(--primary-color);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:.85rem;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000001a}.event-title{text-overflow:ellipsis;font-weight:600;overflow:hidden}.course-dots{flex-shrink:0;gap:4px;display:flex}.course-dot{background-color:#fff;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 2px #0003}.calendar-legend{justify-content:center;gap:1.5rem;margin-top:0;padding-top:.5rem;display:flex}.legend-item{color:var(--text-color);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.legend-item .course-dot{width:10px;height:10px}.fc-day-today{background-color:#fffbeb!important}.fc-theme-standard td,.fc-theme-standard th{border-color:var(--border-color)!important}@media (max-width:640px){.app-container{background-color:var(--card-bg);width:100%}.main-content{padding:0}.calendar-container{box-shadow:none;border-radius:0;padding:.25rem 0 0}.date-select{padding:.4rem .8rem;font-size:1rem}}.calendar-tooltip{z-index:1000;border:1px solid var(--border-color);pointer-events:none;background-color:#fff;border-radius:.5rem;min-width:200px;padding:.75rem;animation:.2s ease-in-out fadeIn;position:fixed;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tooltip-title{color:var(--text-color);border-bottom:1px solid #f3f4f6;margin-bottom:.5rem;padding-bottom:.25rem;font-size:1rem;font-weight:700}.tooltip-info{color:#4b5563;margin-bottom:.25rem;font-size:.9rem}.tooltip-hint{color:var(--primary-color);text-align:right;margin-top:.5rem;font-size:.8rem;font-weight:500}.view-toggle-container{position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.view-toggle{background-color:#f3f4f6;border-radius:8px;padding:4px;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.toggle-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-weight:600;text-decoration:none;transition:all .2s}.toggle-btn.active{color:var(--primary-color);background-color:#fff;box-shadow:0 1px 2px #0000000d}.map-view-container{background:var(--card-bg);border-radius:1rem;flex-direction:column;flex:1;gap:1rem;height:100%;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.map-header{justify-content:center;align-items:center;margin-bottom:1rem;padding:0 .5rem;display:flex;position:relative}.map-popup h3{color:var(--primary-color);margin:0 0 8px;font-size:1.1rem}.map-popup p{color:var(--text-color);margin:4px 0;font-size:.9rem}.map-popup a{color:var(--primary-color);margin-top:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.map-popup a:hover{text-decoration:underline}.custom-runner-icon{background:0 0;border:none}.marker-with-label{flex-direction:column;align-items:center;gap:2px;display:flex}.marker-label{color:#fff;white-space:nowrap;text-align:center;pointer-events:none;background:#1e40afe6;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;box-shadow:0 1px 3px #0000004d}.runner-marker{text-align:center;border:2px solid var(--primary-color);cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:24px;line-height:30px;transition:transform .2s;display:flex;box-shadow:0 2px 4px #0000004d}.runner-marker:hover{background-color:#eff6ff;transform:scale(1.1)}.runner-marker.past-event{opacity:.6;background-color:#f3f4f6;border-color:#9ca3af}.runner-marker.past-event:hover{opacity:.8;background-color:#e5e7eb}.mobile-event-details{display:none}@media (max-width:768px){.mobile-event-details{z-index:1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;flex-direction:column;max-height:calc(100vh - 390px);margin-top:12px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.event-details-header{background:inherit;border-bottom:1px solid #bae6fd;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex;position:sticky;top:0}.event-details-date{color:#0369a1;font-size:.95rem;font-weight:600}.event-details-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem;line-height:1}.event-details-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:50px;max-height:calc(100vh - 180px);display:flex;overflow-y:auto}.event-details-item{cursor:pointer;background:#fff;border-radius:8px;padding:10px 12px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #00000014}.event-details-item:active{transform:scale(.98);box-shadow:0 1px 2px #0000000d}.event-details-title{color:#1e293b;margin-bottom:6px;font-size:.9rem;font-weight:600}.event-details-info{color:#64748b;margin-top:3px;font-size:.8rem}.calendar-legend{display:none!important}.calendar-container{flex:none;min-height:auto;overflow:visible}.fc{flex:none;min-height:auto}.calendar-wrapper{-webkit-overflow-scrolling:touch;max-height:100vh;padding-bottom:20px;overflow-y:auto}.custom-header{flex-direction:column;gap:.5rem;margin-bottom:.5rem}.header-row-1,.header-row-2{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.nav-buttons{align-items:center;gap:.3rem;display:flex;position:static}.nav-btn,.today-btn{padding:.3rem .5rem;font-size:.8rem}.date-group{flex:0 0 65%;order:unset;justify-content:flex-start;gap:.3rem;display:flex}.filter-group{flex:0 0 65%;order:unset;gap:.3rem;margin-left:0;display:flex}.view-toggle-container{position:static;transform:none}.view-toggle{background-color:#f3f4f6;border-radius:6px;padding:3px;display:flex;position:static;transform:none}.toggle-btn{padding:4px 10px;font-size:.8rem}.selector-group{align-items:center;gap:.3rem;display:flex}.date-select{flex:1;min-width:0;padding:.3rem .5rem;font-size:.85rem}.fc-toolbar-title{font-size:1rem!important}.fc-col-header-cell{font-size:.75rem;padding:2px 0!important}.fc-daygrid-day-frame{padding:1px;max-height:50px!important}.fc-daygrid-day-number{font-size:.8rem;padding:2px!important}.fc-event-custom{gap:4px;padding:2px 4px;font-size:.75rem}.event-title{display:none}.fc-event-custom{display:none!important}.fc-daygrid-day.has-event{position:relative;background-color:#0000!important}.fc-daygrid-day.fc-day-today,.fc-daygrid-day.has-event.fc-day-today{background-color:#fffbeb!important}.fc-daygrid-day.has-event:after{content:"🏃";opacity:.9;pointer-events:none;font-size:1rem;position:absolute;top:22px;left:50%;transform:translate(-50%)}.fc-daygrid-day-top{justify-content:center}.calendar-legend{flex-wrap:wrap;gap:1rem}.map-view-container{box-shadow:none;border-radius:0;gap:.2rem;height:100vh;padding:.25rem 0 0}}.fc-day-sun .fc-daygrid-day-number,.fc-col-header-cell.fc-day-sun,.is-holiday .fc-daygrid-day-number{color:#ef4444!important}.fc-view-harness{position:relative;overflow:hidden}.fc-daygrid{transition:transform .3s ease-out,opacity .3s ease-out}.calendar-container.sliding-left .fc-daygrid{animation:.3s ease-out slideOutLeft}.calendar-container.sliding-right .fc-daygrid{animation:.3s ease-out slideOutRight}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.fc-view-harness{overflow:hidden}.calendar-container.sliding-next .fc-daygrid{animation:.3s ease-out forwards slideOutLeft,.3s ease-out .3s forwards slideInFromRight}.calendar-container.sliding-prev .fc-daygrid{animation:.3s ease-out forwards slideOutRight,.3s ease-out .3s forwards slideInFromLeft}}.marker-badge{color:#fff;text-align:center;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1.5px solid #fff;border-radius:10px;min-width:18px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0000004d}.runner-marker{position:relative}.clustered-popup{min-width:260px;max-width:320px}.cluster-header{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:2px 6px;display:flex}.cluster-location{color:#0369a1;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.cluster-count{background:var(--primary-color);color:#fff;white-space:nowrap;border-radius:12px;margin-left:8px;padding:3px 8px;font-size:.75rem;font-weight:600}.marathon-list{flex-direction:column;gap:0;display:flex}.marathon-list.scrollable{max-height:280px;padding-right:4px;overflow-y:auto}.marathon-list.scrollable::-webkit-scrollbar{width:6px}.marathon-list.scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.marathon-list.scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.marathon-list.scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.marathon-item{padding:0}.marathon-item.past-event{opacity:.7}.marathon-item.past-event h3{color:#6b7280!important}.marathon-link{color:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:2px;text-decoration:none;transition:all .2s;display:block}.marathon-link:hover{background:#f8fafc;transform:translate(2px)}.marathon-link h3{color:var(--primary-color);margin:0 0 1px;font-size:.85rem;font-weight:600;line-height:.25}.marathon-link p{color:var(--text-color);margin:0;font-size:.78rem;line-height:.2}.marathon-link .tooltip-hint{color:#6b7280;text-align:right;margin-top:2px;margin-bottom:0;font-size:.65rem;line-height:.1}.marathon-info{padding:0 8px}.marathon-info h3{color:var(--primary-color);margin:0 0 1px;font-size:.8rem;font-weight:600;line-height:.75}.marathon-info p{color:var(--text-color);margin:0;font-size:.75rem;line-height:.2}.marathon-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin:0 8px}.popup-footer-hint{color:var(--primary-color);text-align:right;border-top:1px solid #e2e8f0;margin-top:4px;padding:6px 8px 2px;font-size:.9rem}@media (max-width:768px){.clustered-popup{min-width:220px;max-width:280px}.marathon-list.scrollable{max-height:200px}.cluster-header{padding:6px 10px}.cluster-location{font-size:.85rem}.cluster-count{padding:2px 6px;font-size:.7rem}.marathon-link,.marathon-info{padding:4px 6px}.marathon-link h3,.marathon-info h3{font-size:.9rem}.marathon-link p,.marathon-info p{font-size:.8rem}}.leaflet-popup-content-wrapper{border-radius:12px;padding:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.leaflet-popup-content{min-width:260px;margin:0}.leaflet-popup-close-button{z-index:10;transition:color .2s;color:#64748b!important;width:auto!important;height:auto!important;padding:8px 10px!important;font-size:20px!important;top:4px!important;right:4px!important}.leaflet-popup-close-button:hover{color:#1e40af!important}.leaflet-popup-tip{background:#fff;box-shadow:0 2px 4px #0000001a}.clustered-marker-popup .leaflet-popup-content-wrapper{background:#fff}.clustered-marker-popup .leaflet-popup-content{overflow:visible}@media (max-width:768px){.leaflet-popup-content-wrapper{max-width:calc(100vw - 40px)}.marathon-list.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.clustered-popup{touch-action:pan-y;-webkit-overflow-scrolling:touch}.leaflet-popup-close-button{padding:10px 12px!important;font-size:24px!important}}.region-cluster-icon{background:0 0!important;border:none!important;overflow:visible!important}.region-cluster-marker{cursor:pointer;white-space:nowrap;border:2px solid var(--primary-color);background:#fff;border-radius:20px;align-items:center;gap:1px;padding:2px 0 2px 2px;transition:transform .15s ease-out,box-shadow .15s ease-out;display:inline-flex;position:relative;box-shadow:0 2px 8px #00000040}.region-cluster-marker:hover{box-shadow:0 4px 12px #00000040}.region-count{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-size:12px;font-weight:700;display:flex;box-shadow:0 1px 3px #0003}.region-name{color:#1e40af;padding-right:4px;font-size:12px;font-weight:600}.region-cluster-popup .leaflet-popup-content-wrapper{background:#fff;border-radius:12px}.region-cluster-popup .leaflet-popup-content{overflow:visible}.more-events-hint{text-align:center;color:#6b7280;padding:8px 0;font-size:.85rem;font-style:italic}@media (max-width:768px){.region-cluster-marker{-webkit-backdrop-filter:blur(2px);background:#ffffff73;border-width:1.5px;padding:2px 6px 2px 2px;box-shadow:0 1px 4px #0003}.region-count{min-width:22px;height:22px;padding:0 4px;font-size:10px}.region-name{padding-right:2px;font-size:10px}}