*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0f1117;--bg-panel:#0f1117;--bg-panel2:#161b26;--border:#ffffff12;--text-pri:#e8edf5;--text-sec:#8a9bb0;--accent:#e67e22;--radius:10px}html,body,#root{background:var(--bg-dark);height:100%;color:var(--text-pri);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;overflow:hidden}html,body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}input,textarea,select{font-size:16px}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:10;touch-action:manipulation;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.brand-icon{color:var(--accent);font-size:22px;line-height:1}.brand-name{letter-spacing:-.3px;color:var(--text-pri);font-size:18px;font-weight:700}.header-tagline{color:var(--text-sec);letter-spacing:.5px;text-transform:uppercase;font-size:12px}.app-main{flex-direction:row;flex:1;display:flex;position:relative;overflow:hidden}.map-wrapper{background:#000;flex:1;position:relative;overflow:hidden}.map-wrapper>div{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.map-status{display:none}.status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.status-badge.loading{color:var(--text-sec);border:1px solid var(--border);background:#161b26e6}.status-badge.loaded{color:var(--text-sec);border:1px solid var(--border);background:#161b26d9}.status-badge.zoom-hint{color:var(--accent);background:#e67e221f;border:1px solid #e67e224d}.status-badge.error{color:#ff6b6b;background:#dc32321f;border:1px solid #dc32324d}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-bar{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:340px;height:34px;padding:0 12px;display:flex}.search-icon{color:#ffffff4d;flex-shrink:0}.search-input{color:var(--text-pri);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:16px}.search-input::placeholder{color:#ffffff40}.pac-container{background:#161b26;border:1px solid #ffffff1a;border-radius:8px;margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;box-shadow:0 8px 24px #00000080}.pac-item{color:var(--text-sec);cursor:pointer;background:#161b26;border-top:1px solid #ffffff0d;padding:8px 12px;font-size:13px}.pac-item:hover,.pac-item-selected{background:#ffffff0f}.pac-item-query{color:var(--text-pri);font-size:13px}.pac-icon{display:none}.pac-matched{color:var(--accent);font-style:normal}.gm-style .gm-style-iw-c{background:#0f1117!important;border:1px solid #ffffff14!important;border-radius:10px!important;padding:0!important;box-shadow:0 4px 24px #0009!important}.gm-style .gm-style-iw-d{overflow:hidden!important}.gm-style .gm-style-iw-t:after{background:#0f1117!important}.gm-style .gm-style-iw-chr{justify-content:flex-end;display:flex!important}.gm-style .gm-style-iw-chr button{opacity:1!important;width:28px!important;height:28px!important}.gm-style .gm-style-iw-chr button span{background-color:#8a9bb0!important;width:12px!important;height:12px!important}.trail-label{text-shadow:0 0 3px #000000f2,0 1px 2px #000000e6,0 0 6px #000000b3;letter-spacing:.2px;white-space:nowrap}.floating-controls{z-index:50;touch-action:manipulation;flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;left:236px}.fc-btn{color:#ffffffa6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b0ff2;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.fc-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.fc-btn-on{color:#fff!important;background:#ffffff1a!important;border-color:#fff3!important}.fc-btn-dim{color:#ffffff4d}.fc-btn-spin{pointer-events:none}.fc-spinner{border:2px solid #ffffff1f;border-top-color:#ffffffa6;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:block}.fc-sidebar-desktop{z-index:20;background:#0a0b0ff7;border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;width:220px;min-width:220px;height:100%;display:flex;position:relative;overflow:hidden}.fc-sidebar{flex-direction:column;display:flex;overflow:hidden}.fc-sidebar-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 14px 12px;display:flex}.fc-sidebar-title{letter-spacing:1px;text-transform:uppercase;color:#fff6;font-size:11px;font-weight:600}.fc-sidebar-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .12s,color .12s;display:flex}.fc-sidebar-close:hover{color:#fff;background:#ffffff14}.fc-sidebar-actions{flex-shrink:0;justify-content:flex-end;padding:8px 14px 4px;display:flex}.fc-toggle-all{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;transition:color .15s}.fc-toggle-all:hover{color:#ffffffb3}.fc-list{flex:1;padding:4px 0 12px;overflow-y:auto}.fc-section{letter-spacing:1.2px;text-transform:uppercase;color:#ffffff2e;padding:10px 14px 3px;font-size:9px;font-weight:600}.fc-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:7px 14px;font-family:inherit;transition:background .12s;display:flex}.fc-item:hover{background:#ffffff0d}.fc-dot{background:var(--dot);border-radius:50%;flex-shrink:0;width:7px;height:7px}.fc-item:not(.active) .fc-dot{background:0 0;border:1.5px solid #fff3}.fc-label{color:#fffffff2;flex:1;font-size:13px;transition:color .12s}.fc-item:not(.active) .fc-label{color:#ffffff8c}.fc-check{color:#ffffff73;flex-shrink:0}.fc-sub-toggle{padding-left:28px}.fc-sub-toggle .fc-label{color:#fff6;font-size:12px}.fc-sub-toggle.active .fc-label{color:#ffffffbf}.fc-sub-dash{color:#fff3;flex-shrink:0;width:7px;font-size:11px}@media (width<=640px){.floating-controls{left:16px}.fc-sidebar-desktop{display:none}.fc-mobile-only{display:flex!important}.fc-mobile-overlay{z-index:200;background:#0009;display:flex;position:fixed;inset:0}.fc-sidebar-mobile{background:#0a0b0ffc;border-right:1px solid #ffffff14;width:280px;height:100%}}@media (width>=641px){.fc-mobile-only{display:none!important}.fc-desktop-only{display:flex!important}}.fc-desktop-only{display:none}@media (width<=640px){.fc-desktop-only{display:none!important}}.floating-controls.fc-collapsed{left:16px}.weather-widget{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0a0b0feb;border:1px solid #ffffff14;border-radius:10px;min-width:120px;padding:10px 14px;position:absolute;top:52px;right:12px}.weather-temp{color:var(--text-pri);margin-bottom:3px;font-size:22px;font-weight:700;line-height:1}.weather-label{color:var(--text-sec);margin-bottom:6px;font-size:11px}.weather-meta{color:#ffffff4d;justify-content:space-between;gap:8px;font-size:10px;display:flex}.weather-precip{color:#ffffff4d;margin-top:3px;font-size:10px}.weather-loading-row{justify-content:center;align-items:center;height:40px;display:flex}.weather-spinner{border:2px solid #ffffff1a;border-top-color:#fff6;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:block}@media (width<=640px){.fc-sidebar{border:none;border-radius:0;width:100%;max-height:none;inset:0;transform:translate(-100%)}.fc-sidebar.open{transform:translate(0)}}.api-key-error{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.api-key-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;padding:40px}.api-key-logo{align-items:center;gap:12px;margin-bottom:28px;display:flex}.mountain-icon{color:var(--accent);font-size:32px}.api-key-logo h1{color:var(--text-pri);font-size:22px;font-weight:700}.api-key-card h2{color:var(--text-pri);margin-bottom:12px;font-size:18px;font-weight:600}.api-key-card p{color:var(--text-sec);margin-bottom:12px;font-size:14px;line-height:1.6}.api-key-card pre{background:var(--bg-dark);border:1px solid var(--border);color:#4caf50;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:13px;overflow-x:auto}.api-key-card code{background:var(--bg-dark);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:13px}.api-key-hint{color:var(--text-sec)!important;font-size:13px!important}.welcome-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.welcome-modal{background:#0f1117;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:580px;max-height:90vh;padding:36px 32px 28px;overflow-y:auto}.welcome-header{text-align:center;margin-bottom:16px}.welcome-icon{color:var(--accent);margin-bottom:12px;font-size:30px;display:block}.welcome-title{color:var(--text-pri);margin:0 0 8px;font-size:20px;font-weight:700}.welcome-sub{color:var(--text-sec);margin:0;font-size:13px}.welcome-ai-note{color:#a3e635;letter-spacing:.2px;margin:6px 0 0;font-size:11px}.welcome-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.welcome-card{cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;align-items:center;gap:7px;padding:16px 8px 14px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.welcome-card:hover{border-color:var(--card-color);background:#ffffff14}.welcome-card-dot{background:var(--card-color);border-radius:50%;flex-shrink:0;width:10px;height:10px}.welcome-card-label{color:var(--text-pri);font-size:12px;font-weight:600;line-height:1.2}.welcome-card-desc{color:var(--text-sec);font-size:10px;line-height:1.3}.welcome-skip{width:100%;color:var(--text-sec);cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:8px;padding:10px;font-family:inherit;font-size:13px;transition:background .15s;display:block}.welcome-skip:hover{background:#ffffff0a}@media (width<=768px){.header-tagline,.header-brand{display:none}}@media (width<=540px){.welcome-grid{grid-template-columns:repeat(2,1fr)}.welcome-modal{padding:28px 16px 20px}.search-bar{max-width:220px}.search-input{font-size:16px}.search-input::placeholder{font-size:13px}}.fc-badge{background:var(--accent);color:#fff;pointer-events:none;background:var(--accent);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.fc-mobile-overlay{z-index:9999!important;-webkit-overflow-scrolling:touch!important;background:#000000b3!important;position:fixed!important;inset:0!important}.fc-sidebar-mobile{-webkit-overflow-scrolling:touch!important;z-index:10000!important;background:#0f1117!important;width:80vw!important;max-width:320px!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important}.map-type-toggle{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff26;border-radius:8px;display:flex;overflow:hidden}.map-type-btn{color:#ffffff80;letter-spacing:.3px;cursor:pointer;background:#0a0b0feb;border:none;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,color .15s}.map-type-btn:first-child{border-right:1px solid #ffffff1a}.map-type-btn.active{color:#fff;background:#ffffff1f}.map-type-btn:hover:not(.active){color:#fffc;background:#ffffff12}.header-trail-count{color:var(--text-sec);letter-spacing:.3px;font-size:10px}.brand-logo{width:auto;height:44px;display:block}.welcome-logo{clip-path:inset(20% 5% 5%);width:auto;height:260px;margin:-80px auto -50px;display:block}.welcome-camp{color:#22c55e;cursor:pointer;background:#22c55e14;border:1px solid #22c55e40;border-radius:8px;width:100%;margin-bottom:8px;padding:10px;font-family:inherit;font-size:13px;transition:background .15s;display:block}.welcome-camp:hover{background:#22c55e26}.welcome-card.selected{border-color:var(--card-color);box-shadow:0 0 0 2px var(--card-color);background:#ffffff1a}.welcome-go{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,transform .1s;display:block}.welcome-go:hover{background:#d4711e;transform:translateY(-1px)}.welcome-camp-check{color:#22c55e;cursor:pointer;align-items:center;gap:10px;margin-top:8px;padding:10px 4px;font-size:13px;display:flex}.welcome-camp-check input{accent-color:#22c55e;cursor:pointer;width:16px;height:16px}.gm-style .gm-style-iw-c{padding-top:0!important}.gm-style .gm-style-iw-d{padding-top:0!important;overflow:hidden!important}.gm-style .gm-style-iw-d>div{padding-top:0!important}@media (width<=640px){.welcome-modal{padding:16px 12px}.welcome-logo{height:160px;margin:-30px auto -20px}.welcome-header{margin-bottom:10px}.welcome-title{margin-bottom:4px;font-size:18px}.welcome-sub{font-size:12px}.welcome-grid{gap:6px;margin-bottom:10px}.welcome-card{padding:10px 6px}.welcome-card-label{font-size:11px}.welcome-card-dot{width:8px;height:8px}.welcome-camp-check{margin-top:4px;padding:6px 4px}.welcome-go{margin-top:6px;padding:12px;font-size:14px}}.fc-route-empty{color:#ffffff4d;white-space:normal;word-wrap:break-word;padding:6px 14px 8px;font-size:11px;line-height:1.5}.fc-route-panel{padding:0 0 8px}.fc-route-list{padding:2px 0}.fc-route-item{align-items:center;gap:8px;padding:5px 14px;display:flex}.fc-route-num{color:#ffffff40;flex-shrink:0;width:14px;font-size:11px}.fc-route-name{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.fc-route-dist{color:#ffffff4d;flex-shrink:0;font-size:11px}.fc-route-remove{color:#fff3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 0 0 4px;font-size:14px;line-height:1}.fc-route-remove:hover{color:#ef4444}.fc-route-total{color:#fff6;border-top:1px solid #ffffff0f;margin-top:4px;padding:6px 14px;font-size:11px}.fc-route-actions{gap:6px;padding:6px 14px;display:flex}.fc-route-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:6px 4px;font-family:inherit;font-size:11px;transition:background .15s}.fc-route-btn:hover{background:#ffffff1f}.fc-route-btn-share{color:var(--accent);border-color:#e67e2266}.fc-route-btn-share:hover{background:#e67e221a}.fc-route-clear{color:#fff3;cursor:pointer;text-align:left;background:0 0;border:none;width:calc(100% - 28px);margin:0 14px 4px;padding:2px 0;font-family:inherit;font-size:11px;display:block}.fc-route-clear:hover{color:#ef4444}.fc-route-note{color:#fbbf24d9;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:6px;margin:4px 14px 6px;padding:6px 10px;font-size:11px;line-height:1.5}.fc-route-note-link{color:#fbbf24;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:600;text-decoration:underline}.fc-route-note-link:hover{color:#fcd34d}.singletrack-banner{z-index:60;-webkit-backdrop-filter:blur(10px);color:#ffffffeb;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#0a0b0feb;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 4px 20px #00000059}.singletrack-banner.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.singletrack-banner-text{font-weight:500}.singletrack-banner-link{color:#a3e635;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600;text-decoration:underline}.singletrack-banner-link:hover{color:#b9f04a}@media (width<=640px){.fc-label{color:#ffffffe6!important;font-size:14px!important}.fc-item:not(.active) .fc-label{color:#ffffffb3!important}.fc-section{color:#fff6!important}}.header-right{align-items:center;gap:14px;display:flex}.header-auth-placeholder{width:30px;height:30px}.header-auth-btn{color:#0f1117;cursor:pointer;background:#a3e635;border:none;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,transform 50ms}.header-auth-btn:hover{background:#b9f04a}.header-auth-btn:active{transform:translateY(1px)}.header-auth{align-items:center;display:flex;position:relative}.header-avatar{color:#a3e635;cursor:pointer;background:#a3e63526;border:1px solid #a3e63580;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s;display:flex}.header-avatar:hover{background:#a3e63540}.header-menu{z-index:999999;background:#0f1115fa;border:1px solid #ffffff1a;border-radius:10px;min-width:180px;max-width:calc(100vw - 24px);padding:6px;position:fixed;top:60px;right:12px;box-shadow:0 8px 28px #00000080}.header-menu-user{border-bottom:1px solid #ffffff12;margin-bottom:4px;padding:8px 10px 10px}.header-menu-username{color:#e8edf5;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.header-menu-email{color:#8a9bb0;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.header-menu-item{text-align:left;color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .12s,color .12s;display:block}.header-menu-item:hover{color:#fff;background:#ffffff0f}.auth-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{-webkit-backdrop-filter:blur(12px);background:#0a0b0ff2;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:380px;padding:32px 28px 24px;position:relative}.auth-close{color:#8a9bb0;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.auth-close:hover{color:#fff;background:#ffffff0f}.auth-header{text-align:center;margin-bottom:18px}.auth-logo{width:40px;height:40px;margin-bottom:10px}.auth-title{color:#e8edf5;margin:0;font-size:18px;font-weight:700}.auth-tabs{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.auth-tab{color:#8a9bb0;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:8px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.auth-tab.active{color:#a3e635;background:#a3e63524}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-label{color:#8a9bb0;letter-spacing:.3px;font-size:11px;font-weight:600}.auth-input{color:#e8edf5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.auth-input::placeholder{color:#ffffff40}.auth-input:focus{background:#ffffff0f;border-color:#a3e63599;outline:none}.auth-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4}.auth-message{color:#a3e635;background:#a3e6351a;border:1px solid #a3e6354d;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4}.auth-submit{color:#0f1117;cursor:pointer;background:#a3e635;border:none;border-radius:8px;margin-top:4px;padding:11px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,opacity .15s}.auth-submit:hover:not(:disabled){background:#b9f04a}.auth-submit:disabled{opacity:.6;cursor:default}.auth-switch{text-align:center;color:#8a9bb0;margin:16px 0 0;font-size:12px}.auth-switch-link{color:#a3e635;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;text-decoration:underline}@media (width<=768px){.header-right{gap:10px}}.fc-rides{flex-direction:column;gap:6px;padding:0 2px 4px;display:flex}.fc-ride-log{color:#0f1117;cursor:pointer;background:#a3e635;border:none;border-radius:8px;padding:9px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s}.fc-ride-log:hover{background:#b9f04a}.fc-ride-view{color:#c7d0dd;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:8px;padding:8px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.fc-ride-view:hover{background:#ffffff0f;border-color:#ffffff4d}.fc-ride-signin{color:#a3e635;cursor:pointer;text-underline-offset:2px;text-align:left;background:0 0;border:none;padding:4px 2px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:underline}.ride-overlay{z-index:1300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.ride-modal{background:#0f1115fa;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:560px;margin:auto;padding:28px 24px 22px;position:relative}.ride-modal-title{color:#e8edf5;margin:0 0 18px;font-size:19px;font-weight:700}.ride-form{flex-direction:column;gap:14px;display:flex}.ride-row{gap:12px;display:flex}.ride-textarea{resize:vertical;min-height:110px;font-family:inherit;line-height:1.45}.ride-pinmap,.ride-detail-map,.rides-map{border:1px solid #ffffff1a;border-radius:10px;width:100%;height:300px;margin-top:6px;overflow:hidden}.rides-map{border:none;border-radius:0;height:100%;min-height:320px;margin-top:0}.ride-pin-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.ride-pin-item{align-items:center;gap:8px;display:flex}.ride-pin-num{color:#a3e635;background:#a3e63529;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.ride-pin-photo-badge{flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.ride-pin-label{flex:1;padding:7px 10px!important;font-size:13px!important}.ride-gps-note{color:#a3e635;background:#a3e6351a;border:1px solid #a3e63547;border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:7px 10px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.ride-gps-note-busy{color:#c7d0dd;background:#ffffff0a;border-color:#ffffff1a}.rides-iw-origin{color:#65a30d;margin-top:3px;font-size:11px;font-weight:600}.ride-pin-remove{color:#fca5a5;cursor:pointer;background:#ef444424;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:flex}.ride-pin-remove:hover{background:#ef444442}.ride-file{color:#c7d0dd;margin-top:4px;font-size:12px}.ride-file::file-selector-button{color:#e8edf5;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;margin-right:10px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600}.ride-thumbs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ride-thumb{background:#ffffff0a;border-radius:8px;width:78px;height:78px;position:relative;overflow:hidden}.ride-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ride-thumb-loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ride-thumb-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex;position:absolute;top:3px;right:3px}.ride-progress{color:#a3e635;align-items:center;gap:8px;font-size:13px;display:flex}.ride-actions{gap:10px;margin-top:6px;display:flex}.ride-btn-cancel{color:#c7d0dd;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:9px;flex:1;padding:11px;font-family:inherit;font-size:14px;font-weight:600}.ride-btn-cancel:hover:not(:disabled){background:#ffffff0f}.ride-btn-save{color:#0f1117;cursor:pointer;background:#a3e635;border:none;border-radius:9px;flex:2;padding:11px;font-family:inherit;font-size:14px;font-weight:700}.ride-btn-save:hover:not(:disabled){background:#b9f04a}.ride-btn-save:disabled,.ride-btn-cancel:disabled{opacity:.6;cursor:default}.ride-btn-delete{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444466;border-radius:9px;flex:1;padding:11px;font-family:inherit;font-size:14px;font-weight:700}.ride-btn-delete:hover:not(:disabled){background:#ef444438}.ride-btn-delete:disabled{opacity:.6;cursor:default}.rides-panel{z-index:1200;background:#0f1115fc;flex-direction:column;display:flex;position:fixed;inset:0}.rides-panel-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:16px;padding:18px 56px 16px 20px;display:flex;position:relative}.rides-panel-close{top:16px;right:16px}.rides-panel-title{color:#e8edf5;margin:0;font-size:18px;font-weight:700}.rides-toggle{background:#ffffff0a;border:1px solid #ffffff12;border-radius:9px;gap:4px;margin-left:auto;padding:3px;display:flex}.rides-toggle-btn{color:#8a9bb0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:600}.rides-toggle-btn.active{color:#a3e635;background:#a3e63524}.rides-panel-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.rides-empty{color:#8a9bb0;text-align:center;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:14px;display:flex}.rides-error{color:#fca5a5}.rides-list{grid-template-columns:1fr;gap:12px;width:100%;max-width:720px;margin:0 auto;padding:18px 20px 40px;display:grid}.ride-card{text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:stretch;gap:14px;padding:12px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.ride-card:hover{background:#ffffff12;border-color:#ffffff29}.ride-card-thumb{object-fit:cover;background:#ffffff0d;border-radius:9px;flex-shrink:0;width:84px;height:84px}.ride-card-thumb-empty{justify-content:center;align-items:center;font-size:30px;display:flex}.ride-card-body{flex-direction:column;gap:4px;min-width:0;display:flex}.ride-card-title{color:#e8edf5;font-size:15px;font-weight:700}.ride-card-meta{color:#8a9bb0;font-size:12px}.ride-card-notes{color:#c7d0dd;font-size:12px;line-height:1.4}.rides-iw{min-width:150px;padding:2px;font-family:inherit}.rides-iw-title{color:#1a1f2e;margin-bottom:2px;font-size:14px;font-weight:700}.rides-iw-date{color:#555;font-size:12px}.rides-iw-label{color:#777;margin-top:2px;font-size:12px}.rides-iw-btn{color:#fff;cursor:pointer;background:#65a30d;border:none;border-radius:6px;margin-top:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700}.ride-detail{flex-direction:column;flex:1;min-height:0;display:flex}.ride-detail-head{padding:12px 20px 0}.ride-back{color:#a3e635;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.ride-detail-body{width:100%;max-width:720px;margin:0 auto;padding:12px 20px 48px}.ride-detail-title{color:#e8edf5;margin:0 0 6px;font-size:22px;font-weight:800}.ride-detail-meta{color:#8a9bb0;margin-bottom:16px;font-size:14px}.ride-detail-area{color:#c7d0dd}.ride-detail-stats{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.ride-stat{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex:1;min-width:90px;padding:12px}.ride-stat-value{color:#a3e635;font-size:18px;font-weight:800}.ride-stat-label{color:#8a9bb0;letter-spacing:.3px;margin-top:2px;font-size:11px}.ride-detail-notes{color:#d6deea;white-space:pre-wrap;margin:0 0 18px;font-size:15px;line-height:1.6}.ride-photo-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px;display:grid}.ride-photo-cell{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.ride-photo-cell img{object-fit:cover;width:100%;height:100%;display:block}.ride-detail-actions{gap:10px;margin-top:8px;display:flex}.ride-lightbox{z-index:1400;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ride-lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.ride-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:26px;line-height:1;display:flex;position:absolute;top:16px;right:18px}@media (width>=768px){.ride-photo-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.ride-row{flex-direction:column;gap:14px}.ride-modal{border-radius:14px;padding:24px 16px 18px}}.ride-map-pin{cursor:pointer;box-sizing:border-box;position:absolute;transform:translate(-50%,-50%)}.ride-map-pin-dot{background:var(--ride-color,#06b6d4);border:1.5px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #0000008c}.ride-map-pin-photo{width:40px;height:40px;box-shadow:0 0 0 2px var(--ride-color,#06b6d4), 0 2px 7px #00000080;background-color:#1a1f2e;background-position:50%;background-size:cover;border:2px solid #fff;border-radius:50%}.ride-popup-shimmer{background:linear-gradient(100deg,#ffffff0d 30%,#ffffff24 50%,#ffffff0d 70%) 0 0/200% 100%;animation:1.2s ease-in-out infinite ridePopupShimmer}@keyframes ridePopupShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}