.overa-card{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.03);transition:transform .3s,box-shadow .3s}.overa-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(0,0,0,.06)}.overa-label{font-size:1rem;font-weight:800;color:var(--text,#1e293b);margin-bottom:14px;letter-spacing:-.3px}.overa-input{width:100%;padding:14px 16px;border:2px solid var(--border,#e2e8f0);border-radius:12px;background:var(--bg,#f8fafc);color:var(--text,#1e293b);font-family:inherit;font-size:1rem;font-weight:600;outline:0;transition:.3s}.overa-input:focus{border-color:var(--primary,#3b82f6);box-shadow:0 0 0 4px rgba(59,130,246,.15)}.overa-btn-outline{width:100%;padding:14px;border:2px dashed rgba(59,130,246,.5);border-radius:12px;background:rgba(59,130,246,.02);color:var(--primary,#3b82f6);font-weight:700;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s}.overa-btn-outline:hover{background:rgba(59,130,246,.08);border-color:var(--primary,#3b82f6);transform:translateY(-1px)}.overa-btn-outline:active{background:rgba(59,130,246,.15);transform:translateY(1px)}.overa-btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border:none;border-radius:16px;font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(37,99,235,.4);transition:.3s cubic-bezier(.4, 0, .2, 1);margin-bottom:24px;letter-spacing:.5px}.overa-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(37,99,235,.5)}.overa-btn-primary:active{transform:translateY(1px);box-shadow:0 5px 15px rgba(37,99,235,.3)}.overa-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.overa-preview-container{width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;position:relative;background:#0f172a;border:2px solid var(--border);box-shadow:0 20px 40px rgba(0,0,0,.15)}.overa-floating-download{position:absolute;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:#64748b;color:rgba(255,255,255,.5);border:none;font-size:1.5rem;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;box-shadow:0 0 0 0 rgba(59,130,246,0);transition:.3s;pointer-events:auto}.overa-floating-download.visible{background:#3b82f6;color:#fff;box-shadow:0 0 0 0 rgba(59,130,246,.7);animation:2s infinite glow-pulse}.overa-floating-download:active{transform:scale(.9)}@keyframes glow-pulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{box-shadow:0 0 0 15px rgba(59,130,246,0)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.overa-preview-container.overa-processing #overa-ride-card>*{filter:blur(8px) brightness(.7);transition:filter .3s,opacity .3s}.overa-preview-container.overa-processing #overa-loading-overlay{filter:none!important;z-index:10000;opacity:1;pointer-events:auto;transition:none}@keyframes overa-dim-in{from{opacity:0}to{opacity:1}}.overa-photo-layer.reposition-mode{cursor:grab;touch-action:none}.overa-photo-layer.reposition-mode:active{cursor:grabbing}#overa-reposition-hint{position:absolute;top:0;left:0;right:0;z-index:500;background:rgba(0,0,0,.72);color:#fff;padding:8px 12px;font-size:.75rem;font-weight:600;letter-spacing:.3px;display:none;gap:8px;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:0}@media (max-width:480px){#overa-reposition-hint{padding:6px 10px;font-size:.7rem;gap:6px}#overa-reposition-hint .reposition-hint-text{font-size:.65rem}#overa-reposition-hint button{padding:4px 8px;font-size:.65rem}}[data-theme=light] #overa-reposition-hint{background:rgba(15,23,42,.78)}#overa-reposition-hint .reposition-hint-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#overa-reposition-hint.visible{display:flex}#overa-reposition-hint button{flex-shrink:0;background:#3b82f6;color:#fff;border:none;border-radius:20px;padding:3px 12px;font-size:.7rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s}#overa-reposition-hint button:active,#overa-reposition-hint button:hover{background:#2563eb}.overa-strava-stat{text-align:left;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line-color)}.overa-strava-stat:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.overa-strava-lbl{font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.overa-strava-val{font-size:2.2rem;font-weight:800;color:var(--text-main);line-height:1;letter-spacing:-1px}.overa-strava-val small{font-size:1rem;font-weight:600;color:var(--text-muted);margin-left:3px;letter-spacing:0}.overa-ride-card{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--card-bg);color:var(--text-main);font-family:Outfit,system-ui,sans-serif;display:flex;flex-direction:column;overflow:visible}.overa-photo-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-size:cover;background-position:center;background-color:#f1f5f9;background-image:linear-gradient(135deg,#e2e8f0 0,#f8fafc 50%,#e2e8f0 100%);transition:background-image .5s ease-in-out}[data-theme=dark] .overa-photo-layer{background-color:#1e293b;background-image:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%)}.overa-tint-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:rgba(0,0,0,.2);pointer-events:none}.overa-wordmark{text-align:center;font-size:1rem;font-weight:900;letter-spacing:6px;color:var(--text-main);text-transform:uppercase;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.overa-overlay-editor{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;pointer-events:none;overflow:hidden}.overa-overlay-item{position:absolute;display:inline-block;pointer-events:auto;cursor:grab;padding:8px;border:2px dashed transparent;user-select:none;transform-origin:top left;touch-action:none}.overa-overlay-item.active{border-color:rgba(255,255,255,.4);z-index:10}.overa-overlay-item:active{cursor:grabbing}.overa-overlay-content{transform-origin:top left;will-change:transform}.overa-resize-handle{position:absolute;bottom:-6px;right:-6px;width:24px;height:24px;background-color:var(--primary,#3b82f6);border:2px solid #fff;border-radius:50%;cursor:nwse-resize;display:none;z-index:11}.overa-overlay-item.active .overa-resize-handle{display:block}.overa-rotate-handle{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:28px;height:28px;background-color:var(--primary,#3b82f6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46A7.93 7.93 0 0020 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74A7.93 7.93 0 004 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat;border:2px solid #fff;border-radius:50%;cursor:grab;display:none;z-index:11;box-shadow:0 2px 4px rgba(0,0,0,.3)}.overa-rotate-handle:active{cursor:grabbing;background-color:var(--primary-hover,#2563eb)}.overa-overlay-item.active .overa-rotate-handle{display:block}.overa-brand-top{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.overa-brand-text{color:var(--text-main)}.overa-brand-dot{color:var(--text-muted)}.overa-trip-date{font-weight:500;letter-spacing:.5px;font-size:.7rem}.overa-card-title{font-size:1.4rem;font-weight:800;color:var(--text-main);line-height:1.15;margin-bottom:16px;text-shadow:0 2px 12px rgba(0,0,0,.5);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overa-divider{height:1px;background:var(--line-color);margin-bottom:20px}.overa-stat-hero{text-align:center;margin-bottom:20px}.overa-stat-hero-lbl{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.overa-stat-hero-val{font-size:3.8rem;font-weight:800;line-height:1;color:var(--text-main);text-shadow:0 4px 20px rgba(0,0,0,.4);letter-spacing:-2px}.overa-stat-hero-val small{font-size:1.4rem;font-weight:600;color:var(--text-muted);margin-left:4px;letter-spacing:0}.overa-stat-row{display:flex;align-items:center;justify-content:space-around;gap:0}.overa-stat-item{flex:1;text-align:center}.overa-stat-divider-v{width:1px;height:36px;background:var(--line-color);flex-shrink:0}.overa-stat-item-lbl{font-size:.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px}.overa-stat-item-val{font-size:1.5rem;font-weight:800;color:var(--text-main);line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.4)}.overa-stat-item-val small{font-size:.65rem;font-weight:500;color:var(--text-muted);margin-left:2px}.overa-map-area{position:relative;z-index:3;flex:1;overflow:hidden;background:0 0}.overa-map{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:0 0!important;pointer-events:none!important}.overa-map.leaflet-container{background:0 0!important}.overa-map-top-fade{position:absolute;top:0;left:0;right:0;height:40px;z-index:2;background:linear-gradient(to bottom,var(--card-bg) 0,transparent 100%);pointer-events:none}.overa-footer-brand{position:relative;z-index:4;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 0 10px;font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);background:var(--bg,#f8fafc)}.overa-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(to bottom,rgba(15,23,42,0) 0,rgba(15,23,42,0) 60%,rgba(15,23,42,.95) 100%);pointer-events:none}.overa-brand{position:absolute;top:20px;left:0;right:0;text-align:center;z-index:4;font-weight:800;font-size:.85rem;letter-spacing:4px;color:rgba(255,255,255,.9);text-shadow:0 2px 6px rgba(0,0,0,.8)}.overa-stats-container{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:60px 16px 36px;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%)}.overa-stats-grid{display:flex;justify-content:space-around;align-items:center;width:100%}.overa-stat-box{display:flex;flex-direction:column;align-items:center;text-align:center}.overa-stat-val{font-size:1.3rem;font-weight:800;line-height:1.2;margin-bottom:2px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.overa-stat-val small{font-size:.75rem;font-weight:500;color:#94a3b8;margin-left:2px}.overa-stat-lbl{font-size:.65rem;font-weight:600;color:#cbd5e1;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.8)}#overa-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,15,26,.92);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:700;opacity:0;pointer-events:none;transition:opacity .3s}#overa-loading-overlay.active{opacity:1;pointer-events:auto;z-index:10}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#3b82f6;animation:1s cubic-bezier(.68,-.55,.265,1.55) infinite spin;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.overa-path-anim{animation:1.5s ease-out forwards overaFadeIn}.overa-marker-anim{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards overaPopIn;transform-origin:bottom center}@keyframes overaFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes overaPopIn{0%{opacity:0;transform:scale(.5) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}.overa-ride-card.has-photo .overa-footer-brand,.overa-ride-card.has-photo .overa-map-area,.overa-ride-card.has-photo .overa-stats-top{background:0 0!important}.overa-ride-card.has-photo{--text-main:#ffffff!important;--text-muted:rgba(255, 255, 255, 0.7)!important;--line-color:rgba(255, 255, 255, 0.2)!important}