.comments-section-wrapper{margin-top:0;padding-top:0;position:relative;width:100%;border-radius:8px;overflow:hidden}.detail-stats-section{border-radius:12px}[data-comments-section=true]{margin-top:4px;max-width:100%;padding-left:16px;padding-right:16px}.detail-page-container{margin-top:16px;padding:0;width:100%;background-color:transparent}.detail-page-container .mobile-card{margin-bottom:0;width:100%;max-width:100%}@media (min-width:768px){.detail-page-container{padding:var(--space-lg)}.detail-page-container .mobile-card{width:100%;max-width:100%}}@media (min-width:841px){.detail-page-container{padding:var(--space-lg)}}:root{--card-shadow-xs:0 1px 3px rgba(0,0,0,0.02),0 1px 2px rgba(0,0,0,0.03);--card-shadow-sm:0 2px 8px rgba(0,0,0,0.04),0 1px 3px rgba(0,0,0,0.06);--card-shadow-md:0 4px 16px rgba(0,0,0,0.06),0 2px 6px rgba(0,0,0,0.04);--card-shadow-lg:0 8px 24px rgba(0,0,0,0.08),0 3px 8px rgba(0,0,0,0.04);--card-shadow-xl:0 16px 40px rgba(0,0,0,0.1),0 4px 12px rgba(0,0,0,0.04);--card-shadow-hover:0 6px 20px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);--card-shadow-active:0 1px 4px rgba(0,0,0,0.08);--card-shadow-orange:0 4px 16px rgba(255,107,53,0.06);--card-shadow-inset:none;--card-shadow-default:0 2px 8px -2px rgba(0,0,0,0.1),0 6px 20px -6px rgba(0,0,0,0.15)}[data-content-card]{transition:box-shadow .3s ease-out;position:relative}@media (min-width:841px) and (hover:hover) and (pointer:fine){[data-content-card]{transition:box-shadow .3s ease-out,transform .3s ease-out;box-shadow:var(--card-shadow-default)}[data-content-card]:hover{box-shadow:0 8px 30px -8px rgba(0,0,0,.15);transform:translateY(-1px)}[data-content-card]:active{box-shadow:var(--card-shadow-active);transform:translateY(0)}}.detail-page-container [data-content-card]{box-shadow:0 1px 3px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.03)}.detail-page-container .base-content-card{box-shadow:none!important}.detail-page-container .mobile-card{border:none!important}.elevation-0{box-shadow:none}.elevation-1{box-shadow:var(--card-shadow-xs)}.elevation-2{box-shadow:var(--card-shadow-sm)}.elevation-3{box-shadow:var(--card-shadow-md)}.elevation-4{box-shadow:var(--card-shadow-lg)}.elevation-5{box-shadow:var(--card-shadow-xl)}.base-content-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:visible!important;border-radius:16px!important;border:none!important;background-color:transparent!important;width:100%!important;height:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important}@media (min-width:768px){.base-content-card{width:100%}}.detail-page-container .base-content-card{width:100%;max-width:400px}@media (prefers-reduced-motion:reduce){[data-content-card]{transition:none}}.gps-widgets-section{padding:0;margin-top:8px;margin-bottom:8px;background:transparent}.gps-widgets-container{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.mobile-card-gps-button{padding:10px 8px;background:linear-gradient(135deg,#10b981,#059669);cursor:pointer;transition:all .3s ease;flex:1 1;min-height:54px;border-radius:8px;border:1px solid transparent;box-shadow:0 2px 8px -2px rgba(0,0,0,.08);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-card-gps-button:nth-child(2){background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mobile-card-gps-button:nth-child(3){background:linear-gradient(135deg,#3b82f6,#2563eb)}.mobile-card-gps-button:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:rgba(255,255,255,.3)}.mobile-card-gps-button:active{transform:translateY(0) scale(.98)}.mobile-card-gps-button--full{width:100%;flex:none}.mobile-card-gps-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;transition:all .2s ease;border:1px solid transparent;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-card-gps-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15);border-color:rgba(255,255,255,.3)}.mobile-card-gps-badge:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1)}.gps-badge-icon{font-size:12px;color:white}.gps-badge-name{font-size:11px;color:white;font-weight:500;line-height:1}.gps-widget-icon{font-size:14px;color:white;margin-bottom:1px}.gps-widget-name{font-size:10px;color:white;font-weight:500;line-height:1.1;text-align:center;opacity:.95}@keyframes initialPulse{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}@keyframes gentleBreathing{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.01);filter:brightness(1.05)}}@keyframes occasionalGlow{0%,90%,to{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}95%{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 20px 2px rgba(255,255,255,.15)}}@keyframes subtleGradientShift{0%,to{background-position:0 50%;filter:hue-rotate(0deg) saturate(1)}50%{background-position:100% 50%;filter:hue-rotate(3deg) saturate(1.1)}}.mobile-card-gps-badge{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;transform:translateZ(0);will-change:transform;background-size:150% 150%;animation:initialPulse .6s ease-out,gentleBreathing 8s ease-in-out infinite,occasionalGlow 12s ease-in-out infinite,subtleGradientShift 20s ease-in-out infinite}.mobile-card-gps-badge:first-child{animation-delay:0s,0s,0s,0s}.mobile-card-gps-badge:nth-child(2){animation-delay:.1s,2.5s,4s,6s}.mobile-card-gps-badge:nth-child(3){animation-delay:.2s,5s,8s,12s}.mobile-card-gps-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 50%,transparent);transition:left 1.5s ease-out;pointer-events:none}.mobile-card-gps-badge:first-child:before{animation:shimmerSequence1 15s ease-in-out infinite}.mobile-card-gps-badge:nth-child(2):before{animation:shimmerSequence2 15s ease-in-out infinite}.mobile-card-gps-badge:nth-child(3):before{animation:shimmerSequence3 15s ease-in-out infinite}@keyframes shimmerSequence1{0%,to{left:-100%}10%,15%{left:100%}}@keyframes shimmerSequence2{0%,to{left:-100%}35%,40%{left:100%}}@keyframes shimmerSequence3{0%,to{left:-100%}60%,65%{left:100%}}.mobile-card-gps-badge .gps-badge-icon{transition:all .3s ease;transform-origin:center}.mobile-card-gps-badge .gps-badge-name{position:relative;transition:all .3s ease;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.3px}.mobile-card-gps-badge:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 15px 30px -5px rgba(0,0,0,.15),0 10px 15px -5px rgba(0,0,0,.08);animation-play-state:paused}.mobile-card-gps-badge:hover .gps-badge-icon{transform:scale(1.1)}.mobile-card-gps-badge:hover .gps-badge-name{letter-spacing:.5px}.mobile-card-gps-badge:active{transform:scale(.98);transition:transform .1s ease}.mobile-card-gps-badge:first-child:hover{background:linear-gradient(135deg,#10b981,#059669)!important}.mobile-card-gps-badge:nth-child(2):hover{background:linear-gradient(135deg,#9333ea,#7c3aed)!important}.mobile-card-gps-badge:nth-child(3):hover{background:linear-gradient(135deg,#3b82f6,#1e40af)!important}.gps-widgets-section{position:relative;padding:16px}.gps-widgets-container{position:relative;gap:12px;padding:4px;border-radius:16px;background:linear-gradient(90deg,rgba(0,0,0,.01),rgba(0,0,0,.02),rgba(0,0,0,.01))}.mobile-card-gps-badge[data-new]:after{content:"";position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:newBadgePulse 2s ease-in-out 3}@keyframes newBadgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.mobile-card-gps-badge[data-viewed]{position:relative}.mobile-card-gps-badge[data-viewed]:after{content:"✓";position:absolute;top:4px;right:4px;color:white;font-size:10px;background:rgba(16,185,129,.9);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.mobile-card-gps-badge:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}@media (max-width:480px){.mobile-card-gps-badge{animation:initialPulse .6s ease-out,gentleBreathing 10s ease-in-out infinite}.mobile-card-gps-badge:hover{transform:translateY(-1px) scale(1.02)}}@media (prefers-reduced-motion:reduce){.mobile-card-gps-badge,.mobile-card-gps-badge .gps-badge-icon,.mobile-card-gps-badge:before{animation:none}.mobile-card-gps-badge:hover{transform:scale(1.02)}}.route-metrics-timeline-container{padding-left:16px;padding-right:16px;margin-top:16px;margin-bottom:0}.route-metrics-region{font-size:10px;font-weight:600;color:#1a202c;text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:6px}.route-metrics-timeline{position:relative}.route-metrics-timeline-line{position:absolute;top:20px;left:0;right:0;height:1px;background-color:#E5E7EB;opacity:.5}.route-metrics-timeline-items{justify-content:space-between;align-items:flex-start;gap:0}.route-metrics-timeline-item{flex-direction:column;align-items:center;flex:1 1;position:relative}.route-metrics-timeline-dot{width:8px;height:8px;border-radius:9999px;background-color:white;border:2px solid;margin-bottom:8px;z-index:1;transition:all .2s ease}.route-metrics-timeline-item:first-child .route-metrics-timeline-dot,.route-metrics-timeline-item:last-child .route-metrics-timeline-dot{margin-bottom:16px}.route-metrics-timeline-item:nth-child(2) .route-metrics-timeline-dot,.route-metrics-timeline-item:nth-child(3) .route-metrics-timeline-dot{margin-bottom:0;margin-top:16px;order:2}.route-metrics-timeline-item:nth-child(2) .route-metrics-timeline-content,.route-metrics-timeline-item:nth-child(3) .route-metrics-timeline-content{order:3;margin-top:8px}.route-metrics-timeline-dot:hover{width:10px;height:10px}.route-metrics-timeline-content{text-align:center}.route-metrics-timeline-label{font-size:9px;color:#6B7280;font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}.route-metrics-timeline-value{font-size:14px;font-weight:600;color:#1F2937;line-height:1.1;letter-spacing:-.02em}.route-metrics-timeline-item:first-child .route-metrics-timeline-value,.route-metrics-timeline-item:last-child .route-metrics-timeline-value{font-size:12px;font-weight:500;line-height:1.2;max-width:100px;word-break:break-word;color:#1a202c}@media (max-width:640px){.route-metrics-timeline-value{font-size:13px}.route-metrics-timeline-item:first-child .route-metrics-timeline-value,.route-metrics-timeline-item:last-child .route-metrics-timeline-value{font-size:11px}}.route-metrics-button{font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;letter-spacing:-.01em}.route-metrics-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.08)}.comments-main-header{margin-bottom:12px;padding:12px 16px;background:white;border-radius:12px;border:1px solid #f3f4f6;box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative;overflow:hidden;transition:all .3s ease}.comments-main-header:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:#fed7aa}.comments-header-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fb923c,#fdba74)}.comments-header-content{display:flex;align-items:center;gap:12px;margin-top:4px}.comments-header-icon{padding:8px;background-color:#fff7ed;border-radius:8px;border:1px solid #fed7aa}.comments-header-icon svg{font-size:1.125rem;color:#f97316}.comments-header-title{font-size:1.125rem;font-weight:700;color:#1f2937;letter-spacing:-.01em}.comments-header-subtitle{font-size:.875rem;color:#6b7280;font-weight:500;margin-top:2px}.comments-best-section{padding-top:0;width:100%}.comments-best-header{width:100%;margin-bottom:8px;margin-top:8px}.comments-remaining-header{width:100%;margin-bottom:8px;margin-top:12px}.comments-section-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:4px}.comments-section-count{font-size:.875rem;color:#6b7280;font-weight:500}.comments-list{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:16px}