.plan-popover-trigger{color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:var(--touch-target-min,44px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;padding:4px 12px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.plan-popover-trigger:active{background:#fff3}@media (hover:hover){.plan-popover-trigger:hover{background:#ffffff2e}}.plan-popover{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffff26;border-radius:10px;min-width:150px;padding:4px;animation:.15s ease-out plan-popover-in;position:fixed;transform:translate(-100%);box-shadow:0 4px 20px #0006}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.plan-popover{background:#0f0f0ff2}}@keyframes plan-popover-in{0%{opacity:0;transform:translate(-100%)translateY(-4px)}to{opacity:1;transform:translate(-100%)translateY(0)}}@media (prefers-reduced-motion:reduce){.plan-popover{animation:none}}.plan-popover-item{color:#ffffffd9;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;min-height:var(--touch-target-min,44px);background:0 0;border:none;border-radius:8px;align-items:center;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.plan-popover-item:active{background:#ffffff1f}@media (hover:hover){.plan-popover-item:hover{background:#ffffff14}}
.report-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.report-modal{background:var(--bg-primary,#fff);border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 32px #0003}.report-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.report-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.report-modal-close{cursor:pointer;color:var(--text-secondary,#666);background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.report-modal-label{color:var(--text-secondary,#666);margin-bottom:12px;font-size:.95rem}.report-modal-message{color:var(--text-primary,#333);margin-bottom:20px;font-size:.95rem}.report-reasons{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.report-reason{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;transition:background .15s;display:flex}.report-reason:hover{background:var(--bg-secondary,#f5f5f5)}.report-reason.selected{background:var(--bg-accent,#f0fdf4);border-color:var(--accent,#2d6a4f)}.report-reason input[type=radio]{accent-color:var(--accent,#2d6a4f)}.report-details{border:1px solid var(--border,#e0ddd8);resize:vertical;background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#333);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-family:inherit;font-size:.9rem}.report-details:focus{border-color:var(--accent,#2d6a4f);outline:none}.report-modal-actions{justify-content:flex-end;gap:8px;display:flex}.report-modal-btn{cursor:pointer;border:1px solid var(--border,#e0ddd8);background:var(--bg-primary,#fff);color:var(--text-primary,#333);border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background .15s}.report-modal-btn:hover{background:var(--bg-secondary,#f5f5f5)}.report-modal-btn.submit{color:#fff;background:#dc2626;border-color:#dc2626}.report-modal-btn.submit:hover{background:#b91c1c}.report-modal-btn.submit:disabled{opacity:.5;cursor:not-allowed}
.comment-section{border-top:1px solid #ffffff14;padding:12px 0}.comment-section-title{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;padding:0 16px 8px;font-size:12px;font-weight:600}.comment-list{max-height:300px;padding:0 12px;overflow-y:auto}.comment-loading,.comment-empty,.comment-signin-prompt{text-align:center;color:#fff6;padding:16px;font-size:13px}.comment-item{gap:8px;padding:8px 4px;display:flex}.comment-reply{padding-left:8px;position:relative}.comment-thread-line{background:#ffffff14;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:-10px}.comment-deleted .comment-text{color:#ffffff4d;font-style:italic}.comment-avatar{color:#fff9;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.comment-avatar-link{cursor:pointer;transition:opacity var(--transition-fast)}.comment-avatar-link:hover{opacity:.8}.comment-avatar-img{object-fit:cover;width:100%;height:100%}.comment-body-wrap{flex:1;min-width:0}.comment-header{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.comment-author{color:#fff;font-size:12px;font-weight:600}.comment-author-link{cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit}.comment-author-link:hover{color:#fc4c02}.comment-time{color:#ffffff4d;font-size:11px}.comment-text{color:#fffc;word-break:break-word;margin:0;font-size:13px;line-height:1.4}.comment-actions{gap:8px;margin-top:4px;display:flex}.comment-action-btn{color:#fff6;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:11px}.comment-action-btn:hover{color:#fffc}.comment-action-delete:hover{color:#e53935}.comment-edit-form{margin-top:4px}.comment-edit-input{color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:13px}.comment-edit-actions{gap:6px;margin-top:4px;display:flex}.comment-form{border-top:1px solid #ffffff0f;padding:8px 12px}.comment-reply-indicator{color:#fff6;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.comment-input{color:#fff;resize:vertical;box-sizing:border-box;width:100%;transition:border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.comment-input:focus{border-color:#fc4c0280;outline:none}.comment-submit-btn{color:#fff;cursor:pointer;transition:background var(--transition-fast);background:#fc4c02;border:none;border-radius:6px;margin-top:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:600}.comment-submit-btn:hover:not(:disabled){background:#e04300}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-list::-webkit-scrollbar{width:4px}.comment-list::-webkit-scrollbar-track{background:0 0}.comment-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}
.tr-section{border-top:1px solid #ffffff14;padding:12px 0}.tr-section-title{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;padding:0 16px 8px;font-size:12px;font-weight:600}.tr-list{max-height:400px;padding:0 12px;overflow-y:auto}.tr-loading,.tr-empty,.tr-signin-prompt{text-align:center;color:#fff6;padding:16px;font-size:13px}.tr-report-item{border-bottom:1px solid #ffffff0f;padding:10px 4px}.tr-report-item:last-child{border-bottom:none}.tr-report-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tr-avatar{color:#fff9;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.tr-header-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tr-author{color:#fff;font-size:12px;font-weight:600}.tr-date{color:#ffffff4d;flex-shrink:0;font-size:11px}.tr-star-rating{color:#f5a623;gap:1px;font-size:12px;display:inline-flex}.tr-star-interactive .tr-star{cursor:pointer;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:2px;display:inline-flex}.tr-star-interactive .tr-star:hover{transform:scale(1.2)}.tr-report-title{color:#ffffffe6;margin-bottom:4px;font-size:13px;font-weight:600}.tr-report-body{color:#fffc;word-break:break-word;margin:0 0 6px;font-size:13px;line-height:1.4}.tr-conditions{color:#ffffff80;background:#ffffff0a;border-radius:6px;padding:4px 8px;font-size:11px;display:inline-block}.tr-conditions-label{color:#fff9;font-weight:600}.tr-report-actions{gap:8px;margin-top:6px;display:flex}.tr-action-btn{color:#fff6;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:11px}.tr-action-btn:hover{color:#fffc}.tr-action-delete:hover{color:#e53935}.tr-write-btn{color:#fff9;cursor:pointer;width:calc(100% - 24px);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;min-height:44px;margin:8px 12px;padding:8px 16px;font-family:inherit;font-size:13px;display:block}.tr-write-btn:hover{color:#ffffffd9;background:#ffffff1a}.tr-form{border-top:1px solid #ffffff0f;padding:10px 12px}.tr-input,.tr-textarea{color:#fff;box-sizing:border-box;width:100%;transition:border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-family:inherit;font-size:13px}.tr-textarea{resize:vertical}.tr-input:focus,.tr-textarea:focus{border-color:#fc4c0280;outline:none}.tr-input::placeholder,.tr-textarea::placeholder{color:#ffffff4d}.tr-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tr-form-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tr-form-label{color:#ffffff80;align-items:center;gap:8px;font-size:12px;display:flex}.tr-input-half{flex:1;min-width:0}.tr-form-actions{gap:8px;margin-top:4px;display:flex}.tr-submit-btn{color:#fff;cursor:pointer;transition:background var(--transition-fast);background:#fc4c02;border:none;border-radius:6px;min-height:44px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.tr-submit-btn:hover:not(:disabled){background:#e04300}.tr-submit-btn:disabled{opacity:.5;cursor:not-allowed}.tr-cancel-btn{color:#ffffff80;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff1a;border-radius:6px;min-height:44px;padding:8px 14px;font-family:inherit;font-size:13px}.tr-cancel-btn:hover{color:#fffc;background:#ffffff0f}.tr-edit-form{margin-top:6px}.tr-edit-input{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100%;margin-bottom:6px;padding:6px 8px;font-family:inherit;font-size:13px}.tr-edit-input:focus{border-color:#fc4c0280;outline:none}.tr-edit-input::placeholder{color:#ffffff4d}.tr-edit-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tr-edit-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100%;margin-bottom:6px;padding:6px 8px;font-family:inherit;font-size:13px}.tr-edit-textarea:focus{border-color:#fc4c0280;outline:none}.tr-edit-textarea::placeholder{color:#ffffff4d}.tr-edit-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tr-edit-label{color:#ffffff80;align-items:center;gap:8px;font-size:12px;display:flex}.tr-edit-actions{gap:6px;margin-top:4px;display:flex}.tr-list::-webkit-scrollbar{width:4px}.tr-list::-webkit-scrollbar-track{background:0 0}.tr-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}
.explore-panel{width:320px;max-height:calc(100vh - 120px);z-index:var(--z-modal);pointer-events:auto;-webkit-backdrop-filter:blur(10px);color:#fff;background:#00000073;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:10px;left:12px;overflow:hidden;box-shadow:0 4px 24px #00000059}.explore-panel-loading,.explore-panel-empty{color:#fff9;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.explore-panel-header{justify-content:space-between;align-items:center;gap:10px;padding:8px 16px 0;display:flex}.explore-back-btn{color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.explore-back-btn:hover{background:#ffffff26}.explore-route-name{color:#fff;flex:1;min-width:0;margin:0;font-size:18px;font-weight:600;line-height:1.3}.explore-back-link{color:#ffffff80;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;padding:0 16px 4px;font-family:inherit;font-size:11px}.explore-back-link:hover{color:#fffc}.explore-route-region{color:#ffffff80;text-transform:capitalize;margin-top:2px;padding:0 16px;font-size:12px}.explore-meta{flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.explore-difficulty{text-transform:capitalize;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.explore-tag{color:#ffffffb3;background:#ffffff1a;border-radius:10px;padding:3px 10px;font-size:11px}.explore-description{color:#ffffffbf;margin:0;padding:0 16px 8px;font-size:13px;line-height:1.5}.explore-author-section{padding:4px 16px 8px}.explore-stats-inline{align-items:center;gap:8px;padding:6px 16px 8px;display:flex}.explore-stat-compact{color:#fff;font-size:14px;font-weight:600}.explore-stat-sep{background:#ffffff4d;border-radius:50%;width:3px;height:3px}.explore-stats{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px;display:grid}.explore-stat-item{flex-direction:column;gap:2px;display:flex}.explore-stat-label{text-transform:uppercase;letter-spacing:.5px;color:#fff6;font-size:10px}.explore-stat-value{color:#fff;font-size:15px;font-weight:600}.explore-corridor-toggle{color:#ffffff8c;cursor:pointer;align-items:center;gap:6px;padding:4px 16px 8px;font-size:.8rem;display:flex}.explore-corridor-toggle input[type=checkbox]{accent-color:#e8912d}.explore-corridor-slider{padding:0 16px 8px}.explore-corridor-slider.disabled{opacity:.3;pointer-events:none}.explore-corridor-slider-title{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600}.explore-corridor-slider input[type=range]{appearance:none;cursor:pointer;background:#fff6;border-radius:2px;outline:none;width:100%;height:4px}.explore-corridor-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fc4c02;border:2px solid #fff;border-radius:50%;width:14px;height:14px}.explore-corridor-slider input[type=range]::-moz-range-thumb{cursor:pointer;background:#fc4c02;border:2px solid #fff;border-radius:50%;width:14px;height:14px}.explore-corridor-slider-track{position:relative}.explore-corridor-slider-labels{color:#fffc;justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.explore-corridor-slider-value{color:#fc4c02;white-space:nowrap;pointer-events:none;margin-top:3px;font-size:10px;font-weight:600;position:absolute;top:100%;transform:translate(-50%)}.explore-days{flex:1;padding:8px 12px;overflow-y:auto}.explore-days-title{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin:0 4px 8px;font-size:12px;font-weight:600}.explore-day-item{cursor:pointer;width:100%;transition:all var(--transition-fast);text-align:left;color:#fff;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:4px;padding:10px 12px;font-family:inherit}.explore-day-item:hover{background:#ffffff14;border-color:#ffffff1f}.explore-day-item.selected{background:#fc4c021f;border-color:#fc4c024d}.explore-day-number{text-transform:uppercase;letter-spacing:.5px;color:var(--strava-orange,#fc4c02);margin-bottom:2px;font-size:10px;font-weight:700}.explore-day-route{color:#fff;margin-bottom:4px;font-size:13px;font-weight:500}.explore-day-stats{color:#ffffff80;gap:12px;font-size:11px;display:flex}.explore-days::-webkit-scrollbar{width:4px}.explore-days::-webkit-scrollbar-track{background:0 0}.explore-days::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.explore-actions{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.explore-btn{cursor:pointer;width:100%;transition:all var(--transition-fast);border-radius:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.explore-btn-start{background:var(--strava-orange,#fc4c02);color:#fff;border:none}.explore-btn-start:hover{background:#e04300;transform:translateY(-1px)}.explore-btn-start:active{transform:translateY(0)}.explore-btn-back{color:#ffffffb3;background:0 0;border:1px solid #ffffff26}.explore-btn-back:hover{color:#fff;background:#ffffff14}.explore-pull-down{border-top:1px solid #ffffff14}.explore-pull-down-tabs{gap:0;display:flex}.explore-tab{color:#ffffff80;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500}.explore-tab:hover{color:#ffffffbf}.explore-tab.active{color:#fff;border-bottom-color:var(--strava-orange,#fc4c02)}.explore-pull-down-content{background:#1e1e1eeb;max-height:300px;padding:8px 12px;overflow-y:auto}.explore-pull-down-content::-webkit-scrollbar{width:4px}.explore-pull-down-content::-webkit-scrollbar-track{background:0 0}.explore-pull-down-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}@media (max-width:768px){.explore-back-btn{min-width:44px;min-height:44px}}
.compact-sheet{padding:0 16px 8px}.compact-sheet-stats{align-items:center;gap:6px;margin-bottom:8px;display:flex}.compact-sheet-stat{color:#ffffffb3;font-size:13px;font-weight:500}.compact-sheet-sep{color:#ffffff4d}.compact-sheet-chart-wrap{background:#0003;border-radius:8px;position:relative;overflow:hidden}@media (max-width:768px){.compact-sheet{padding:0 0 8px}.compact-sheet-stats{margin-bottom:2px;padding:0 16px}.compact-sheet-corridor{padding:0 16px}.compact-sheet-chart-wrap{background:0 0;border-radius:0}}.compact-sheet-chart-placeholder{background:#ffffff08;border-radius:8px;height:80px}.compact-sheet-expand-btn{width:32px;height:32px;min-width:var(--touch-target-min);min-height:var(--touch-target-min);color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00000080;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px}.compact-sheet-expand-btn:active{color:#fff;background:#000000b3}.compact-sheet-corridor{margin-top:8px}.compact-sheet-corridor-toggle{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:6px;font-size:11px;display:flex}.compact-sheet-corridor-toggle input[type=checkbox]{accent-color:#fc4c02;width:14px;height:14px}.compact-sheet-corridor-slider{margin-top:6px}.compact-sheet-corridor-slider input[type=range]{accent-color:#fc4c02;cursor:pointer;width:100%;height:4px}.compact-sheet-corridor-track{position:relative}.compact-sheet-corridor-labels{color:#fff6;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.compact-sheet-corridor-value{color:#fc4c02;white-space:nowrap;pointer-events:none;margin-top:2px;font-size:10px;font-weight:600;position:absolute;top:100%;transform:translate(-50%)}.compact-sheet-skeleton{flex-direction:column;gap:8px;padding:4px 0;display:flex}.compact-sheet-skeleton-name{background:#ffffff0f;border-radius:4px;width:60%;height:20px}.compact-sheet-skeleton-stats{background:#ffffff0a;border-radius:4px;width:40%;height:14px}.compact-sheet-skeleton-chart{background:#ffffff08;border-radius:8px;width:100%;height:80px}
