.route-selection-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;padding:1rem;overflow-x:hidden}.route-selection-overlay.visible{opacity:1}.route-selection-modal{background-color:var(--foreground-color,#fff);border-radius:16px;max-width:100%;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.95);transition:transform .2s ease-in-out;display:flex;flex-direction:column;box-sizing:border-box}.route-selection-overlay.visible .route-selection-modal{transform:scale(1)}.route-selection-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border-color,#e0e0e0);flex-shrink:0;box-sizing:border-box;max-width:100%}.route-selection-title{font-size:var(--font-size-lg,1.25rem);font-weight:var(--font-weight-bold,600);color:var(--text-primary,#1d1d1f);margin:0;overflow-wrap:break-word;word-break:break-word;max-width:100%}.route-selection-close{background:0 0;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary,#6e6e73);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color 150ms ease-in-out,color 150ms ease-in-out;flex-shrink:0}.route-selection-close:hover{background-color:var(--background-hover,#f5f5f7);color:var(--text-primary,#1d1d1f)}.route-selection-content{padding:1rem;flex:1;min-height:0;box-sizing:border-box;overflow-x:hidden;max-width:100%;display:flex;flex-direction:column}.route-selection-segmented-control{margin-bottom:1rem;width:100%;display:flex;justify-content:center}.route-selection-segmented-control .segmented-control-track{position:relative;display:flex;background-color:var(--background-hover,#f4f4f4);border-radius:12px;padding:4px;width:100%;max-width:400px;height:40px}.route-selection-segmented-control .segmented-control-tile{position:absolute;top:4px;left:4px;width:calc(33.33% - 4px);height:calc(100% - 8px);background-color:var(--submit-button-color,#636f7c);border-radius:10px;transition:transform .2s ease-in-out;z-index:1}.route-selection-segmented-control .segmented-control-tile[data-tab=my-routes]{transform:translateX(100%)}.route-selection-segmented-control .segmented-control-tile[data-tab=past-runs]{transform:translateX(200%)}.route-selection-segmented-control .segmented-control-option{flex:1;background:0 0;border:none;padding:0;font-size:15px;font-weight:500;color:var(--text-primary,#1d1d1f);cursor:pointer;transition:color .2s ease-in-out;z-index:2;position:relative;height:100%;display:flex;align-items:center;justify-content:center}.route-selection-segmented-control .segmented-control-option.active{color:#fff}.route-selection-segmented-control .segmented-control-option:hover:not(.active){color:var(--text-secondary,#8e8e93)}.route-selection-search-box{margin-bottom:1rem}.route-selection-search-input-wrapper{position:relative;display:flex;align-items:center}.route-selection-search-icon{position:absolute;left:16px;color:var(--text-secondary,#86868b);pointer-events:none;z-index:1;flex-shrink:0}.route-selection-search-input{width:100%;padding:12px 16px;padding-left:48px;padding-right:48px;border:2px solid var(--border-color,#e5e5e7);border-radius:12px;font-size:15px;font-family:inherit;color:var(--text-primary,#1d1d1f);background-color:var(--foreground-color,#fff);transition:box-shadow .2s ease-in-out;box-sizing:border-box}.route-selection-search-input:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.route-selection-search-input::placeholder{color:var(--text-secondary,#86868b)}.route-selection-search-clear-btn{position:absolute;right:12px;background:0 0;border:none;padding:4px;cursor:pointer;color:var(--text-secondary,#86868b);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 150ms ease-in-out,color 150ms ease-in-out;z-index:2}.route-selection-search-clear-btn:hover{background-color:var(--background-hover,#f5f5f7);color:var(--text-primary,#1d1d1f)}.route-selection-tab-panels{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.route-selection-tab-panel{display:none;flex:1;min-height:0;flex-direction:column}.route-selection-tab-panel.active{display:flex;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.route-selection-loading{padding:2rem;text-align:center;color:var(--text-secondary,#6e6e73);font-size:var(--font-size-sm,.875rem);overflow-wrap:break-word;word-break:break-word}.route-selection-list{display:flex;flex-direction:column;gap:.5rem;max-width:100%;box-sizing:border-box;flex:1;min-height:0;overflow-y:auto;max-height:400px}.route-selection-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;background-color:var(--foreground-color,#fff);max-width:100%;box-sizing:border-box;min-width:0}.route-selection-item:hover{background-color:var(--background-hover,#f5f5f7)}.route-selection-item.selected{background-color:rgba(168,203,255,.25);border-color:rgba(168,203,255,.25)}.route-selection-item-content{flex:1;display:flex;flex-direction:row;align-items:stretch;gap:.75rem;min-width:0;max-width:100%;box-sizing:border-box}.course-map-container{width:80px;height:80px;flex-shrink:0;border-radius:8px;background-color:#ffffff00;overflow:hidden;position:relative}.course-map-container canvas{width:100%;height:100%;display:block}.route-selection-item-details{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0;max-width:100%;box-sizing:border-box;justify-content:space-between}.route-selection-item-header{display:flex;flex-direction:column;min-width:0;max-width:100%;box-sizing:border-box}.route-selection-item-name{font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#1d1d1f);margin:0;overflow-wrap:break-word;word-break:break-word;line-height:.8}.route-selection-item-subtitle{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#6e6e73);margin:0;overflow-wrap:break-word;word-break:break-word;line-height:1.4}.route-selection-item-stats{display:flex;gap:32px;margin-top:auto;flex-wrap:wrap}.route-selection-route-stat{display:flex;flex-direction:column}.route-selection-route-stat .stat-label{font-size:12px;color:#86868b;font-weight:500;line-height:1}.route-selection-route-stat .stat-value{font-size:14px;font-weight:600;color:#1d1d1f}.route-selection-item.selected i{color:var(--submit-button-color,#3686ff);font-size:1rem;flex-shrink:0}.route-selection-empty{padding:2rem;text-align:center;color:var(--text-secondary,#6e6e73);font-size:var(--font-size-sm,.875rem);overflow-wrap:break-word;word-break:break-word}@media (min-width:769px){.route-selection-overlay{align-items:center;padding:1rem}.route-selection-modal{max-width:500px;max-height:80vh;border-radius:16px}.route-selection-header{padding:1.5rem}.route-selection-content{padding:1.5rem}.route-selection-segmented-control .segmented-control-track{max-width:500px}}.location-picker-container{position:relative;width:100%;height:100%;overflow:hidden}.location-picker-map-container{width:100%;height:100%}.location-picker-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000}.location-picker-pin{position:absolute;top:var(--pin-position-top,40%);left:50%;transform:translate(-50%,-100%);pointer-events:none;z-index:1001;transition:transform .2s ease-out;will-change:transform}.location-picker-pin.lifting{transform:translate(-50%,-100%) scale(1.2)}.location-picker-pin.hidden{opacity:0;pointer-events:none}.location-picker-pin-icon{width:40px;height:40px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2));display:flex;align-items:center;justify-content:center}.location-picker-pin-icon svg{width:100%;height:100%;display:block}.location-picker-pin-emoji{font-size:40px;line-height:1;display:block;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}.location-picker-pin.too-far .location-picker-pin-icon{opacity:.5;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2)) grayscale(.5)}.location-picker-address-preview{position:absolute;top:var(--pin-position-top,40%);left:calc(50% + 1.5rem);transform:translateY(-150%);pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease;white-space:nowrap;font-size:14px;font-weight:500;font-family:Roboto,sans-serif;color:#646567;-webkit-text-stroke:2px #fff;paint-order:stroke fill;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.4;padding:4px 8px;border-radius:4px;backdrop-filter:blur(1px)}.location-picker-address-preview.visible{opacity:1}@media (max-width:768px){.location-picker-address-preview{font-size:14px;left:calc(50% + 1.2rem);padding:5px 10px}}.location-picker-footer{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:1rem;pointer-events:auto;z-index:1002;box-shadow:0 -2px 8px rgba(0,0,0,.1)}.location-picker-address{margin-bottom:.75rem;min-height:1.5rem}.location-picker-address-container{display:flex;align-items:center;gap:.5rem}.location-picker-autocomplete-container{flex:1;min-width:0}.lp-autocomplete.keyboard-visible{position:fixed;top:0;left:0;right:0;z-index:1004;background:#fff;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);border-bottom:1px solid #e0e0e0;pointer-events:auto;margin:0;animation:slide-up-to-top .4s ease-out}.location-picker-confirm-button{width:100%;padding:.875rem 1rem;background:#3686ff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.location-picker-confirm-button:hover{background:#2a6fe6}.location-picker-confirm-button:active{background:#1f5fd4;transform:scale(.98)}.location-picker-confirm-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.location-picker-confirm-button:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.location-picker-confirm-button.too-far{background:#ccc;cursor:not-allowed;opacity:.7}.location-picker-confirm-button.too-far:hover{background:#ccc}.location-picker-confirm-button.too-far:active{background:#ccc;transform:none}.location-picker-fixed-marker{background:0 0;border:none}.location-picker-connection-line{stroke-dasharray:10 5;animation:dash-animation 1s linear infinite}@keyframes dash-animation{0%{stroke-dashoffset:0}100%{stroke-dashoffset:15}}@keyframes slide-up-to-top{0%{transform:translateY(300px) scale(1);box-shadow:0 2px 8px rgba(0,0,0,.1)}50%{transform:translateY(0) scale(1.02);box-shadow:0 4px 16px rgba(0,0,0,.15)}100%{transform:translateY(0) scale(1);box-shadow:0 2px 8px rgba(0,0,0,.1)}}@media (max-width:768px){.location-picker-footer{padding:1rem}.location-picker-pin-icon{width:44px;height:44px}.location-picker-pin-emoji{font-size:44px}.location-picker-confirm-button{padding:1rem;font-size:1.0625rem}.location-picker-select-address-btn{width:44px;height:44px}.location-picker-selected-address{padding:1rem 0}}@supports (padding:max(0px)){.location-picker-footer{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.lp-autocomplete{position:relative;width:100%;flex:1;min-width:0}.lp-search-box{position:relative;display:flex;align-items:center;width:100%;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;background-color:var(--foreground-color,#fff);transition:box-shadow .2s ease-in-out}.lp-search-box:focus-within{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.lp-search-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text-secondary,#6e6e73);pointer-events:none}.lp-search-icon svg{width:20px;height:20px}.lp-search-input{flex:1;min-width:0;padding:1rem;padding-left:0;border:none;border-radius:12px;font-size:var(--font-size-base,1rem);font-family:inherit;color:var(--text-primary,#1d1d1f);background-color:transparent;outline:0}.lp-search-input::placeholder{color:var(--text-secondary,#6e6e73)}.lp-clear-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:.5rem;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--text-secondary,#6e6e73);cursor:pointer;transition:background-color .2s ease,color .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lp-clear-btn:hover{background-color:var(--background-color,#f5f5f7);color:var(--text-primary,#1d1d1f)}.lp-clear-btn:active{background-color:var(--background-color,#e5e5e7);transform:scale(.95)}.lp-clear-btn:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.lp-results-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;margin:0;padding:0;list-style:none;background-color:var(--foreground-color,#fff);border:2px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1003}.lp-autocomplete.keyboard-visible .lp-results-list{position:fixed;top:80px;left:1rem;right:1rem;max-height:calc(100vh - var(--kb-height,0px) - 80px);z-index:1005;width:auto}.location-picker-select-address-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin-left:auto;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;background-color:var(--foreground-color,#fff);color:var(--text-secondary,#6e6e73);cursor:pointer;transition:opacity .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:1;pointer-events:auto;transform:scale(1)}.location-picker-select-address-btn:hover{background-color:var(--background-color,#f5f5f7);color:var(--text-primary,#1d1d1f);border-color:var(--border-color,#d0d0d0)}.location-picker-select-address-btn:active{background-color:var(--background-color,#e5e5e7);transform:scale(.95)}.location-picker-select-address-btn:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.location-picker-select-address-btn svg{width:20px;height:20px}.location-picker-select-address-btn.state-primary{border-color:#3686ff;background-color:#3686ff;color:#fff;cursor:pointer;opacity:1;pointer-events:auto;transform:scale(1)}.location-picker-select-address-btn.state-primary:hover{background-color:#2a6fe6;border-color:#2a6fe6;color:#fff}.location-picker-select-address-btn.state-primary:active{background-color:#1f5fd4;border-color:#1f5fd4;color:#fff;transform:scale(.95)}.location-picker-select-address-btn.state-primary:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.location-picker-select-address-btn.state-primary svg{color:#fff}.location-picker-select-address-btn.active{border-color:#3686ff;background-color:var(--foreground-color,#fff);color:#3686ff;cursor:pointer;opacity:1;pointer-events:auto;transform:scale(1)}.location-picker-select-address-btn.active:hover{background-color:rgba(54,134,255,.05);border-color:#2a6fe6;color:#2a6fe6}.location-picker-select-address-btn.active:active{background-color:rgba(54,134,255,.1);border-color:#1f5fd4;color:#1f5fd4;transform:scale(.95)}.location-picker-select-address-btn.active:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.location-picker-select-address-btn.inactive{border-color:#e0e0e0;background-color:var(--foreground-color,#fff);color:#e53e3e;cursor:default;opacity:1;pointer-events:auto;transform:scale(1)}.location-picker-select-address-btn.inactive:hover{background-color:var(--foreground-color,#fff);border-color:#e0e0e0;color:#e53e3e}.location-picker-select-address-btn.inactive:active{background-color:var(--foreground-color,#fff);border-color:#e0e0e0;color:#e53e3e;transform:none}.location-picker-select-address-btn.inactive:focus{outline:0;box-shadow:none}.location-picker-select-address-btn.inactive:disabled{opacity:1}.location-picker-selected-address{display:flex;align-items:center;gap:.75rem;padding:.875rem 0;margin-bottom:.75rem;min-height:3rem}.location-picker-clear-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--text-secondary,#6e6e73);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.location-picker-clear-btn:hover{background-color:var(--background-color,#f5f5f7);color:var(--text-primary,#1d1d1f)}.location-picker-clear-btn:active{background-color:var(--background-color,#e5e5e7);transform:scale(.95)}.location-picker-clear-btn:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.location-picker-clear-btn svg{width:18px;height:18px;display:block}.location-picker-selected-address-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;transition:opacity .2s ease}.location-picker-selected-address-text.ghost{opacity:.55}.location-picker-selected-main-text{font-size:1rem;font-weight:500;color:var(--text-primary,#1d1d1f);line-height:1.4;word-break:break-word}.location-picker-selected-secondary-text{font-size:.875rem;font-weight:400;color:var(--text-secondary,#6e6e73);line-height:1.4;word-break:break-word}.location-picker-selected-address .location-picker-select-address-btn{opacity:1;pointer-events:auto;transform:scale(1)}.lp-result-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color,#f0f0f0)}.lp-result-item:last-child{border-bottom:none}.lp-result-item.selected,.lp-result-item:hover{background-color:var(--background-color,#f5f5f7)}.lp-result-item:active{background-color:var(--background-color,#e5e5e7)}.lp-result-icon{flex-shrink:0;display:flex;align-items:center;opacity:.5}.lp-result-icon img{width:1.125rem;height:1.125rem;display:block}.lp-result-text-container{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.lp-result-main-text{font-size:1rem;font-weight:500;color:var(--text-primary,#1d1d1f);line-height:1.4;word-break:break-word}.lp-result-secondary-text{font-size:.875rem;font-weight:400;color:var(--text-secondary,#6e6e73);line-height:1.4;word-break:break-word}.lp-result-label{flex:1;font-size:var(--font-size-base,1rem);color:var(--text-primary,#1d1d1f);line-height:1.5;word-break:break-word}.lp-result-empty{padding:1rem;text-align:center;font-size:var(--font-size-base,1rem);color:var(--text-secondary,#6e6e73)}@media (max-width:768px){.lp-search-icon{width:44px;height:44px}.lp-search-input{padding:.875rem;padding-left:0;font-size:1.0625rem}.lp-result-item{padding:1rem;min-height:56px}.lp-results-list{max-height:50vh}.lp-autocomplete.keyboard-visible{padding:.875rem;padding-top:max(.875rem,env(safe-area-inset-top));left:0;right:0}.lp-autocomplete.keyboard-visible .lp-results-list{top:70px;max-height:calc(100vh - var(--kb-height,0px) - 70px)}}.location-display{display:flex;flex-direction:column;background:var(--foreground-color,#fff);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;transition:box-shadow .2s ease-in-out}.location-display:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.location-display-header{padding:16px 16px 12px 16px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;position:relative}.location-display-header-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.location-display-main-text{font-size:18px;font-weight:600;color:var(--text-primary,#1d1d1f);line-height:1.3;margin:0}.location-display-main-text.only-main-text{font-size:16px;font-weight:500;color:var(--text-secondary,#6e6e73)}.location-display-secondary-text{font-size:14px;font-weight:400;color:var(--text-secondary,#6e6e73);line-height:1.4;margin:0}.location-display-map-wrapper{position:relative;width:100%;overflow:hidden}.location-display-map-container{width:100%;min-height:133px;position:relative;border-radius:0 0 12px 12px;overflow:hidden}.location-display-pin-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.location-display-pin-icon svg{width:100%;height:100%}.location-display-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.05);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.location-display-overlay:hover{background:rgba(0,0,0,.08)}.location-display-overlay.visible{opacity:1;display:flex}.location-display-overlay.hidden{opacity:0;display:none;pointer-events:none}.location-display-interaction-hint{position:absolute;bottom:var(--spacing-xl,20px);right:var(--spacing-md,16px);background:linear-gradient(135deg,rgba(124,71,157,.7) 0,rgba(197,44,62,.7) 100%);color:#fff;font-size:16px;font-weight:var(--font-weight-medium,500);padding:.3rem .7rem;border-radius:var(--border-radius-md,8px);opacity:.8;transition:opacity .2s ease-in-out;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1001}.location-display-interaction-hint.show-hint,.platform-web .location-display-map-wrapper:hover .location-display-interaction-hint{opacity:1}.location-display-map-container .leaflet-container{border-radius:0 0 12px 12px;font-family:inherit}.location-display-map-container .location-picker-fixed-marker{background:0 0;border:none;box-shadow:none}.location-display-edit-btn{flex-shrink:0;width:36px;height:36px;padding:0;border:none;background-color:unset;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary,#6e6e73);transition:background-color 150ms ease-in-out,color 150ms ease-in-out,transform 150ms ease-in-out;outline:0}.location-display-edit-btn:hover{background-color:var(--border-color,#e0e0e0);color:var(--text-primary,#1d1d1f)}.location-display-edit-btn:active{transform:scale(.95)}.location-display-edit-btn:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.location-display-edit-btn svg{width:20px;height:20px;stroke:currentColor}.event-creation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;padding:0;overflow-x:hidden}.event-creation-modal-overlay.visible{opacity:1}.event-creation-modal{background-color:var(--foreground-color,#fff);border-radius:16px 16px 0 0;max-width:100%;width:100%;max-height:98dvh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.95) translateY(20px);transition:transform .2s ease-in-out;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.event-creation-modal-overlay.visible .event-creation-modal{transform:scale(1) translateY(0)}.event-creation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--border-color,#e0e0e0);flex-shrink:0;position:sticky;top:0;z-index:10;background-color:var(--foreground-color,#fff);box-sizing:border-box}.event-creation-modal-title{font-size:var(--font-size-xl,1.5rem);font-weight:var(--font-weight-bold,600);color:var(--text-primary,#1d1d1f);margin:0;overflow-wrap:break-word;word-break:break-word;max-width:100%}.event-creation-modal-close{background:0 0;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary,#6e6e73);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color 150ms ease-in-out,color 150ms ease-in-out,transform 150ms ease-in-out;flex-shrink:0}.event-creation-modal-close:hover{background-color:var(--background-hover,#f5f5f7);color:var(--text-primary,#1d1d1f)}.event-creation-modal-close:active{transform:scale(.95)}.event-creation-modal-content{flex:1;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;overflow-x:hidden}.event-creation-form{padding:1rem 1rem 3rem 1rem;flex:1;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:40px;box-sizing:border-box;max-width:100%;overflow-x:hidden}.event-creation-field{display:flex;flex-direction:column;gap:.5rem;max-width:100%;box-sizing:border-box}.event-creation-label{font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-primary,#1d1d1f);display:block;overflow-wrap:break-word;word-break:break-word}.event-creation-required{color:var(--danger-red-color,#dc3545)}.event-creation-input{width:100%;max-width:100%;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;font-size:var(--font-size-base,1rem);font-family:inherit;color:var(--text-primary,#1d1d1f);background-color:var(--foreground-color,#fff);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;line-height:1.5;box-sizing:border-box}.event-creation-input:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.event-creation-input::placeholder{color:var(--text-secondary,#6e6e73)}.event-creation-location-input-wrapper{display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.event-creation-location-input-wrapper .event-creation-input{flex:1;min-width:0}.event-creation-location-pin-btn{flex-shrink:0;width:48px;height:48px;padding:0;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;background-color:var(--foreground-color,#fff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 150ms ease-in-out,border-color 150ms ease-in-out,transform 150ms ease-in-out;box-sizing:border-box}.event-creation-location-pin-btn:hover{background-color:var(--background-hover,#f5f5f7);border-color:var(--primary-color,#3686ff)}.event-creation-location-pin-btn:active{transform:scale(.95)}.event-creation-location-pin-icon{width:24px;height:24px;object-fit:contain}#eventCreationLocationDisplay{margin-top:.75rem;width:100%}.event-creation-datetime-container{display:flex;flex-direction:row;gap:.75rem;max-width:100%;box-sizing:border-box;min-width:0}.event-creation-date-input{flex:1;max-width:100%;box-sizing:border-box;min-width:0}.event-creation-time-input{flex:1;max-width:100%;box-sizing:border-box;min-width:0}.event-creation-select{width:100%;max-width:100%;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;font-size:var(--font-size-base,1rem);font-family:inherit;color:var(--text-primary,#1d1d1f);background-color:var(--foreground-color,#fff);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer;box-sizing:border-box}.event-creation-select:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.event-creation-custom-recurrence{margin-top:.75rem;padding:1rem;background-color:var(--background-hover,#f5f5f7);border-radius:12px;opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease-in-out,max-height .2s ease-in-out;box-sizing:border-box;max-width:100%}.event-creation-custom-recurrence.visible{opacity:1;max-height:500px}.event-creation-custom-recurrence-placeholder{text-align:center;color:var(--text-secondary,#6e6e73);font-size:var(--font-size-sm,.875rem);overflow-wrap:break-word;word-break:break-word}.event-creation-club-selector{display:flex;flex-direction:column;gap:.5rem;max-width:100%;box-sizing:border-box}.event-creation-club-trigger{width:100%;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;background-color:var(--foreground-color,#fff);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.75rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;box-sizing:border-box;text-align:left}.event-creation-club-trigger:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.event-creation-club-trigger-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.event-creation-club-trigger-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.event-creation-club-trigger-text{font-size:var(--font-size-base,1rem);color:var(--text-primary,#1d1d1f);overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.event-creation-club-trigger-chevron{flex-shrink:0;color:var(--text-secondary,#6e6e73);transition:transform .2s ease-in-out,color .2s ease-in-out}.event-creation-club-trigger[aria-expanded=true] .event-creation-club-trigger-chevron{transform:rotate(180deg)}.event-creation-club-loading{padding:1rem;text-align:center;color:var(--text-secondary,#6e6e73);font-size:var(--font-size-sm,.875rem);overflow-wrap:break-word;word-break:break-word}.event-creation-club-list{display:none;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto;overflow-x:hidden;max-width:100%;box-sizing:border-box;border:.5px solid var(--border-color,#e0e0e0);border-radius:12px;padding:.75rem;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);scrollbar-width:thin;scrollbar-color:var(--border-color,#e0e0e0) transparent;opacity:0;transition:opacity .2s ease-in-out}.event-creation-club-list.expanded{display:flex;opacity:1}.event-creation-club-list::-webkit-scrollbar{width:8px}.event-creation-club-list::-webkit-scrollbar-track{background:0 0;border-radius:4px}.event-creation-club-list::-webkit-scrollbar-thumb{background-color:var(--border-color,#e0e0e0);border-radius:4px;transition:background-color .2s ease-in-out}.event-creation-club-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary,#6e6e73)}.event-creation-club-item{display:flex;align-items:center;gap:.75rem;padding:.15rem .75rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;background-color:var(--foreground-color,#fff);max-width:100%;box-sizing:border-box;min-width:0}.event-creation-club-item:hover{background-color:var(--background-hover,#f5f5f7)}.event-creation-club-item.selected{background-color:rgba(168,203,255,.25);border-color:rgba(168,203,255,.25)}.event-creation-club-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid transparent;transition:border-color .2s ease-in-out}.event-creation-club-item.selected .event-creation-club-avatar{border-color:var(--submit-button-color,#3686ff)}.event-creation-club-name{flex:1;font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-primary,#1d1d1f);overflow-wrap:break-word;word-break:break-word;min-width:0}.event-creation-club-item.selected .event-creation-club-name{color:var(--submit-button-color,#3686ff);font-weight:var(--font-weight-semibold,600)}.event-creation-club-empty{padding:1rem;text-align:center;color:var(--text-secondary,#6e6e73);font-size:var(--font-size-sm,.875rem);overflow-wrap:break-word;word-break:break-word}.event-creation-routes-container{display:flex;flex-direction:column;gap:.75rem;max-width:100%;box-sizing:border-box}.event-creation-routes-list{display:flex;flex-direction:column;gap:.5rem;max-width:100%;box-sizing:border-box}.event-creation-route-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--background-hover,#f5f5f7);border-radius:12px;border:2px solid var(--border-color,#e0e0e0);max-width:100%;box-sizing:border-box;min-width:0}.event-creation-route-name{font-size:var(--font-size-base,1rem);color:var(--text-primary,#1d1d1f);overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.event-creation-route-remove{background:0 0;border:none;padding:.25rem;cursor:pointer;color:var(--text-secondary,#6e6e73);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 150ms ease-in-out,color 150ms ease-in-out;flex-shrink:0}.event-creation-route-remove:hover{background-color:rgba(0,0,0,.05);color:var(--text-primary,#1d1d1f)}.event-creation-add-route-btn{width:100%;max-width:100%;padding:1rem;border:2px dashed var(--border-color,#e0e0e0);border-radius:12px;background-color:var(--foreground-color,#fff);color:#5f5f61;font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-medium,500);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;box-sizing:border-box}.event-creation-add-route-btn:hover:not(:disabled){border-color:var(--submit-button-color,#3686ff);background-color:rgba(54,134,255,.05)}.event-creation-add-route-btn:disabled{opacity:.5;cursor:not-allowed}.event-creation-cover-photo-container{display:flex;flex-direction:column;gap:0;max-width:100%;box-sizing:border-box}.event-creation-cover-photo-preview{position:relative;width:100%;max-width:100%;border-radius:12px;overflow:hidden;border:2px solid var(--border-color,#e0e0e0);box-sizing:border-box}.event-creation-cover-photo-image{width:100%;height:auto;display:block;object-fit:cover;max-height:300px}.event-creation-cover-photo-remove{position:absolute;top:.5rem;right:.5rem;background-color:rgba(0,0,0,.6);border:none;border-radius:50%;width:32px;height:32px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color 150ms ease-in-out,transform 150ms ease-in-out;z-index:10}.event-creation-cover-photo-remove:hover{background-color:rgba(0,0,0,.8)}.event-creation-cover-photo-remove:active{transform:scale(.95)}.event-creation-add-cover-photo-btn{width:100%;max-width:100%;padding:1.25rem 1rem;border:2px dashed var(--border-color,#e0e0e0);border-radius:12px;background-color:var(--foreground-color,#fff);color:#5f5f61;font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-medium,500);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;box-sizing:border-box;position:relative}.event-creation-add-cover-photo-btn:hover:not(:disabled){border-color:var(--submit-button-color,#3686ff);background-color:rgba(54,134,255,.05)}.event-creation-add-cover-photo-btn:disabled{opacity:.5;cursor:not-allowed}.event-creation-cover-photo-icon{width:40px;height:40px;opacity:.15}.event-creation-cover-photo-loading{display:inline-block;animation:spin 1s linear infinite;position:relative;z-index:1}.event-creation-error{padding:.75rem 1rem;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:var(--font-size-sm,.875rem);line-height:1.5;overflow-wrap:break-word;word-break:break-word;max-width:100%;box-sizing:border-box}.event-creation-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;flex-shrink:0;max-width:100%;box-sizing:border-box;flex-wrap:wrap}.event-creation-cancel,.event-creation-submit{padding:.75rem 1.5rem;border-radius:12px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all .2s ease-in-out;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;flex:1;box-sizing:border-box}.event-creation-cancel{background-color:var(--background-hover,#f5f5f7);color:var(--text-primary,#1d1d1f)}.event-creation-cancel:hover{background-color:var(--gray-background-color,#e5e5e7)}.event-creation-submit{background-color:var(--submit-button-color,#3686ff);color:#fff}.event-creation-submit:hover:not(:disabled){background-color:var(--submit-button-hover-color,#2d6fd9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(54,134,255,.3)}.event-creation-submit:active:not(:disabled){transform:translateY(0)}.event-creation-submit:disabled{opacity:.5;cursor:not-allowed}.event-creation-submit-loading{display:inline-block;animation:spin 1s linear infinite}.event-creation-spinner-path{animation:dash 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.platform-native .event-creation-modal-content{
  padding-bottom: max(var(--kb-height, 0px), 1.25rem);
  }@media (min-width:769px){.event-creation-modal-overlay{align-items:center;padding:1rem}.event-creation-modal{max-width:500px;max-height:90vh;border-radius:16px}.event-creation-modal-header{padding:1.5rem;position:relative;top:auto}.event-creation-modal-content{padding:1.5rem}.event-creation-actions{flex-wrap:nowrap}.event-creation-cancel,.event-creation-submit{min-width:100px;flex:0 1 auto}}.event-creation-location-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;padding:0;overflow:hidden}.event-creation-location-picker-overlay.visible{opacity:1}.event-creation-location-picker-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--foreground-color,#fff)}.event-creation-location-picker-close{position:absolute;top:1rem;right:1rem;z-index:10002;background-color:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary,#1d1d1f);box-shadow:0 2px 8px rgba(0,0,0,.15);transition:background-color 150ms ease-in-out,transform 150ms ease-in-out}.event-creation-location-picker-close:hover{background-color:#fff}.event-creation-location-picker-close:active{transform:scale(.95)}