:root{--spacing: 15px;--button-size: 40px}@media(max-width:425px){:root{--spacing: 10px;--button-size: 44px}}@media(max-height:425px){:root{--spacing: 10px;--button-size: 44px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;font-size:14px;overflow:hidden}h1{font-family:AlternateGothicNo2,sans-serif;font-weight:400;font-size:42px}h2{margin-bottom:20px}spacer{flex-grow:1}.header{padding:.5rem 1rem;z-index:1100;position:relative;background-color:#fff}.header-content{display:flex;justify-content:flex-end;align-items:center;max-width:100%}.nav{display:flex;gap:.5rem}.nav-btn{padding:10px 20px;cursor:pointer;text-decoration:none;display:inline-block;border:none;border-radius:10px;font-size:15px}.main{position:absolute;inset:0}.sidebar-container{position:absolute;top:var(--spacing);left:var(--spacing);width:350px;max-width:calc(100% - 60px - calc(var(--spacing) * 4));max-height:calc(100dvh - 42px - var(--spacing));z-index:1000;display:flex;flex-direction:column;gap:0;transition:transform .2s ease;user-select:none;-webkit-user-select:none}.sidebar-container.hidden{transform:translate(calc(-100% + var(--button-size) + 20px));pointer-events:none}.sidebar-container.hidden .sidebar-toggle-btn{opacity:1;pointer-events:auto;right:auto;left:calc(100% - var(--button-size) - 20px)}.sidebar-container.hidden .sidebar,.sidebar-container.hidden .instruction-panel,.sidebar-container.hidden .logo-panel{opacity:0;pointer-events:none}.logo-panel{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;margin-bottom:var(--spacing);padding:10px 15px 10px 20px;transition:opacity .2s ease}.logo-panel-text{font-family:AlternateGothicNo2,sans-serif;font-weight:400;font-size:26px;margin:0}.sidebar-close-btn{background:none;border:none}.sidebar-close-btn:hover{background-color:#f0f0f0}.sidebar-close-btn .control-icon{width:20px;height:20px}.instruction-panel{flex:0 0 auto;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transform:translateY(-10px);transition:opacity .2s ease-out .1s,transform .2s ease-out .1s,max-height .2s ease-out .1s,margin-bottom .2s ease-out .1s;pointer-events:none}@media(min-height:425px){.instruction-panel.visible{opacity:1;transform:translateY(0);max-height:500px;margin-bottom:var(--spacing);pointer-events:auto}}.instruction-content{padding:1rem}.instruction-content p{color:#333;font-size:.9rem;line-height:1.5}.sidebar{flex:0 1 auto;background-color:#fff;overflow-y:auto;border-radius:10px;box-shadow:0 4px 12px #00000026;min-height:0;max-height:calc(100% - var(--button-size));position:relative;transition:transform .2s ease,opacity .2s ease}.sidebar-toggle-btn{position:absolute;top:0;right:calc(-var(--button-size) - var(--spacing));width:var(--button-size);height:var(--button-size);background:#fff;border:1px solid #ccc;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:background-color .2s,opacity .2s ease;-webkit-user-select:none;user-select:none;padding:0;z-index:1001;box-sizing:content-box;opacity:0;pointer-events:none}.sidebar-toggle-btn:hover{background-color:#f5f5f5}.sidebar-toggle-btn .control-icon{width:20px;height:20px;display:block;margin:auto;transition:transform .2s ease}.sidebar-section{margin:1.1rem 1.1rem 1.75rem}.sidebar-section:last-of-type{margin-bottom:1.1rem}#route-info,#elevation-profile-container,#surface-info-container,#options-container{opacity:0;transition:opacity .2s ease-out .1s}.sidebar.initialized #route-info,.sidebar.initialized #elevation-profile-container,.sidebar.initialized #surface-info-container,.sidebar.initialized #options-container{opacity:1}.sidebar-section h3{margin-bottom:1rem;font-size:1.1rem;color:#444}.search-container{position:relative;margin-top:20px}.search-container input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.search-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;border-radius:2px;display:flex;align-items:center;justify-content:center;opacity:.6}.search-clear-btn .control-icon{width:16px;height:16px}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;z-index:1200;display:none;box-shadow:0 4px 12px #00000026}.search-result{padding:.75rem;cursor:pointer;border-bottom:1px solid #eee}.search-result:hover{background-color:#f5f5f5}.search-result:last-child{border-bottom:none}.search-result-name{font-weight:500;color:#333}.search-result-address{font-size:.8rem;color:#555;margin-top:.25rem}.route-controls{display:flex;gap:.75rem}.route-controls label{font-weight:500;color:#555}.route-controls select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.route-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:5px}.stat{padding:.5rem;background-color:#f9f9f9;border-radius:4px;display:flex;flex-direction:column;gap:8px}.stat div{display:flex;justify-content:space-between;align-items:center}.stat-label{font-weight:500;color:#555}.stat-value{font-weight:700;color:#151515}.incl-ferries-line *{font-weight:400;color:#878787}.route-actions{display:flex;flex-direction:column;gap:.5rem}.btn{padding:.75rem 1rem;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;text-align:center;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background-color:#000;color:#fff}.btn-primary:hover:not(:disabled){background-color:#444}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}#edit-imported-route-btn{background-color:#dc4a4a}#edit-imported-route-btn:hover:not(:disabled){background-color:#c43e3e}.btn-secondary-icon{width:45px;height:45px;background:#f9f9f9;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;-webkit-user-select:none;user-select:none;padding:0;box-sizing:content-box}.btn-secondary-icon:disabled{opacity:.3;background-color:unset}.btn-secondary-icon:hover:not(:disabled){background-color:#eee}.btn-secondary-icon img{width:24px;height:24px}.btn-danger{background-color:#e00;color:#fff}.btn-danger:hover{background-color:#dc0000}.btn-icon-sm{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.btn-icon-sm:hover{opacity:1}#gpx-buttons{display:flex;gap:10px}#gpx-buttons button{width:100%}.map-container{width:100%;height:100%;position:relative}#map{height:100%;width:100%;cursor:crosshair;pointer-events:auto;position:relative;z-index:1}#map *{cursor:crosshair}.map-controls{position:absolute;top:var(--spacing);right:var(--spacing);bottom:var(--spacing);display:flex;flex-direction:column;align-items:end;gap:5px;z-index:400;pointer-events:none;user-select:none;-webkit-user-select:none;scrollbar-width:none}.zoom-group{display:flex;flex-direction:column;border-radius:10px;box-shadow:0 2px 4px #0000001a;border:1px solid #ccc;background:#fff;height:fit-content;width:fit-content}.map-control-btn{width:var(--button-size);height:var(--button-size);background:#fff;border:1px solid #ccc;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:background-color .2s;-webkit-user-select:none;user-select:none;padding:0;box-sizing:content-box;flex-shrink:0;pointer-events:all}.map-control-btn.standalone{position:fixed;top:var(--spacing);right:var(--spacing)}.zoom-group .map-control-btn{box-shadow:none;border:none;border-radius:10px}.menu-btn-separator{margin-bottom:calc(var(--spacing) - 5px)}.control-icon{width:20px;height:20px;display:block;margin:auto}.map-control-btn:hover{background-color:#f5f5f5}.map-control-btn:disabled{opacity:.5;cursor:default;background-color:#f9f9f9}.map-control-btn:disabled:hover{background-color:#f9f9f9}.bottom-controls-row{display:flex;align-items:flex-end;gap:10px}#location-label-container{position:fixed;width:calc(100% - var(--spacing) * 2);bottom:calc(var(--button-size) + var(--spacing) * 2);left:var(--spacing);z-index:500;pointer-events:all;box-sizing:border-box;text-align:center}#location-label{display:inline-flex;flex-direction:column;justify-content:center;gap:10px;background:#ffe93b;border:3px solid #e00419;border-radius:10px;font-weight:600;padding:14px 12px;min-width:160px}#location-label-primary{font-size:16px;text-overflow:ellipsis;white-space:nowrap}#location-label-secondary{font-size:14px;text-overflow:ellipsis;white-space:nowrap}.location-label:not([hidden]){display:flex}#elevation-chart{width:100%;max-width:100%;background:#fff;touch-action:pan-y}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;padding-bottom:100px}.modal-content{background-color:#fff;margin:5% auto;padding:2rem;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-content.large{max-width:800px}.modal-content h3{margin-bottom:20px;font-size:1.1rem}.close{position:absolute;right:1rem;top:1rem;font-size:1.5rem;cursor:pointer;color:#999}.close:hover{color:#333}.alert-panel{max-width:460px}.alert-panel h3{margin:0 0 .75rem;font-size:1.1rem}.alert-panel p{margin:0 0 1rem;line-height:1.5}.alert-panel-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-bottom:0;background-color:#f7f7f7}.alert-panel-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:25px}.alert-panel-btn-cancel{background:none;color:#555;border:1px solid #ddd}.alert-panel-btn-cancel:hover{background:#f5f5f5;border-color:#ccc}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-group label input[type=checkbox]{width:auto;margin:0 .5rem 0 0;padding:0;vertical-align:middle}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;margin-bottom:.5rem;cursor:pointer}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2c5530;box-shadow:0 0 0 2px #2c55301a}.form-link{text-align:center;margin-top:1rem;color:#555}.form-link a{color:#000}.login-error{background-color:#fecaca;color:#dc2626;padding:20px;border-radius:0;font-weight:500;text-align:left;border:none;font-size:.9rem}.routes-list{display:grid;gap:1rem}.route-item{background:#fff;font-size:1.2em;display:flex;gap:25px;border-bottom:1px solid #e1e1e1;padding-bottom:20px}.route-thumbnail{flex-shrink:0;width:150px;height:150px;overflow:hidden}.route-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s ease}.route-item-content{flex:1;display:flex;flex-direction:column;gap:18px}.route-item-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:.5rem}.route-item-title{font-weight:600;color:#333;display:flex;justify-content:space-between;gap:25px}.route-item-title a{color:#000;text-decoration:none;font-size:1.4em}.route-item-buttons{display:flex;gap:20px}.route-item-date{color:#555}.route-badges-row img{transition:opacity .15s ease}.route-badges-row{display:flex;align-items:center;gap:10px}.route-badge{color:#fff;padding:3px 8px;border-radius:5px;display:inline-block;align-self:flex-start;font-size:15px;font-weight:500;cursor:default;-webkit-user-select:none;user-select:none}#route-gpx-badge{background-color:#6b9fd4}#route-public-badge{background-color:#cc88c2}.route-days-badge{background-color:#7eb87e}.route-item-stats{display:flex;gap:.8rem;color:#555;margin-bottom:5px}.route-item-actions{display:flex;gap:.5rem;margin-top:20px}.route-item-actions .btn{padding:.5rem 1rem}@media(max-width:500px){.route-item-title{flex-direction:column;gap:20px}.route-item-title a{font-size:1.2em}.route-item-buttons{gap:30px}.route-item-stats{font-size:1em;gap:.5rem}}@media(max-width:768px){.route-thumbnail{width:100px;height:100px}.modal-content{margin:10% auto;width:95%;padding:1rem}}.loading{opacity:.6;pointer-events:none}.spinner{border:2px solid #f3f3f3;border-top:2px solid #2c5530;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.surface-breakdown{display:flex;flex-direction:column;gap:.5rem}.surface-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#f8f9fa;border-radius:4px;border:2px solid transparent;border-left:3px solid #c2c2c2;cursor:pointer;transition:background-color .2s ease}.surface-item:hover{background-color:#e9ecef}.surface-item.selected{border-color:gray!important}.surface-item.steps{background-color:#ffe0e0;border-left-color:#e74c3c}.surface-item.ferry{background-color:#e0f4ff;border-left-color:#86d2eb}.surface-item.dismount{background-color:#fff3cd;border-left-color:#f0ad4e;padding:0;flex-direction:column;align-items:stretch}.dismount-header{display:flex;align-items:center;padding:8px 10px}.dismount-header .surface-info{flex:1}.dismount-chevron{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;opacity:.6;transition:transform .2s}.surface-item.dismount.expanded .dismount-chevron{transform:rotate(180deg)}.dismount-sections{display:none;border-top:1px solid #f0ad4e}.dismount-section-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 6px 16px;cursor:pointer;font-size:.9rem}.dismount-section-item:hover{background-color:#ffe8a1}.dismount-section-item.selected{background-color:#ffd970}.dismount-section-distance{color:#555;font-size:.8rem}.surface-info{display:flex;flex-direction:column;gap:.25rem}.surface-name{font-weight:500;text-transform:capitalize}.surface-distance{font-size:.8rem;color:#555}.surface-percentage{font-size:.9rem;font-weight:500}.options-controls{display:flex;flex-direction:column;gap:1.5rem}.option-item{display:flex;flex-direction:column}.option-item label{gap:.5rem;font-weight:500;color:#555;-webkit-user-select:none;user-select:none}.option-item input[type=checkbox]{margin:0}.option-item #average-speed-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-top:.5rem}.option-item #average-speed-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.option-item:has(#average-speed-input){flex-direction:column;align-items:flex-start}.option-item:has(#average-speed-input) label{margin-bottom:0}.map-option{padding-bottom:12px}.map-option label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;color:#333;-webkit-user-select:none;user-select:none}.map-option input[type=checkbox]{margin:0;cursor:pointer}.map-option span{flex:1}.map-option-template{display:grid;grid-template-columns:auto 1fr;column-gap:.5rem;row-gap:.5rem;margin-top:10px;align-items:center}.map-option-template input[type=checkbox]{grid-column:1;grid-row:1;align-self:center;cursor:pointer;margin:0}.map-option-template-header{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.4rem}.map-option-template-header label{cursor:pointer;font-weight:400;color:#333;-webkit-user-select:none;user-select:none}.template-route-help-text,#template-route-select{grid-column:2}.template-route-help-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;opacity:.5;flex-shrink:0}.template-route-help-btn:hover{opacity:.8}.template-route-help-icon{width:16px;height:16px}.template-route-help-text{color:#555;line-height:1.4;border-radius:0 4px 4px 0;font-style:italic;margin-bottom:4px}#template-route-select{display:none}#template-route-select.visible{display:block;min-width:0;font-size:14px;padding:8px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;cursor:pointer;margin-top:2px}#template-route-select:has(option[disabled]:checked){color:#999}.waypoint-popover{position:absolute;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #00000026;padding:12px;z-index:900;font-size:14px;width:185px;pointer-events:auto;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.waypoint-popover.visible{opacity:1;transform:translateY(0)}.waypoint-popover:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border:8px solid transparent;border-top-color:#fff}.waypoint-popover:before{content:"";position:absolute;top:100%;left:50%;margin-left:-9px;border:9px solid transparent;border-top-color:#ddd}.waypoint-number-title{font-weight:600;margin-bottom:4px}div#search-location-popover div.waypoint-number-title{margin-bottom:14px}.waypoint-location-name{color:#666;margin-top:8px;margin-bottom:14px;min-height:0}.popover-title{font-weight:600;color:#2c5530;margin-bottom:8px;font-size:13px}.surface-toggle-group{display:flex;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#f8f9fa;margin-bottom:10px}.surface-toggle-btn{flex:1;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-weight:500;transition:all .2s ease;color:#555}.surface-toggle-btn:hover{background:#2c55301a}.surface-toggle-btn.active{background:#202020;color:#fff}.surface-ferry-label{width:100%;padding:8px 12px;text-align:center;color:#555;-webkit-user-select:none;user-select:none}.waypoint-action-buttons{display:flex;gap:7px;margin-top:12px}.waypoint-action-buttons button:disabled{opacity:.25}.waypoint-action-buttons button:disabled:hover{filter:none}.search-location-buttons{display:flex;flex-direction:column;gap:6px}.search-location-buttons .surface-toggle-btn{width:100%;border:1px solid #ddd;border-radius:6px;background:#f8f9fa}.search-location-buttons .surface-toggle-btn:hover{background:#2c55301a}#search-finish-btn.hidden,#search-start-btn.hidden{display:none}#search-cancel-btn{border:none;background:none;color:#555;font-size:12px;padding:4px 0;margin-top:2px;text-decoration:none;cursor:pointer}#search-cancel-btn:hover{background:none;color:#333}.waypoint-action-btn{padding:6px;border:none;background:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.waypoint-action-btn:hover{opacity:.7}.waypoint-delete-btn:hover{filter:invert(23%) sepia(77%) saturate(3427%) hue-rotate(344deg) brightness(93%) contrast(85%)}.waypoint-streetview-btn:hover{filter:invert(42%) sepia(93%) saturate(5000%) hue-rotate(194deg) brightness(101%) contrast(101%)}.waypoint-notes-btn:hover{filter:invert(27%) sepia(27%) saturate(1697%) hue-rotate(92deg) brightness(95%) contrast(89%)}.waypoint-split-btn:hover,.waypoint-split-btn.active{filter:invert(42%) sepia(93%) saturate(1352%) hue-rotate(453deg) brightness(82%) contrast(101%)}.day-breakdown{display:flex;flex-direction:column;gap:.5rem}.day-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#f8f9fa;border-radius:4px;border:2px solid transparent;border-left:3px solid #b0c4de;cursor:pointer;transition:background-color .2s ease}.day-item:hover{background-color:#e9ecef}.day-item.selected{border-color:gray!important}.day-item-name{font-weight:400}.day-item-stats{color:#151515}.day-item-stats-separator{color:#cfcfcf}.waypoint-loop-btn{background-color:#9b59b6;color:#fff;width:100%;padding:8px 12px;border:none;border-radius:6px;margin-top:4px;font-weight:500}.waypoint-action-btn img{width:22px;height:22px}.waypoint-comment-container{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.waypoint-comment-input{width:100%;min-height:60px;padding:6px 8px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;line-height:1.25em;resize:none;box-sizing:border-box}.waypoint-comment-save-btn{width:100%;padding:8px 12px;background:#2c5530;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease}.waypoint-comment-save-btn:hover{background:#234427}.waypoint-coords{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;font-size:12px;color:#666;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em}.routes-main{margin-top:50px}.routes-page-container{width:100%;max-width:800px;margin:0 auto;padding:var(--spacing);padding-left:40px;padding-right:40px;min-height:calc(100vh - 80px)}@media(max-width:500px){.routes-page-container{padding:var(--spacing)}}.routes-page-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem}.routes-page-header h1{font-size:2.5rem;color:#444;margin-bottom:.5rem}.routes-page-header p{color:#555;font-size:1.1rem}.routes-filter-container{margin-bottom:2rem;position:relative}@media(max-width:500px){.routes-page-header{margin-bottom:1rem}.routes-filter-container{margin-bottom:2rem}}.routes-filter-container input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.routes-filter-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;border-radius:2px;display:flex;align-items:center;justify-content:center;opacity:.6}.routes-filter-clear-btn .control-icon{width:16px;height:16px}.routes-sort-container{display:flex;align-items:center;justify-content:end;gap:.5rem;margin-bottom:3rem;font-size:.9rem;color:#555}.routes-sort-container select{padding:.35rem .6rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff;cursor:pointer}@media(max-width:500px){.routes-sort-container{margin-bottom:2rem}}body.routes-page{overflow:auto}.routes-page-container .routes-list{width:100%;max-width:none}.profile-main{margin-top:50px}.profile-page-container{width:100%;max-width:800px;margin:0 auto;padding:var(--spacing);padding-left:40px;padding-right:40px;min-height:calc(100vh - 80px)}.profile-page-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem}.profile-page-header h1{font-size:2.5rem;color:#444;margin-bottom:.5rem}.profile-page-header p{color:#555;font-size:1.1rem}body.profile-page{overflow:auto}.profile-content{display:grid;gap:2rem}.profile-section{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #eee}.profile-info{display:grid;gap:1rem}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f5f5f5;font-size:16px}.profile-field:last-child{border-bottom:none}.profile-field label{font-weight:600;color:#333;min-width:120px}.profile-value{color:#555;text-align:right}.profile-role{background:#000;color:#fff;padding:.4rem .75rem;border-radius:4px;font-size:.9rem;font-weight:500}.profile-stats{display:grid;gap:1rem}.coming-soon{color:#555;font-style:italic;text-align:center;padding:2rem;background:#f8f9fa;border-radius:6px;margin:0}@media(max-width:768px){.profile-page-container{padding:1rem}.profile-field{flex-direction:column;align-items:flex-start;gap:.25rem}.profile-field label{min-width:auto}.profile-value{text-align:left}}.help-main{margin-top:50px}.help-panel{position:fixed;top:var(--spacing);right:calc(var(--button-size) + var(--spacing) * 2);width:350px;max-width:calc(100% - var(--button-size) - 3 * var(--spacing));max-height:calc(100dvh - var(--button-size));background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;transform:translate(100%);opacity:0;transition:transform .2s ease,opacity .2s ease;display:none;flex-direction:column;user-select:none;-webkit-user-select:none}.help-panel.show{transform:translate(0);opacity:1}.help-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;background-color:#f8f9fa}.help-panel-header h3{margin:0;font-size:1.1rem;color:#444}.close-panel-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#555;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-panel-btn:hover{background-color:#f0f0f0;color:#333}.help-panel-body{padding:25px;flex:1;overflow-y:scroll}.help-panel-body::-webkit-scrollbar{width:6px}.help-panel-body::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.help-panel-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.help-panel-body::-webkit-scrollbar-thumb:hover{background:#999}.help-panel-body p{margin:0;line-height:1.5;color:#333}@media(max-width:768px){.help-panel{z-index:1500;transform:translate(100%)}.help-panel.show{transform:translate(0)}}.menu-panel{position:fixed;top:var(--spacing);right:calc(var(--button-size) + var(--spacing) * 2);background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;transform:translate(100%);opacity:0;transition:transform .2s ease,opacity .2s ease;display:none;user-select:none;-webkit-user-select:none}.menu-panel.show{transform:translate(0);opacity:1}.menu-panel-content{display:flex;flex-direction:column}.menu-panel-btn{padding:15px 25px 15px 20px;border:none;color:#000;background-color:#fff;cursor:pointer;text-align:left;font-size:15px;text-decoration:none;border-bottom:1px solid #eee;transition:background-color .2s ease}.menu-panel-btn:disabled{color:#adadad}.menu-panel-link{display:block;text-decoration:none;color:inherit}.menu-panel-btn:last-child{border-bottom:none}.menu-panel-btn:hover{background-color:#f8f9fa}#crowbar-cycles-menu-link{color:#126e8a}#menu-profile-btn.not-logged-in{position:relative}#menu-profile-btn.not-logged-in:after{content:"";position:absolute;top:50%;right:14px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#ee7272}@media(max-width:768px){.menu-panel{z-index:1500;transform:translate(100%)}.menu-panel.show{transform:translate(0)}}.help-section{font-size:16px}.help-section p{margin-top:20px;margin-bottom:20px;line-height:1.5}.help-section li{list-style-position:inside;list-style-type:square;padding-left:12px;padding-top:12px}.legend-container{padding:0}.legend-category{margin-bottom:1.5rem}.legend-category:last-child{margin-bottom:0}.legend-category-title{font-size:1rem;font-weight:600;color:#444;margin:0 0 .75rem;padding-bottom:.25rem;border-bottom:1px solid #eee}.legend-items{display:flex;flex-direction:column;gap:.6rem}.legend-item{display:flex;align-items:center;gap:.75rem}.legend-label{font-size:.875rem;color:#333;line-height:1.2}.legend-line{height:0;width:30px;flex-shrink:0;position:relative}.legend-fill{width:20px;height:16px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.legend-icon{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.2)}.legend-marker{width:16px;height:16px;border-radius:50%}.legend-marker.marker-start{background:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='7.5'%20fill='%2336B86C'%20stroke='white'%20stroke-width='3'/%3e%3c/svg%3e") center / contain no-repeat;box-shadow:0 0 2px #0000004d}.legend-marker.marker-normal{background:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='7.5'%20fill='%23EF9700'%20stroke='white'%20stroke-width='3'/%3e%3c/svg%3e") center / contain no-repeat;box-shadow:0 0 2px #0000004d}.legend-marker.marker-profile{background:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='7.5'%20fill='%23EF9700'%20stroke='white'%20stroke-width='3'/%3e%3ccircle%20cx='9'%20cy='9'%20r='2'%20fill='white'/%3e%3c/svg%3e") center / contain no-repeat;box-shadow:0 0 2px #0000004d}.legend-marker.marker-end{background:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='7.5'%20fill='%23EA2323'%20stroke='white'%20stroke-width='3'/%3e%3c/svg%3e") center / contain no-repeat;box-shadow:0 0 2px #0000004d}.legend-marker.marker-mixed{background:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='7.5'%20fill='%2336B86C'%20stroke='white'%20stroke-width='3'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9%2015C12.3137%2015%2015%2012.3137%2015%209H3C3%2012.3137%205.68629%2015%209%2015Z'%20fill='%23EA2323'/%3e%3c/svg%3e") center / contain no-repeat;box-shadow:0 0 2px #0000004d}.legend-marker.marker-split{background:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='7.5'%20fill='%239B59B6'%20stroke='white'%20stroke-width='3'/%3e%3c/svg%3e") center / contain no-repeat;box-shadow:0 0 2px #0000004d}.legend-line.motorway{border-top:1.5px solid #d8735e;border-bottom:1.5px solid #d8735e;background-color:#ee927f;position:relative;height:8px}.legend-line.trunk{border-top:1.5px solid #caa947;border-bottom:1.5px solid #caa947;background-color:#e7bd98;position:relative;height:8px}.legend-line.primary,.legend-line.secondary{border-top:1.5px solid #afafaf;border-bottom:1.5px solid #afafaf;background-color:#e7e4e4;position:relative;height:8px}.legend-line.tertiary{border-top:1.5px solid #bdbdbd;border-bottom:1.5px solid #bdbdbd;background-color:#fff;position:relative;height:8px}.legend-line.cobblestones{border-top:1.5px solid #b099ac;border-bottom:1.5px solid #b099ac;background-color:#dccce2;position:relative;height:8px}.legend-line.bike-lane,.legend-line.bike-designated{border-top:2px solid #00C065}.legend-line.track-1{border-top:1.5px solid #b099ac;border-bottom:1.5px solid #b099ac;background-color:#f7ecc6;position:relative;height:8px}.legend-line.track-2-3{border-top:2px dashed #ab946d;border-bottom:2px dashed #ab946d;background-color:#e9deb9;height:8px;position:relative}.legend-line.track-4-5{border-top:2px dashed #b56a53;border-bottom:2px dashed #b56a53;background-color:#d7c793;height:8px;position:relative}.legend-line.path{border-top:2px solid #9d8f82ff}.legend-line.bridleway{border-top:2px solid #7daf96}.legend-line.footway-no-bikes{border-top:2px solid #9d8f82ff;border-top:2px dashed #9d8f82ff;border-top-color:#9d8f82}.legend-line.international-cycle-route{border-top:2px solid #d3009e}.legend-line.national-cycle-route{border-top:2px solid #9b52df}.legend-line.regional-cycle-route{border-top:2px solid rgba(26,106,191,.85)}.legend-line.local-cycle-route{border-top:2px solid rgba(42,157,92,.85)}.legend-line.template-route{height:10px;background-color:#9b59b680}.legend-fill.water{background-color:#91d1ea}.legend-fill.forest{background-color:#bcdba3}.legend-fill.farmland{background-color:#e3ebe0}.legend-fill.meadow{background-color:#ddf5d4}.legend-fill.sport{background-color:#bcc896}.legend-fill.hospital{background-color:#ff000010}.legend-fill.pedestrian{background-color:#f0e1cf}.shortcuts-container{padding:0;margin-top:2rem;border-top:2px solid #eee;padding-top:1.5rem}.shortcuts-category{margin-bottom:1.5rem}.shortcuts-category:last-child{margin-bottom:0}.shortcuts-category-title{font-size:1rem;font-weight:600;color:#2c5530;margin:0 0 .75rem;padding-bottom:.25rem;border-bottom:1px solid #eee}.shortcuts-items{display:flex;flex-direction:column;gap:.6rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.shortcut-keys{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.shortcut-key{display:inline-block;padding:.2rem .4rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:500;color:#495057;text-align:center;min-width:24px;box-shadow:0 1px 2px #0000001a}.shortcut-key.modifier-key{background:#e9ecef;border-color:#ced4da;color:#343a40}.mouse-action{display:inline-block;padding:.2rem .4rem;background:#e8f5e8;border:1px solid #c3e6c3;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:500;color:#2c5530;text-align:center;box-shadow:0 1px 2px #0000001a;white-space:nowrap}.shortcut-plus{font-size:.75rem;color:#6c757d;font-weight:500}.shortcut-label{font-size:.875rem;color:#333;line-height:1.2;flex-grow:1;text-align:right}.platform-mac .modifier-key{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.platform-mac .redo-shortcut{display:none}.platform-mac .redo-shortcut-mac{display:flex}.redo-shortcut-mac{display:none}