*{box-sizing:border-box;margin:0;padding:0}html{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}body,html{height:100%;overflow-x:hidden;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-height:-webkit-fill-available;min-height:calc(100vh - env(safe-area-inset-bottom, 0));padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%;overflow-x:hidden;overscroll-behavior:none;width:100%}.exit-message-toast{animation:slideDownFadeIn .3s ease-out;left:50%;pointer-events:none;position:fixed;top:calc(env(safe-area-inset-top, 20px) + 60px);transform:translateX(-50%);z-index:9999}.exit-message{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;font-weight:500;max-width:280px;padding:12px 20px;text-align:center}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:480px){.exit-message-toast{left:15px;right:15px;top:calc(env(safe-area-inset-top, 15px) + 80px);transform:none}.exit-message{font-size:13px;max-width:none;padding:10px 16px}}@media (max-height:600px){.exit-message-toast{top:calc(env(safe-area-inset-top, 10px) + 70px)}}.carousel-container{height:100vh;height:calc(var(--vh, 1vh)*100);min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;overscroll-behavior:none;position:relative;touch-action:pan-x;width:100vw}.carousel-page{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.carousel-overlay{background:#0000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.carousel-content{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;position:relative;width:100%;z-index:2}@media (max-width:1023px){.carousel-container.mobile-view .carousel-page{background-position:50%!important;background-size:100% 100%!important}.carousel-container.mobile-view .carousel-content{flex-direction:column;text-align:center}.carousel-content-section,.carousel-image-section{display:none}.mobile-content{display:flex!important}.carousel-container.mobile-view{min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;overscroll-behavior:none}}@media (min-width:1024px){.carousel-container.desktop-view .carousel-page{background:none!important;display:flex}.carousel-image-section{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:50%}.carousel-content-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;display:flex;height:100%;justify-content:center;padding:3rem;width:50%}.mobile-content{display:none!important}.carousel-container.desktop-view .carousel-overlay{display:none}.carousel-container.desktop-view .carousel-content{height:100%;padding:0;width:100%}}.welcome-content{align-items:center;color:#2e7d32;justify-content:center;padding-top:0;text-align:center}.welcome-text{text-align:center;width:100%}.welcome-text h2{font-size:.8rem;font-style:italic;font-weight:500;margin-bottom:.5rem}.welcome-text p{font-size:2.5rem;font-weight:600;margin:0}@media (max-width:1023px){.welcome-text{display:none}}.auth-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:20px;color:#2e7d32;cursor:pointer;font-size:.9rem;font-weight:500;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .3s ease;z-index:10}.auth-back-button:hover{background:#fff;box-shadow:0 2px 8px #2e7d3233;transform:translateY(-1px)}.auth-back-button:active{transform:translateY(0)}@media (min-width:1024px){.auth-back-button:not(.desktop-back-button){display:none}.desktop-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#2e7d32;cursor:pointer;font-size:.9rem;font-weight:500;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .3s ease;z-index:10}.screen-back-button{left:20px!important;position:fixed!important;top:20px!important;z-index:100!important}.desktop-back-button:hover{background:#fff;box-shadow:0 4px 12px #2e7d324d;transform:translateY(-1px)}.desktop-back-button:active{transform:translateY(0)}}.welcome-version-number{color:#888;font-size:.75rem;letter-spacing:.04em;pointer-events:none;position:absolute;right:18px;top:10px;z-index:10}.language-selector{align-items:center;bottom:0;display:none;flex-direction:column;gap:.5rem;left:50%;position:fixed;transform:translateX(-50%);z-index:4}.language-selector label{color:#fff;display:none;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px #000000b3}.language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:.5rem 1rem;text-shadow:1px 1px 2px #00000080;transition:all .3s ease}.language-dropdown:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.language-dropdown option{background:#fff;color:#333;text-shadow:none}.credits-content{align-items:center;color:#2e7d32;justify-content:center;padding-top:0;text-align:center}.credits-text{text-align:center;width:100%}.credits-text h2{font-size:.8rem;font-style:italic;font-weight:500;margin-bottom:.5rem}.credits-text p{font-size:2.5rem;font-weight:600;margin:0}@media (max-width:768px){.credits-text h2{font-size:.8rem;font-style:italic}.credits-text p{font-size:2rem;font-weight:600}}@media (max-width:1023px){.credits-content{align-items:flex-start!important;justify-content:flex-start!important;padding-top:3rem!important}}.auth-content .auth-card{margin:0 auto;max-width:400px;width:100%}@media (max-width:1023px){.auth-content .auth-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:1rem}.auth-content{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 80px);overflow-y:auto;padding-top:2rem}.auth-title{color:#fff;font-size:1.8rem;margin-bottom:.5rem;text-shadow:1px 1px 2px #00000080}.auth-form .form-group{margin-bottom:1rem}.auth-form .form-group label{color:#2e7d32;display:block;font-weight:500;text-align:left;text-shadow:none}.auth-form input{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;text-align:left;width:100%}.password-input-container{align-items:center;display:flex;position:relative;width:100%}.password-input-container input{flex:1 1;margin:0;padding-right:50px}.password-input-container button{background:#0000;border:none;border-radius:4px;color:#2e7d32;cursor:pointer;font-size:1.2rem;line-height:1;min-width:30px;padding:4px 8px;position:absolute;right:12px;text-align:center;top:50%;transform:translateY(-50%);z-index:5}.password-input-container button:hover{background:#2e7d321a}.auth-button{background:#2e7d32;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;width:100%}.auth-button,.auth-links{margin-top:1rem}.auth-links p{color:#ccc;margin:.5rem 0;text-align:center;text-shadow:none}.auth-links a{color:#81c784;font-weight:700;text-decoration:none}.auth-error{background:#f44336e6;border-radius:8px;color:#fff;margin-bottom:1rem;padding:.75rem}}@media (min-width:1024px){.carousel-container.desktop-view .carousel-content.auth-content{align-items:stretch!important;background:#fffffffa!important;color:#2e7d32;display:flex!important;flex-direction:column!important;justify-content:stretch!important;padding:0!important}.carousel-container.desktop-view .carousel-content.auth-content .auth-card{background-color:initial!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;margin:0!important;max-width:none!important;padding:3rem!important;width:100%!important}}.carousel-navigation{align-items:center;bottom:30px;display:flex;flex-direction:row;gap:1rem;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.page-indicators{align-items:center;display:flex;gap:.75rem}.page-indicator{background:#0000;border:2px solid #2e7d3299;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.page-indicator.active{background:#2e7d32;border-color:#2e7d32;transform:scale(1.2)}.page-indicator:hover:not(.active){background:#2e7d324d;border-color:#2e7d32cc}.arrow-navigation{gap:1rem}.arrow-navigation,.nav-arrow{align-items:center;display:flex}.nav-arrow{background:#2e7d3233;border:2px solid #2e7d3299;border-radius:50%;color:#2e7d32;cursor:pointer;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px}.nav-arrow:hover:not(:disabled){background:#2e7d324d;border-color:#2e7d32;transform:scale(1.1)}.nav-arrow:disabled{cursor:not-allowed;opacity:.3}@media (min-width:1024px){.carousel-container.desktop-view .carousel-navigation{bottom:100px;left:75%;transform:translateX(-50%)}.carousel-container.desktop-view.auth-page .carousel-navigation{display:none}.carousel-container.desktop-view .language-selector{bottom:50px;left:auto;right:2rem;transform:none}}.verification-message p.user-email{background-color:#f5f5f5;border-radius:4px;color:#4caf50;display:inline-block;font-size:1.1rem;font-weight:700;margin:.5rem 0 1.5rem;padding:.5rem}.verification-message p.wrong-email-hint{color:#666;font-size:.9rem;font-style:italic;margin-bottom:.5rem;margin-top:1.5rem}.verification-actions{gap:.75rem;margin-top:2rem}.verification-actions .auth-button{margin-top:0}@media (min-width:768px){.verification-actions{gap:1rem}}.loading-indicator{color:#4caf50;min-height:100px}.loading-indicator:before{animation:spin 1s linear infinite;border:2px solid #4caf50;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:24px;margin-right:10px;width:24px}.auth-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;min-height:100vh;overflow-x:hidden;position:relative}@media (max-width:1023px){.auth-banner{display:none}.auth-content{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;width:100%}}.mobile-auth-image{display:none;margin:.5rem 0 1rem;text-align:center}.mobile-auth-image img{border-radius:12px;height:80px;object-fit:cover;width:80px}@media (max-width:1023px){.mobile-auth-image{display:block}}@media (min-width:1024px){.mobile-auth-image{display:none}}.mobile-auth-container{touch-action:pan-y}.auth-banner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:90vh;padding:3rem 1.5rem 1rem;text-align:center;width:100%}.auth-banner img{margin-bottom:1rem;max-width:200px}.enter-button{box-shadow:0 4px 8px #0000001a;font-size:1.2rem;font-weight:700;margin-top:2rem;padding:14px 40px;transition:transform .2s,box-shadow .2s}.enter-button:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.auth-banner h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.auth-banner p{color:#666;font-size:1.2rem;font-style:italic;margin-bottom:.75rem}.swipe-instruction{animation:pulse 2s infinite;color:#4caf50;font-style:italic;font-weight:500;margin-top:auto;padding:1rem;position:relative;text-align:center}.auth-content{align-items:center;animation:slideInFromRight .3s ease-out;background-color:#fffffff2;display:flex;justify-content:center;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:10}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (min-width:1024px){.auth-container{background-color:#fff;flex-direction:row;justify-content:space-between}.auth-banner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;width:50%}.auth-banner img{max-width:300px;transition:transform .3s ease}.auth-banner img:hover{transform:scale(1.05)}.auth-content{align-items:center;animation:fadeIn .3s ease-out;background-color:initial;display:flex;justify-content:center;min-height:100vh;position:static;width:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.mobile-view .auth-content{animation:slideIn .3s ease-out;background-color:#fffffff2;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:10}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-title{color:#333;margin-bottom:1.5rem;text-align:center}.auth-error{background-color:#ffebee;color:#d32f2f}.auth-error,.auth-success{border-radius:4px;margin-bottom:1rem;padding:10px;text-align:center}.auth-success{background-color:#e8f5e9;color:#2e7d32}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}.auth-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:12px;transition:background-color .2s}.auth-button:hover{background-color:#3e8e41}.auth-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.secondary-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.secondary-button:hover{background-color:#e0e0e0}.tertiary-button{background-color:initial;border:1px solid #ccc;color:#666;margin-top:.5rem}.tertiary-button:hover{background-color:#f9f9f9;color:#333}.auth-links{margin-top:1.5rem;text-align:center}.auth-links a{color:#4caf50;text-decoration:none}.auth-links a:hover{text-decoration:underline}.verification-failed,.verification-loading,.verification-message,.verification-success{padding:1rem 0;text-align:center}.verification-message h3{color:#4caf50;font-size:1.3rem;margin-bottom:1rem}.verification-message p{color:#555;line-height:1.5;margin-bottom:1rem}.verification-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}@media (min-width:768px){.verification-actions{flex-direction:row;justify-content:center}}.newsletter-card{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 16px);text-align:center;width:100%}.auth-card.newsletter-card{max-width:none}.newsletter-image{display:block;margin:0 auto 1.5rem;max-width:200px}.newsletter-text{color:#444;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.newsletter-form{margin-top:1rem;text-align:left;width:100%}.newsletter-form .form-group{margin-bottom:1rem}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:16px!important;max-height:44px}.newsletter-form .form-control{-webkit-appearance:none;appearance:none;border:1px solid #ddd;border-radius:4px;font-size:16px!important;line-height:normal!important;max-height:44px;padding:10px;transform:none!important;transition:none!important;width:100%}.newsletter-form .form-error{background-color:#ffebee;border-radius:4px;color:#e53935;font-size:.9rem;margin-bottom:1rem;padding:8px 12px}.newsletter-form .checkbox-group{align-items:flex-start;display:flex;gap:8px;margin-top:1rem}.newsletter-form .form-checkbox{margin-top:3px;width:auto}.newsletter-form .checkbox-label{font-weight:400;line-height:1.4}.newsletter-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}@media (min-width:768px){.newsletter-actions{flex-direction:row;justify-content:center}.newsletter-actions button{min-width:150px}}.newsletter-form input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.newsletter-form input[type=number]::-webkit-inner-spin-button,.newsletter-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media screen and (max-width:767px){body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.newsletter-form input,.newsletter-form select{zoom:1;font-size:16px!important;transform:scale(1)!important;-webkit-transform:scale(1)!important;transform-origin:left top}}.close-button-container{z-index:100}.close-button{background-color:#ffffffe6;box-shadow:0 2px 5px #0003;height:48px;width:48px}.close-icon{color:#555;font-size:28px;line-height:1}.close-button:hover{background-color:#fff}.close-button:hover .close-icon{color:#333}.profile-container{align-items:center;background-color:#f5f5f5;background-image:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;padding:20px;position:relative}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-width:500px;width:100%}.profile-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;padding:30px;width:100%}.profile-title{color:#fff;font-size:2rem;margin:0}.logout-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-right:10px;padding:12px;transition:background-color .2s}.logout-button:hover{background-color:#3e8e41}.delete-button{background-color:#fff;border:1px solid #d32f2f;border-radius:4px;color:#d32f2f;cursor:pointer;font-size:1rem;padding:12px;transition:all .2s}.delete-button:hover{background-color:#ffebee}.profile-section{margin-bottom:24px}.profile-field{margin-bottom:16px}.profile-field label{color:#555;display:block;font-weight:500;margin-bottom:5px}.profile-value{background-color:#f5f7fa;border-radius:4px;color:#333;padding:10px;word-break:break-word}.profile-value-with-action{align-items:center;display:flex;justify-content:space-between}.profile-value-with-action .profile-value{flex-grow:1;margin-right:10px}.editable-field{margin-bottom:12px;position:relative}.editable-field input,.editable-field select{background-color:#f5f7fa;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;transition:all .3s ease;width:100%}.editable-field input:focus,.editable-field select:focus{background-color:#fff;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.editable-field input:hover,.editable-field select:hover{background-color:#fff}.grade-system-options{display:flex;flex-wrap:wrap;gap:16px}.grade-label{color:#555;font-weight:500;margin-bottom:5px}.bananas-card{background-color:#fff8e1;border-left:4px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:16px}.bananas-card h3{align-items:center;color:#ff8f00;display:flex;margin-top:0}.bananas-card h3:after{content:"🍌";margin-left:8px}.bananas-list{margin-top:12px}.banana-gym-item{border-bottom:1px solid #ffe0b2;display:flex;justify-content:space-between;padding:8px 0}.banana-gym-item:last-child{border-bottom:none}.banana-count{color:#ff8f00;font-weight:700}.no-bananas{color:#757575;font-style:italic;padding:8px 0}.action-buttons{gap:12px;margin-top:24px}.grade-option{margin-bottom:12px}.grade-option label{color:#555;display:inline-block;font-weight:400;margin-bottom:5px}.edit-actions{display:flex;gap:10px}.save-button{flex-grow:1;padding:8px 16px}.cancel-button{flex-grow:1}.profile-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.back-button{align-items:center;background-color:#ffffffe6;box-shadow:0 2px 5px #0000001a;display:flex;left:20px;position:absolute;top:20px}.delete-confirmation-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirmation-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:24px;width:90%}.delete-confirmation-dialog h3{color:#d32f2f;margin-top:0}.password-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:10px;margin-top:10px;padding:12px;width:100%}.delete-confirmation-actions{margin-top:24px}.cancel-delete-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:8px 16px}.confirm-delete-button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.confirm-delete-button:disabled{background-color:#e0e0e0;cursor:not-allowed}@media (max-width:768px){.profile-card{padding:20px}.back-button{left:10px;top:10px}.grade-system-options{flex-direction:column;gap:8px}}.climber-detail-container{margin:0 auto;max-width:900px;min-height:100vh;padding:20px;position:relative}.climber-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.climber-detail-header h1{color:#333;flex-grow:1;margin:0;text-align:center}.access-denied button{background-color:#4caf50}.climber-profile{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;margin-bottom:30px;padding:20px}.climber-avatar-large{background-color:#e0e0e0;border-radius:50%;flex-shrink:0;height:100px;margin-right:25px;overflow:hidden;width:100px}.climber-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-large{align-items:center;background-color:#4caf50;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.climber-info-large{flex:1 1}.climber-info-large h2{color:#333;font-size:1.5rem;margin:0 0 5px}.climber-full-name{color:#555;font-size:1.1rem;margin:0 0 15px}.climber-stats-box{display:flex;gap:20px;margin-top:15px}.stat{align-items:center;display:flex;flex-direction:column}.stat-label{color:#777;font-size:.8rem;margin-bottom:3px}.stat-value{color:#333;font-size:1.2rem;font-weight:700}.gym-roles-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px}.gym-roles-section h3{border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.gym-roles-list{display:flex;flex-direction:column;gap:10px}.gym-role-item{background-color:#f9f9f9;border-radius:8px;padding:15px}.gym-role-info{align-items:center;display:flex;justify-content:space-between}.gym-name{font-weight:500}.role-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-size:.9rem;padding:6px 10px}.action-buttons{display:flex;justify-content:flex-end;margin-top:20px}.save-button{padding:10px 20px}.save-button:disabled{background-color:#b0bec5}@media (max-width:768px){.climber-detail-container{padding:15px}.climber-profile{flex-direction:column;text-align:center}.climber-avatar-large{margin-bottom:15px;margin-right:0}.gym-role-info{flex-direction:column;gap:10px}}@media (max-width:480px){.climber-stats-box{flex-wrap:wrap;justify-content:center}.stat{flex-basis:40%}.climber-detail-header h1{font-size:1.2rem}.back-button{font-size:.8rem;padding:6px 12px}}.add-gym-container{margin:0 auto;max-width:600px;min-height:100vh;padding:20px}.add-gym-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.add-gym-header h1{color:#333;margin:0}.add-gym-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.form-group input{padding:10px}.image-preview,.logo-preview{border:1px solid #eee;margin-top:10px}.logo-preview img{max-width:100%}.save-button{background-color:#4a6b8a}.save-button:hover:not(:disabled){background-color:#3a5a79}@media (max-width:480px){.form-actions{flex-direction:column}.form-actions button{width:100%}.cancel-button{order:2}.save-button{margin-bottom:10px;order:1}}.join-gym-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.join-gym-dialog{animation:dialog-enter .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:24px;width:90%}@keyframes dialog-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dialog-header h3{color:#333;font-size:1.5rem;margin:0}.close-button{align-items:center;border-radius:50%;color:#666;display:flex;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background-color:#f0f0f0}.join-gym-dialog p{color:#444;margin-bottom:16px}.join-info{background-color:#f5f7fa;border-left:3px solid #4caf50;border-radius:6px;color:#666;font-size:.9rem;padding:10px}.join-gym-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button,.confirm-button{padding:8px 16px}.confirm-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500}.confirm-button:hover{background-color:#3e8e41}@media (max-width:480px){.join-gym-dialog{padding:18px}.join-gym-actions{flex-direction:column-reverse}.cancel-button,.confirm-button{padding:12px;width:100%}}.attempt-display{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;display:flex;height:40px;padding:0 16px;width:max-content}.attempt-value{color:#333;font-size:1rem;font-weight:500}.loading-indicator{font-size:.9rem;font-style:italic}.modal-overlay{background-color:#0009}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:1.25rem}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;width:32px}.modal-close-button:hover{background-color:#f0f0f0;color:#333}.modal-actions{align-items:center;justify-content:space-between;margin-top:24px}.modal-actions,.modal-actions-left,.modal-actions-right{display:flex;gap:12px}.delete-confirmation{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:16px}.delete-confirmation p{color:#dc2626;font-weight:500;margin:0 0 12px}.delete-confirmation-actions{display:flex;gap:12px;justify-content:flex-end}.form-group input,.form-group input[type=date],.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2}.checkbox-group{align-items:center;display:flex;margin-top:4px}.checkbox-group input[type=checkbox]{margin-right:8px;width:auto}.checkbox-label{display:inline;font-weight:400;margin:0}.number-picker{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;height:40px;overflow:hidden;width:max-content}.number-picker-btn{align-items:center;background-color:#f5f5f5;border:none;color:#444;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:40px}.number-picker-btn:hover:not(:disabled){background-color:#e0e0e0}.number-picker-btn:disabled{color:#ccc;cursor:not-allowed}.number-picker-value{align-items:center;border-left:1px solid #ccc;border-right:1px solid #ccc;display:flex;font-size:1rem;height:100%;justify-content:center;min-width:60px;text-align:center}.date-picker-container{position:relative}input[type=date]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.current-date-display{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;padding:10px 36px 10px 12px;position:relative}.current-date-display:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%234CAF50%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><rect x=%273%27 y=%274%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27></rect><line x1=%2716%27 y1=%272%27 x2=%2716%27 y2=%276%27></line><line x1=%278%27 y1=%272%27 x2=%278%27 y2=%276%27></line><line x1=%273%27 y1=%2710%27 x2=%2721%27 y2=%2710%27></line></svg>");background-position:50%;background-repeat:no-repeat;content:"";height:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 16px;transition:background-color .2s,transform .1s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{background-color:#4caf50;color:#fff}.button.primary:hover{background-color:#3e8e41}.button.secondary{background-color:#e0e0e0;color:#333}.button.secondary:hover{background-color:#d0d0d0}.button.danger{background-color:#dc2626;color:#fff}.button.danger:hover{background-color:#b91c1c}.button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{color:#e53935;font-size:.9rem;margin-top:8px}.performance-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.chip{background-color:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.chip:hover{background-color:#e0e0e0}.chip.selected{background-color:#4caf50;border-color:#4caf50;color:#fff}.performance-options{animation:fadeIn .3s ease;background-color:#f5f5f5;border-radius:6px;margin-top:12px;padding:12px}.performance-radio-group{display:flex;flex-direction:column;gap:10px}.radio-container{align-items:center;cursor:pointer;display:flex;margin-bottom:0}.radio-container input[type=radio]{-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:50%;height:16px;margin-right:10px;outline:none;position:relative;transition:all .2s ease;vertical-align:middle;width:16px}.radio-container input[type=radio]:checked{border-color:#4caf50}.radio-container input[type=radio]:checked:before{background-color:#4caf50;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-container input[type=radio]:hover{border-color:#4caf50}.radio-label{cursor:pointer;font-weight:400;margin-bottom:0}.route-summary{align-items:center;background-color:#f5f5f5;border-radius:6px;display:flex;margin-bottom:20px;padding:12px}.route-info{flex:1 1}.route-grade,.route-location,.route-style{margin-bottom:4px}.route-grade{font-weight:500}.modal-backdrop{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pwa-install-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;overflow:hidden;width:90%}.pwa-install-modal .modal-content{padding:24px;text-align:center}.pwa-install-modal h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 16px}.pwa-install-modal p{color:#666;font-size:1rem;line-height:1.5;margin:0 0 24px}.pwa-install-modal .modal-actions{display:flex;gap:12px;justify-content:center}.manual-install-instructions{margin-bottom:24px;text-align:left}.manual-install-instructions h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 12px}.manual-install-instructions ol{margin:0;padding-left:20px}.manual-install-instructions li{color:#555;font-size:.95rem;line-height:1.4;margin-bottom:8px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;min-width:80px;padding:12px 24px;transition:all .2s ease}.modal-button.primary{background-color:#007aff;color:#fff}.modal-button.primary:hover{background-color:#0056cc}.modal-button.secondary{background-color:#f1f1f1;color:#333}.modal-button.secondary:hover{background-color:#e1e1e1}.modal-button:active{transform:translateY(1px)}.menu-container{align-items:center;display:flex;position:relative;z-index:100}.my-icon-button.hamburger-button-custom{background-color:initial;border:none;box-shadow:none}.my-icon-button.hamburger-button-custom:hover{background-color:initial;opacity:.7}.hamburger-icon{display:flex;flex-direction:column;height:14px;justify-content:space-between;width:18px}.hamburger-icon span{background-color:#333;border-radius:1px;height:2px;transition:all .3s ease;width:100%}.menu-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:0;top:50px;width:200px}.menu-list{list-style:none;margin:0;padding:0}.menu-list li{cursor:pointer;padding:12px 16px;transition:background-color .3s ease}.menu-list li:hover{background-color:#f5f5f5}.my-icon-button{align-items:center;background-color:#4caf50;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:56px;justify-content:center;padding:8px;transition:transform .2s,background-color .2s;width:56px}.my-icon-button:hover{background-color:#45a049;transform:scale(1.05)}.my-icon-button svg{stroke:#fff;height:28px;width:28px}.my-icon-button.info-button svg{stroke-width:2px;font-size:32px}@media (max-width:600px){.my-icon-button{height:48px;width:48px}.my-icon-button svg{height:24px;width:24px}}.page-header{background-color:#fff;border-bottom:1px solid #fff;box-sizing:border-box;height:64px;justify-content:space-between;margin:8px 0 0;padding:0 20px;position:relative;width:100%}.page-header,.title-container{align-items:center;display:flex}.title-container{justify-content:flex-start;max-width:70%}.page-header h1{color:#333;font-size:1.5rem;line-height:1.3;margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.header-actions{gap:12px;justify-content:flex-end}.header-action-item{align-items:center;display:flex;justify-content:center}.fixed-header{border-bottom:1px solid #fff}.header-spacer{display:none}@media (max-width:600px){.page-header{align-items:center;flex-direction:row;height:56px;justify-content:space-between;padding:0 15px}.title-container{max-width:75%}.page-header h1{font-size:1.3rem}.header-actions{margin-left:auto}}.gym-selector-wrapper{align-items:center;display:flex;gap:12px}.gym-selector{flex:1 1;max-width:320px;min-width:200px;position:relative}.gym-selector-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;color:#1f2937;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;min-height:44px;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.gym-selector-button:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.gym-selector-button:hover:before{left:100%}.gym-selector-button:hover:not(.disabled){border-color:#4caf50;box-shadow:0 4px 12px 0 #4caf5026;transform:translateY(-1px)}.gym-selector-button:focus{outline:none}.gym-selector-button.open,.gym-selector-button:focus{border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a}.gym-selector-button.disabled{background:#f9fafb;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}.gym-selector-button.disabled:hover{border-color:#e5e7eb;box-shadow:0 1px 3px 0 #0000001a;transform:none}.gym-selector-text{color:#1f2937;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.gym-selector-arrow{color:#6b7280;flex-shrink:0;margin-left:12px;transition:all .2s ease}.gym-selector-arrow.open{color:#4caf50;transform:rotate(180deg)}.gym-selector-dropdown{animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:50}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gym-selector-dropdown::-webkit-scrollbar{width:6px}.gym-selector-dropdown::-webkit-scrollbar-track{background:#0000}.gym-selector-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.gym-selector-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.gym-option{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:14px 16px;text-align:left;transition:all .15s ease;width:100%}.gym-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.gym-option:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.gym-option:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#1f2937}.gym-option.selected{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;font-weight:600}.gym-option.selected:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)}.gym-option-text{flex:1 1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gym-option-check{color:#2e7d32;flex-shrink:0;margin-left:12px}.gym-option-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;justify-content:center;padding:20px 16px}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#4caf50}.gym-option-empty{color:#9ca3af;font-size:14px;font-style:italic;padding:20px 16px}.gym-add-button,.gym-option-empty{align-items:center;display:flex;justify-content:center}.gym-add-button{background:#4caf50;border:none;border-radius:12px;box-shadow:0 2px 8px 0 #4caf504d;color:#fff;cursor:pointer;height:44px;transition:all .2s ease;width:44px}.gym-add-button:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px 0 #4caf5066;transform:translateY(-1px)}.gym-add-button:focus{box-shadow:0 0 0 4px #4caf504d;outline:none}.gym-add-button:disabled{background:#9ca3af;box-shadow:0 2px 8px 0 #9ca3af4d;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:640px){.gym-selector{max-width:240px;min-width:160px}.gym-selector-button{min-height:40px;padding:10px 14px}.gym-selector-text{font-size:16px}.gym-add-button{height:40px;width:40px}.gym-option{padding:12px 14px}.gym-option,.gym-option-text{font-size:15px}}.rankings-list-container{border:1px solid #eee;border-radius:8px;display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;overflow:hidden;width:100%}.rankings-list-header{align-items:center;background-color:#4caf50;border-bottom:1px solid #3e8e41;color:#fff;display:flex;font-size:.9rem;font-weight:500;line-height:1.2;padding:12px 16px;position:sticky;top:0;z-index:10}.ranking-list-header-grade{align-items:center;display:flex;flex:0 0 60px}.ranking-list-header-setter{align-items:center;display:flex;flex:1 1;padding-left:24px}.ranking-list-header-rope{flex:0 0 80px}.ranking-list-header-bananas,.ranking-list-header-rope{align-items:center;display:flex;justify-content:center;text-align:center}.ranking-list-header-bananas{flex:0 0 60px;font-size:1rem}.ranking-list-header-performance{align-items:center;display:flex;flex:0 0 100px;justify-content:center;text-align:center}.ranking-list-header .sortable{cursor:pointer;position:relative;transition:background-color .2s ease}.ranking-list-header .sortable:hover{background-color:#ffffff1a}.ranking-list-header .sortable.active{font-weight:600}.ranking-list-header .sort-direction{display:inline-block;font-weight:700;margin-left:4px}.rankings-list-scrollable{background-color:#fff;flex:1 1;overflow-x:hidden;overflow-y:auto}.ranking-list-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:8px 16px;transition:background-color .15s ease-in-out}.ranking-list-item:hover{background-color:#f9f9f9}.ranking-list-item:last-child{border-bottom:none}.ranking-list-item-grade{align-items:center;display:flex;flex:0 0 40px;height:40px;justify-content:center;margin-right:20px}.ranking-list-item-setter{color:#333;display:flex;flex:1 1;flex-direction:column;font-size:.95rem;justify-content:center;padding-left:24px}.ranking-list-item-setter .setter-detail{color:#666;font-size:.8rem}.ranking-list-item-rope{color:#555;flex:0 0 80px}.ranking-list-item-bananas,.ranking-list-item-rope{align-items:center;display:flex;font-size:.9rem;justify-content:center;text-align:center}.ranking-list-item-bananas{color:#f59e0b;flex:0 0 60px;font-weight:600}.ranking-list-item-performance{flex:0 0 100px;flex-direction:column;min-height:40px}.ranking-list-item-performance,.rankings-list-container .grade-circle{align-items:center;display:flex;justify-content:center;text-align:center}.rankings-list-container .grade-circle{border:1px solid #0000;border-radius:50%;box-shadow:0 1px 3px #0000001a;font-size:.9rem;font-weight:600;height:40px;overflow:hidden;padding:0;width:40px}.performance-badge{border-radius:999px;box-sizing:border-box;display:inline-block;font-size:.75rem;font-weight:500;line-height:1.2;max-width:100%;overflow:hidden;padding:3px 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.performance-badge.topped{background-color:#def7ec;border:1px solid #a1eecf;color:#03543e}.performance-badge.flash{color:#723b13}.performance-badge.onsight{background-color:#fef3c7;border:1px solid #fde68a;color:#9f580a}.performance-badge.redpoint{background-color:#e1effe;border:1px solid #bfdbfe;color:#3f83f8}.performance-badge.not-topped{background-color:#fde8e8;border:1px solid #fbcaca;color:#9b1c1c}.performance-badge.blocks{background-color:#ede9fe;border:1px solid #ddd6fe;color:#5b21b6}@media (max-width:480px){.rankings-list-header{font-size:.8rem;padding:10px}.ranking-list-header-grade{flex-basis:50px}.ranking-list-header-setter{padding-left:10px}.ranking-list-header-rope{flex-basis:70px}.ranking-list-header-performance{flex-basis:80px}.ranking-list-item{padding:6px 10px}.ranking-list-item-grade{margin-right:10px}.ranking-list-item-rope{flex-basis:70px}.ranking-list-item-performance{flex-basis:80px}.ranking-list-item-setter{font-size:.9rem;padding-left:10px}.rankings-list-container .grade-circle{font-size:.85rem;height:36px;width:36px}.performance-badge{font-size:.7rem;padding:2px 6px}}.gym-detail-container{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:960px;overflow:hidden;padding:0;touch-action:pan-y;-webkit-user-select:none;user-select:none}.gym-detail-container.swipe-active{transition:transform .1s ease-out}.gym-detail-container.swipe-active .tab-content-area{opacity:.9;transition:opacity .1s ease-out}.loading-indicator{margin-top:20px;padding:40px 20px}.tab-loading-indicator{color:#666;font-size:.9rem;font-style:italic;padding:20px;text-align:center}.error-message{border:1px solid #f5c6cb;padding:10px 15px}.gym-tabs{align-items:center;border-bottom:1px solid #e0e0e0;justify-content:space-between;margin:0;padding:0;position:relative}.gym-tabs:after,.gym-tabs:before{background:linear-gradient(45deg,#0000 50%,#e0e0e0 0);content:"";height:12px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:8px}.gym-tabs:before{background:linear-gradient(-45deg,#0000 50%,#e0e0e0 0);left:4px}.gym-tabs:after{background:linear-gradient(45deg,#0000 50%,#e0e0e0 0);right:4px}.gym-tabs-left{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none}.gym-tabs-left::-webkit-scrollbar{display:none}.gym-tabs-right{align-items:center;display:flex;flex-shrink:0}.tab-filter-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin:0;padding:0}.tab-filter-button svg{stroke:currentColor;height:1rem;width:1rem}.tab-filter-button:hover{opacity:.7}.tab-filter-button:active{opacity:.5}.gym-tab{border-bottom:3px solid #0000;flex-shrink:0;font-size:1rem;font-weight:500;margin-right:8px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.gym-tab:last-child{margin-right:0}.gym-tab.active{border-bottom-color:#4caf50}.gym-tab:hover:not(.active){border-bottom-color:#ccc;color:#333}.banana-cup-section,.climbs-section,.feedback-section,.routes-section{display:flex;flex:1 1;flex-direction:column;margin:0;overflow:hidden;padding:0}.banana-cup-section>*,.feedback-section>:first-child{margin:0 12px}.banana-cup-section>*,.feedback-section>*{flex:1 1;overflow:auto}.rankings-list-container{margin:0!important}.feedback-section h3{margin:20px 0 16px!important}.feedback-section .feedback-list{margin:0 0 24px!important}.filter-section{margin:0;padding:0}.filter-section-hidden{display:none!important}.filter-sort-row{justify-content:flex-end;margin-bottom:0}.filter-sort-row,.sort-options{align-items:center;display:flex;flex-wrap:wrap}.sort-options{gap:6px}.sort-button{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:6px 12px;transition:all .2s}.sort-button:hover{background-color:#e8e8e8}.sort-button.active{background-color:#e8f5e9;border-color:#a5d6a7;color:#2e7d32;font-weight:500}.sort-direction{font-weight:700;line-height:1}.filter-icon-button{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s,transform .2s,box-shadow .2s;width:36px}.filter-icon-button:hover{background-color:#e0e0e0;transform:scale(1.05)}.filter-icon-button svg{stroke:#555;height:18px;width:18px}.active-filters{align-items:center;background-color:#fff;border:1px solid #4caf50;border-radius:4px;display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;margin-bottom:8px;padding:6px 10px}.active-filters>span:first-child{color:#555;margin-right:4px}.active-filter-tag{align-items:center;background-color:#e1f5fe;border-radius:4px;color:#0277bd;display:inline-flex;font-size:.85rem;padding:4px 8px}.clear-filters-button{background-color:initial;border:none;border-radius:4px;color:#d32f2f;cursor:pointer;font-size:.85rem;font-weight:500;margin-left:auto;padding:4px 8px;transition:background-color .2s}.clear-filters-button:hover{background-color:#ffebee}.filters-container{background-color:#fff;border:1px solid #4caf50;border-radius:8px;margin-bottom:8px;padding:10px}.filter-group{margin-bottom:15px}.filter-group:last-child{margin-bottom:0}.filter-group h3{border-bottom:1px solid #eee;color:#333;font-size:1rem;margin:0 0 10px;padding-bottom:5px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{background-color:#fff;border:1px solid #ccc;border-radius:16px;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .2s ease}.filter-option:hover{background-color:#f0f0f0;border-color:#bbb}.filter-option.active{background-color:#e8f5e9;border-color:#4caf50;color:#2e7d32;font-weight:500}.color-filter{box-shadow:0 1px 2px #0000001a;min-width:80px;text-align:center}.color-filter.active{box-shadow:0 2px 4px #00000026;font-weight:500;outline:2px solid #4caf50;outline-offset:1px}.empty-routes{align-items:center;background-color:#f5f7fa;border:1px dashed #e0e4e8;border-radius:8px;display:flex;flex-direction:column;gap:15px;justify-content:center;margin:0;padding:40px 20px}.empty-routes p{color:#555;font-size:1.1rem;margin:0}.empty-routes .clear-filters-button{background-color:#ffebee;border:1px solid #f5c6cb;font-size:.9rem;margin-left:0;padding:8px 16px}.empty-routes .clear-filters-button:hover{background-color:#f8d7da}.my-icon-button.floating-action-button{bottom:20px;box-shadow:0 4px 10px #0003;position:fixed;right:20px;z-index:100}.my-icon-button.floating-action-button:active{transform:scale(.95)}@media (max-width:600px){.gym-tab{font-size:.95rem;padding:10px 12px}.filter-sort-row{align-items:stretch;flex-direction:column}.sort-options{justify-content:center;margin-bottom:10px;width:100%}.filter-icon-button{align-self:flex-end}.my-icon-button.floating-action-button{bottom:16px;right:16px}}@media (max-width:480px){.gym-tabs{padding:0 10px}.gym-tab{font-size:.9rem;padding:12px}.filter-section{padding:0}.sort-button{font-size:.85rem;padding:5px 10px}.filter-option{font-size:.8rem;padding:5px 10px}.empty-routes{padding:30px 15px}.empty-routes p{font-size:1rem}}.tab-content-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px;position:relative;transition:transform .2s ease-out}.filter-drawer-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-drawer{animation:slideUp .3s ease-out;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:100%}.filter-drawer-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.filter-drawer-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.filter-drawer-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.filter-drawer-close:hover{background-color:#e0e0e0}.filter-drawer-content{flex:1 1;overflow-y:auto;padding:20px}.floating-action-button-center{align-items:center!important;bottom:20px!important;display:flex!important;justify-content:center!important;left:50%!important;position:fixed!important;transform:translateX(-50%)!important;z-index:100!important}.floating-action-button-center,.floating-action-button-center>*{margin:0!important;padding:0!important}.floating-action-button-center .my-icon-button.floating-action-button{bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important}.floating-action-button{border-radius:50%!important;box-shadow:0 4px 12px #00000026!important;height:56px!important;margin:0!important;position:relative!important;transition:all .2s ease!important;width:56px!important}.floating-action-button:hover{box-shadow:0 6px 16px #0003!important;transform:scale(1.05)}.floating-action-button.filter-fab{background-color:#fff!important;border:1px solid #e0e0e0!important;color:#666!important}.floating-action-button.filter-fab svg{stroke:#666!important}.floating-action-button.filter-fab.has-filters{background-color:#ff9800!important;border:1px solid #ff9800!important;color:#fff!important}.floating-action-button.filter-fab.has-filters svg{stroke:#fff!important}.floating-action-button.info-fab{background-color:#fff!important;border:1px solid #e0e0e0!important;color:#666!important}.floating-action-button.info-fab svg{stroke:#666!important}.floating-action-button.add-fab{background-color:#4caf50!important;bottom:20px!important;color:#fff!important;position:fixed!important;right:20px!important;z-index:100}.filter-count{align-items:center;background-color:#ff5722;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.active-filters-summary{align-items:center;background-color:#f8f9fa;border-left:4px solid #2196f3;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.active-filters-summary span{color:#666;font-size:.9rem}@media (max-width:768px){.gym-tabs:after,.gym-tabs:before{height:16px;opacity:.7;width:10px}.gym-tabs:before{left:2px}.gym-tabs:after{right:2px}.floating-action-button-center{bottom:16px!important;left:50%!important;transform:translateX(-50%)!important}.floating-action-button-center,.floating-action-button-center>*{margin:0!important;padding:0!important}.floating-action-button-center .my-icon-button.floating-action-button{bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important}.floating-action-button{height:48px!important;width:48px!important}.floating-action-button.add-fab{bottom:16px!important;right:16px!important}.filter-drawer{max-height:85vh}.filter-drawer-content{padding:16px}}.no-ground-plan{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;text-align:center}.no-ground-plan-content{max-width:400px}.no-ground-plan-content h3{color:#666;font-size:1.25rem;margin-bottom:1rem}.no-ground-plan-content p{color:#888;line-height:1.5;margin:.5rem 0}.floating-action-button.map-toggle-fab{background-color:#2196f3;bottom:16px;box-shadow:0 4px 8px #0003;left:16px;position:fixed;z-index:1000}.floating-action-button.map-toggle-fab:hover{background-color:#1976d2}.floating-action-button.add-fab{bottom:16px;position:fixed;right:16px;z-index:1000}@media (max-width:768px){.floating-action-button.map-toggle-fab{bottom:16px;height:48px!important;left:16px;width:48px!important}.floating-action-button.add-fab{bottom:16px;height:48px!important;right:16px;width:48px!important}}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#888;cursor:pointer;font-size:24px;transition:color .3s}.close-button:hover{color:#333}.modal-body{flex:1 1;overflow-y:auto}.modal-body h3{color:#444;margin-bottom:16px;margin-top:0}.modal-body h4{color:#555;margin-bottom:10px;margin-top:20px}.modal-body p{color:#666;line-height:1.5;margin-bottom:16px}.modal-body ul{margin-bottom:16px;padding-left:20px}.modal-body li{color:#666;line-height:1.5;margin-bottom:8px}.close-modal-button{background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .3s}.close-modal-button:hover{background-color:#e0e0e0}@media (max-width:600px){.modal-content{width:95%}.modal-header h2{font-size:1.3rem}.modal-body{padding:15px}}.map-view{align-items:center;background-color:#f5f5f5;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.map-view.error{flex-direction:column}.ground-plan-image{max-height:none;max-width:none;transform-origin:center center;transition:transform .1s ease-out}.error-message{color:#666;padding:2rem}.error-message p{margin:.5rem 0}.map-controls{display:flex;flex-direction:column;gap:.5rem;position:absolute;z-index:10}.map-controls.top-right{right:1rem;top:1rem}.map-controls.bottom-right{bottom:1rem;right:1rem}.zoom-info{background-color:#000000b3;border-radius:4px;text-align:center}.reset-button,.zoom-info{color:#fff;font-size:.875rem;padding:.5rem 1rem}.reset-button{background-color:#4caf50;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.reset-button:hover{background-color:#45a049}.reset-button:active{background-color:#3d8b40}.rope-marker{pointer-events:none;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.rope-marker[style*=pointer]{pointer-events:auto}.rope-marker[style*=pointer]:hover{transform:translate(-50%,-50%) scale(1.1)}.rope-marker[style*=pointer]:hover .rope-number{background-color:#4caf50;box-shadow:0 2px 12px #4caf5066}.rope-number{align-items:center;background-color:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}@media (max-width:768px){.map-controls.top-right{right:.5rem;top:.5rem}.map-controls.bottom-right{bottom:.5rem;right:.5rem}.reset-button,.zoom-info{font-size:.75rem;padding:.375rem .75rem}.rope-number{font-size:12px;height:28px;width:28px}}.gym-edit-container{margin:0 auto;max-width:800px;padding:20px}.gym-edit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.gym-edit-header h1{color:#333;flex-grow:1;font-size:1.8rem;margin:0;text-align:center}.access-denied{margin-top:20px}.access-denied p{color:#666;margin-bottom:20px}.back-button{padding:10px 20px}.error-message,.success-message{margin-bottom:20px}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:12px}.gym-edit-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}.form-group label{color:#444}.form-group input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:12px;width:100%}.form-group input:focus{background-color:#fff;border-color:#4caf50;outline:none}.image-preview,.logo-preview{border:1px dashed #ddd;border-radius:4px;margin-top:12px;padding:10px;text-align:center}.image-preview img{border-radius:4px;transition:transform .2s ease,box-shadow .2s ease}.image-preview img[style*=pointer]{cursor:pointer}.image-preview img[style*=pointer]:hover{box-shadow:0 4px 12px #0003;transform:scale(1.02)}.logo-preview img{border-radius:4px;max-height:100px}.file-info{font-size:14px;text-align:center}.file-info:last-child{color:#007bff;font-style:italic}.styles-checkboxes{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.style-checkbox{align-items:center;display:flex;gap:8px}.style-checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.style-checkbox label{cursor:pointer;margin:0}.form-actions{gap:15px}.cancel-button,.save-button{border-radius:4px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s}.cancel-button:hover{background-color:#e0e0e0}.save-button:hover{background-color:#3e8e41}.save-button:disabled{background-color:#a5d6a7}.feedback-settings{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.feedback-checkbox{align-items:center;display:flex;margin-bottom:12px}.feedback-checkbox input[type=checkbox]{margin-right:10px;transform:scale(1.1)}.feedback-checkbox label{color:#333;cursor:pointer;font-size:14px}.feedback-options{border-left:2px solid #e0e0e0;margin-left:20px;margin-top:12px;padding-left:16px}.feedback-options .feedback-checkbox{margin-bottom:10px}.feedback-options .feedback-checkbox label{color:#555;font-size:13px}.feedback-checkbox:first-child label{color:#2c3e50;font-weight:600}@media (max-width:600px){.gym-edit-container,.gym-edit-form{padding:15px}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}.feedback-options{margin-left:10px;padding-left:12px}}input[type=file]{background-color:#fafafa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;font-size:.9rem;padding:12px;transition:border-color .3s ease;width:100%}input[type=file]:hover{background-color:#f0f8f0;border-color:#4caf50}input[type=file]:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.file-info{color:#666;font-size:.8rem;font-style:italic;margin-top:8px}.form-group .image-preview{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;max-width:100%;overflow:hidden}.form-group .image-preview img{height:auto;max-height:300px;object-fit:contain;width:100%}.route-feedback-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:16px 0;padding:20px}.route-feedback-form h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.feedback-stars{margin-bottom:20px}.feedback-stars label{color:#555;display:block;font-weight:500;margin-bottom:8px}.stars-container{align-items:center;display:flex;gap:4px}.star{background:none;border:none;border-radius:4px;cursor:pointer;font-size:24px;padding:4px;transition:color .2s ease}.star:hover{color:orange}.star.active{color:#ff6b35}.clear-stars{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 8px;text-decoration:underline}.clear-stars:hover{color:#333}.feedback-grade{margin-bottom:20px}.feedback-grade label{color:#555;display:block;font-weight:500;margin-bottom:8px}.feedback-grade select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;max-width:200px;padding:8px 12px;width:100%}.feedback-grade select:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533;outline:none}.feedback-comment{margin-bottom:20px}.feedback-comment label{color:#555;display:block;font-weight:500;margin-bottom:8px}.feedback-comment textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.feedback-comment textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533;outline:none}.feedback-comment small{color:#666;display:block;font-size:12px;margin-top:4px}.moderation-notice{color:#888!important;font-style:italic}.error-message{background:#ffe6e6;border:1px solid #fab1a0;color:#d63031;font-size:14px;padding:12px}.form-actions{justify-content:flex-end}.submit-button{background:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background:#e55a2b}.submit-button:disabled{background:#ccc;cursor:not-allowed}.cancel-button{background:#f8f9fa;color:#666;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.feedback-disabled{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#666;font-style:italic;padding:16px;text-align:center}@media (max-width:768px){.route-feedback-form{margin:12px 0;padding:16px}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.route-feedback-display{margin:12px 0}.route-feedback-display.no-feedback{padding:8px 0}.no-feedback-text{color:#888;font-size:14px;font-style:italic}.feedback-stars-display{margin-bottom:12px}.stars-summary{margin-bottom:8px}.average-stars,.stars-summary{align-items:center;display:flex;gap:8px}.stars-visual{display:flex;gap:2px}.star{color:#ddd;font-size:16px}.star.filled{color:#ff6b35}.average-text{color:#666;font-size:14px;font-weight:500}.stars-distribution{background:#f8f9fa;border-radius:4px;margin-top:8px;padding:12px}.distribution-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.rating-label{color:#666;font-size:12px;width:20px}.distribution-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.distribution-fill{background:#ff6b35;height:100%;transition:width .3s ease}.distribution-count{color:#666;font-size:12px;text-align:right;width:30px}.feedback-grade-display{margin-bottom:12px}.grade-summary{align-items:center;display:flex;gap:8px;margin-bottom:4px}.suggested-grade{color:#333;font-size:14px}.grade-count{font-size:12px}.grade-distribution{background:#f8f9fa;border-radius:4px;margin-top:8px;padding:12px}.grade-distribution h4{color:#666;font-size:12px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.grade-distribution-item{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:2px}.grade-label{color:#333}.grade-count{color:#666}.feedback-comments-display{margin-bottom:8px}.comments-count{align-items:center;color:#666;display:flex;font-size:14px;gap:4px}.feedback-metadata{border-top:1px solid #e9ecef;margin-top:8px;padding-top:8px}.feedback-metadata small{color:#888;font-size:11px}.route-feedback-display.compact{margin:4px 0}.route-feedback-display.compact .stars-summary{margin-bottom:0}.route-feedback-display.compact .average-text,.route-feedback-display.compact .comments-count,.route-feedback-display.compact .grade-count{font-size:12px}.route-feedback-display.compact .star{font-size:14px}@media (max-width:768px){.grade-summary,.stars-summary{align-items:flex-start;flex-direction:column;gap:4px}.distribution-row{gap:6px}.rating-label{width:18px}.distribution-count{width:25px}}.route-feedback-list{margin:16px 0}.feedback-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:12px;padding:16px}.feedback-header{border-bottom:1px solid #f1f3f4;margin-bottom:12px;padding-bottom:8px}.climber-name{color:#333;font-size:14px;font-weight:600}.feedback-date{color:#666;font-size:12px}.feedback-content{display:flex;flex-direction:column;gap:8px}.feedback-item-stars{display:flex;gap:2px}.feedback-item-stars .star{color:#ddd;font-size:16px}.feedback-item-stars .star.filled{color:#ff6b35}.feedback-item-grade{align-items:center;display:flex;gap:8px}.grade-label{color:#666;font-size:13px}.grade-value{background:#f8f9fa;border-radius:4px;color:#333;font-size:14px;font-weight:600;padding:2px 8px}.feedback-comment{margin-top:4px}.feedback-comment p{word-wrap:break-word;color:#333;font-size:14px;line-height:1.4;margin:0}.feedback-list-loading{align-items:center;color:#666;display:flex;gap:12px;justify-content:center;padding:32px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#ff6b35;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feedback-list-error{background:#ffe6e6;border:1px solid #fab1a0;border-radius:4px;color:#d63031;padding:16px;text-align:center}.feedback-list-empty{padding:24px}.feedback-list-empty,.feedback-list-more{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#666;font-style:italic;text-align:center}.feedback-list-more{font-size:13px;padding:12px}.route-feedback-list.compact .feedback-item{margin-bottom:8px;padding:12px}.route-feedback-list.compact .feedback-header{margin-bottom:8px}.route-feedback-list.compact .climber-name{font-size:13px}.route-feedback-list.compact .feedback-date{font-size:11px}.route-feedback-list.compact .feedback-item-stars .star{font-size:14px}.route-feedback-list.compact .grade-value{font-size:13px;padding:1px 6px}.route-feedback-list.compact .feedback-comment p{font-size:13px}@media (max-width:768px){.feedback-item{padding:12px}.feedback-header{align-items:flex-start;flex-direction:column;gap:4px}.feedback-date{align-self:flex-end}.feedback-item-grade{align-items:flex-start;flex-direction:column;gap:4px}}.route-actions-top{display:flex;gap:10px;position:absolute;right:15px;top:15px;z-index:10}.route-videos-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.route-videos-section h3{color:#333;font-size:1.2em;font-weight:600;margin:0 0 16px}.videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.video-item{background:#fafafa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.video-wrapper{background:#000;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-info{padding:12px}.video-title{color:#333;font-size:.95em;font-weight:600;margin-bottom:8px}.video-meta{color:#666;display:flex;font-size:.85em;justify-content:space-between;margin-bottom:12px}.video-uploader{font-weight:500}.video-date{color:#888}.video-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-small{border-radius:4px;padding:6px 12px}.btn-secondary{border:none;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background-color:#5a6268}.btn-danger{border:none;cursor:pointer;transition:background-color .2s ease}.btn-danger:hover{background-color:#c82333}.videos-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.videos-header h3{margin:0!important}.no-videos-message{color:#666;padding:40px 20px;text-align:center}.no-videos-message p{margin:8px 0}.no-videos-message p:first-child{color:#333;font-size:1.1em}@media (max-width:768px){.videos-grid{grid-template-columns:1fr}.video-meta{flex-direction:column;gap:4px}.video-actions{justify-content:flex-start}}.archive-icon-button,.edit-icon-button{align-items:center;background-color:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 5px #00000026;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s,transform .2s;width:40px}.archive-icon-button:hover,.edit-icon-button:hover{background-color:#2563eb;transform:scale(1.05)}.archive-icon-button svg,.edit-icon-button svg{height:20px;width:20px}.archive-icon-button{background-color:#e53935}.archive-icon-button:hover{background-color:#c62828}.log-climb-button{align-items:center;background-color:#4caf50;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:background-color .2s,transform .2s;width:60px;z-index:100}.log-climb-button:hover{background-color:#3c9f40;transform:scale(1.05)}.log-climb-button svg{height:24px;width:24px}.route-detail-container{margin:0 auto;max-width:800px;min-height:100vh;padding:20px;position:relative}.route-detail-header{margin-bottom:20px}.route-detail-header h1{color:#333;margin:0 0 5px}.gym-name{color:#666;font-size:1.1rem;font-style:italic;margin-bottom:10px}.route-info-card,.route-info-section{margin-bottom:20px}.route-info-card{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px}.route-primary-display{align-items:flex-start;display:flex;gap:16px;margin-bottom:0}.grade-circle-small{align-items:center;border:2px solid;border-radius:50%;box-shadow:0 1px 3px #00000026;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:44px;justify-content:center;width:44px}.route-info-grid{flex:1 1;min-width:0}.info-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-item{display:flex;flex:1 1;flex-direction:column;min-width:0}.info-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.info-value{color:#1e293b;font-size:.9rem;font-weight:500;word-break:break-word}.route-actions-compact{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.action-button.edit{background-color:#3b82f6;color:#fff}.action-button.edit:hover{background-color:#2563eb;transform:translateY(-1px)}.action-button.archive{background-color:#ef4444;color:#fff}.action-button.archive:hover{background-color:#dc2626;transform:translateY(-1px)}.action-button.add-video{background-color:#8b5cf6;color:#fff}.action-button.add-video:hover{background-color:#7c3aed;transform:translateY(-1px)}.action-button svg{height:14px;width:14px}.route-description{border-top:1px solid #e1e5e9;margin-top:12px;padding-top:12px}.description-label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.description-text{color:#475569;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-line}.archived-indicator{align-items:center;background-color:#fef3c7;border-radius:6px;color:#92400e;display:flex;font-size:.8rem;font-weight:500;justify-content:center;margin-top:12px;padding:8px 12px}@media (max-width:768px){.route-primary-display{flex-direction:column;gap:12px}.grade-circle-small{align-self:flex-start}.info-row{flex-direction:column;gap:6px;margin-bottom:6px}.info-item{align-items:baseline;flex:none;flex-direction:row;gap:8px;min-height:auto}.info-label{flex-shrink:0;font-size:.7rem;margin-bottom:0;min-width:60px}.info-value{flex:1 1;font-size:.85rem}.route-actions-compact{justify-content:flex-start;margin-top:8px}}.back-button{background-color:#4caf50}.route-detail-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;padding:20px;position:relative}.route-detail-top{align-items:center;display:flex;margin-bottom:20px}.route-color-sample{align-items:center;border-radius:50%;box-shadow:0 2px 5px #0003;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;margin-right:20px;width:80px}.route-primary-info{flex-grow:1}.route-grade-display,.route-style-display{margin-bottom:10px}.route-grade-display .label,.route-style-display .label{color:#555;display:inline-block;font-weight:700}.route-grade-display .value,.route-style-display .value{font-size:1.1rem}.route-picture-container{background-color:#f0f0f0;border-radius:8px;margin-bottom:20px;overflow:hidden;text-align:center}.route-picture{max-height:400px;max-width:100%;object-fit:contain}.route-details-section{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.route-detail-item{background-color:#f9f9f9;border-radius:6px;display:flex;flex-direction:column;margin-bottom:5px;padding:10px}.route-detail-item .label{color:#666;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:5px;min-width:auto}.route-detail-item .value{font-size:1rem;white-space:pre-line}.route-status{font-weight:700;text-transform:capitalize}.route-comments,.route-notes,.route-notes-section{margin-bottom:20px}.route-comments h3,.route-notes h3{color:#333;font-size:1.1rem;margin-bottom:10px;margin-top:0}.route-comments p,.route-notes p{color:#555;line-height:1.5;margin:0;white-space:pre-line}@media (max-width:600px){.route-detail-top{align-items:flex-start;flex-direction:column}.route-color-sample{margin-bottom:15px}.route-details-section{grid-template-columns:1fr}}.climb-history-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px}.climb-history-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.climb-history-list{display:flex;flex-direction:column;gap:12px}.climb-history-hint{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;margin-bottom:8px;padding:12px 16px}.climb-history-hint p{color:#0369a1;font-size:14px;font-weight:500;margin:0;text-align:center}.climb-history-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px;transition:all .2s ease}.climb-history-item.clickable{cursor:pointer}.climb-history-item.clickable:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.climb-history-item.clickable:hover .edit-climb-button{background-color:#3b82f61a;color:#3b82f6}.climb-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.climb-actions{align-items:center;display:flex;gap:12px}.edit-climb-button{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.edit-climb-button:hover{background-color:#3b82f61a;color:#3b82f6}.edit-climb-button svg{height:16px;width:16px}.performance-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.performance-badge.on-sight{background-color:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.performance-badge.flash{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.performance-badge.redpoint{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.performance-badge.topped{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.performance-badge.attempted{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.performance-badge.blocks{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.climb-date{color:#64748b;font-size:14px;font-weight:500}.climb-history-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.climb-detail{align-items:center;display:flex;gap:4px}.climb-detail .label{color:#64748b;font-size:13px;font-weight:500}.climb-detail .value{color:#1e293b;font-size:13px;font-weight:600}.climb-notes{border-top:1px solid #f1f5f9;margin-top:8px;padding-top:8px}.climb-notes .label{color:#64748b;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.climb-notes .value{color:#374151;font-size:14px;line-height:1.5}.no-climbs-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px;text-align:center}.no-climbs-section p{color:#64748b;font-size:14px;margin:0}@media (max-width:600px){.climb-history-header{align-items:flex-start}.climb-history-details,.climb-history-header{flex-direction:column;gap:8px}}.route-feedback-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.feedback-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.feedback-actions{display:flex;gap:8px}.feedback-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.feedback-action-btn.add{background-color:#059669;color:#fff}.feedback-action-btn.add:hover{background-color:#047857}.feedback-action-btn.edit{background-color:#0284c7;color:#fff}.feedback-action-btn.edit:hover{background-color:#0369a1}.feedback-action-btn.delete{background-color:#dc2626;color:#fff}.feedback-action-btn.delete:hover{background-color:#b91c1c}.toggle-details-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;margin-top:8px;padding:4px 0;text-decoration:underline}.toggle-details-btn:hover{color:#374151}.feedback-comments-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.feedback-comments-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.feedback-loading{color:#6b7280;font-style:italic;padding:20px;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#333;font-size:1.2rem;margin:0}.modal-body{padding:20px}.modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.form-group{margin-bottom:16px}.form-group label{color:#333;margin-bottom:6px}.form-control{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.btn{border-radius:4px;font-size:14px;padding:10px 16px;transition:background-color .2s ease}@media (max-width:600px){.feedback-header{align-items:flex-start;flex-direction:column;gap:12px}.feedback-actions{align-self:stretch}.feedback-action-btn{flex:1 1}.modal{margin:20px;width:95%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.climb-detail-container{background-color:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:16px}.climb-detail-content{display:flex;flex-direction:column;gap:24px;margin-top:20px}.btn-small{font-size:.85em;padding:8px 16px}.form-error{color:#dc3545;font-size:.85em;margin-top:4px}.climb-detail-container .performance-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.climb-detail-container .chip{background-color:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.climb-detail-container .chip:hover{background-color:#e0e0e0}.climb-detail-container .chip.selected{background-color:#4caf50;border-color:#4caf50;color:#fff}.climb-detail-container .performance-options{animation:fadeIn .3s ease;background-color:#f5f5f5;border-radius:6px;margin-top:12px;padding:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.climb-detail-container .performance-radio-group{display:flex;flex-direction:column;gap:10px}.climb-detail-container .radio-container{align-items:center;cursor:pointer;display:flex;margin-bottom:0}.climb-detail-container .radio-container input[type=radio]{-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:50%;height:16px;margin-right:10px;outline:none;position:relative;transition:all .2s ease;vertical-align:middle;width:16px}.climb-detail-container .radio-container input[type=radio]:checked{border-color:#4caf50}.climb-detail-container .radio-container input[type=radio]:checked:before{background-color:#4caf50;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.climb-detail-container .radio-container input[type=radio]:hover{border-color:#4caf50}.climb-detail-container .radio-label{cursor:pointer;font-weight:400;margin-bottom:0}.climb-detail-container .number-picker{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;height:40px;overflow:hidden;width:max-content}.climb-detail-container .number-picker-btn{align-items:center;background-color:#f5f5f5;border:none;color:#444;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:40px}.climb-detail-container .number-picker-btn:hover:not(:disabled){background-color:#e0e0e0}.climb-detail-container .number-picker-btn:disabled{color:#ccc;cursor:not-allowed}.climb-detail-container .number-picker-value{align-items:center;border-left:1px solid #ccc;border-right:1px solid #ccc;display:flex;font-size:1rem;height:100%;justify-content:center;min-width:60px;text-align:center}.climb-detail-container .checkbox-group{align-items:center;display:flex;gap:8px}.climb-detail-container .checkbox-label{display:inline;font-weight:400;margin:0}.climb-detail-container .date-picker-container{position:relative}.climb-detail-container input[type=date]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.climb-detail-container .current-date-display{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;padding:10px 36px 10px 12px;position:relative}.climb-detail-container .current-date-display:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%234CAF50%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><rect x=%273%27 y=%274%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27></rect><line x1=%2716%27 y1=%272%27 x2=%2716%27 y2=%276%27></line><line x1=%278%27 y1=%272%27 x2=%278%27 y2=%276%27></line><line x1=%273%27 y1=%2710%27 x2=%2721%27 y2=%2710%27></line></svg>");background-position:50%;background-repeat:no-repeat;content:"";height:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.climb-info-section,.route-info-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.climb-info-section h2,.route-info-section h2{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 16px}.section-header{justify-content:space-between;margin-bottom:16px}.route-display,.section-header{align-items:center;display:flex}.route-display{gap:16px}.climb-detail-container .grade-circle{align-items:center;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:60px;justify-content:center;width:60px}.route-details{flex:1 1}.route-name{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:8px}.route-meta{color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:4px}.route-meta span{display:inline-block}.climb-display{display:flex;flex-direction:column;gap:12px}.climb-detail-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:8px 0}.climb-detail-item:last-child{border-bottom:none}.climb-detail-item .label{color:#555;flex-shrink:0;font-weight:600;min-width:100px}.climb-detail-item .value{color:#333;flex:1 1}.climb-detail-item .value.performance{align-items:center;display:flex;font-weight:500;gap:8px}.ranking-indicator{cursor:help;font-size:.9rem;opacity:.8}.climb-detail-item .value.notes{line-height:1.4;white-space:pre-wrap}.edit-form{gap:16px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border-radius:6px;font-family:inherit;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-actions{gap:12px;margin-top:8px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease}.ranking-info{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #fadb14;border-radius:12px;margin-bottom:20px;padding:16px}.info-header{align-items:center;color:#b7791f;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.trophy-icon{font-size:1.1rem}.ranking-info p{color:#856404;font-size:.9rem;line-height:1.4;margin:0}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.delete-section{display:flex;justify-content:center;margin-top:20px}.delete-confirm{margin-top:16px}.delete-confirm p{color:#333;font-weight:500;margin-bottom:12px}.delete-actions{display:flex;gap:12px}.error-message,.loading-indicator{color:#666;padding:40px 20px;text-align:center}.error-message{color:#dc3545}@media (max-width:768px){.climb-detail-container{padding:12px}.route-display{align-items:flex-start;gap:12px}.route-meta{gap:4px}.delete-actions,.form-actions,.route-meta{flex-direction:column}.btn{width:100%}.climb-detail-item{flex-direction:column;gap:4px}.climb-detail-item .label{min-width:auto}}.page-header .my-icon-button{background-color:initial;border-radius:0;box-shadow:none;height:auto;padding:0;width:auto}.page-header .my-icon-button:hover{background-color:initial;transform:none}.page-header .my-icon-button svg{stroke:#333}.number-picker-container{position:relative;width:100%}.number-picker-display{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:1rem;height:42px;padding:10px;width:100%}.number-picker-numpad{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:15px;position:absolute;width:100%;z-index:100}.number-picker-value-display{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;font-size:1rem;margin-bottom:10px;padding:10px;text-align:center}.number-picker-numpad-standalone{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:10px;padding:15px}.number-picker-row{display:flex;gap:10px;justify-content:center}.number-picker-key{align-items:center;background-color:#fff;border:2px solid #4caf50;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:transform .2s,border-color .2s,background-color .2s;width:40px}.number-picker-key:hover{transform:scale(1.1)}.number-picker-key:active{background-color:#4caf50;color:#fff}.function-key{background-color:#f5f5f5;border:2px solid #ddd;color:#555;font-size:.8rem}.function-key:active{background-color:#ddd;color:#333}.function-key.clear-key{font-weight:700}.function-key.backspace-key{font-size:1rem}.number-picker-key.selected{background-color:#4caf50;color:#fff;transform:scale(1.1)}.color-option.white-color{border:1px solid #bebebe}.color-option.white-color.selected{border:2px solid #4caf50!important}.add-climbing-route-container{margin:0 auto;max-width:700px;min-height:100vh;padding:20px}.add-route-header{margin-bottom:30px}.add-route-header h1{color:#333;margin:0 0 5px}.gym-name-indicator{color:#666;font-style:italic;margin:0 0 15px}.back-button{background-color:#4a6b8a;font-size:.9rem;margin-top:10px;padding:8px 16px}.add-route-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.color-selection,.grade-selection{flex-wrap:wrap}.color-selection,.grade-selection,.style-chips{display:flex;gap:10px;margin-bottom:10px}.style-chip{background-color:#fff;border:2px solid #ddd;border-radius:25px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.style-chip:hover{background-color:#f5f5f5;border-color:#4caf50}.style-chip.selected{background-color:#4caf50;border-color:#4caf50;color:#fff}.rope-picker-group{margin-bottom:20px}.color-option,.grade-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:40px;transition:transform .2s,border-color .2s;width:40px}.color-option:hover,.grade-option:hover{transform:scale(1.1)}.color-option.selected,.grade-option.selected{border-color:#4caf50;transform:scale(1.1)}.grade-option.selected{background-color:#4caf50;color:#fff}.color-helper,.grade-helper{color:#d32f2f;font-size:.9rem;margin-top:5px}.image-preview{border:1px solid #eee;border-radius:4px;margin-top:10px;padding:10px;text-align:center}.image-preview img{max-height:200px;max-width:100%}.form-actions{clear:both;display:flex;gap:10px;justify-content:space-between;margin-top:30px;width:100%}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333}.cancel-button,.save-button{cursor:pointer;font-size:1rem;padding:12px 24px}.save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#3c9f40}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.grade-option{align-items:center;background-color:#fff;border:2px solid #4caf50;display:flex;font-size:.8rem;font-weight:600;justify-content:center}@media (max-width:480px){.form-actions{flex-direction:row;justify-content:space-between}.form-actions button{width:auto}.color-selection,.grade-selection{justify-content:center}}.dashboard-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#333;margin:0}.dashboard-content{display:flex;flex-direction:column;gap:30px}.dashboard-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px}.dashboard-section h2{border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.loading-indicator{font-size:1rem}.error-message{background-color:#ffebee;color:#d32f2f;padding:10px}.access-denied{background-color:#f5f5f5;border-radius:10px;padding:30px;text-align:center}.access-denied h2{color:#d32f2f;margin-top:0}.access-denied button{background-color:#4a6b8a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px}.climbers-list{display:flex;flex-direction:column;gap:10px}.climber-card{align-items:center;background-color:#f9f9f9;border-radius:8px;cursor:pointer;display:flex;padding:15px;transition:background-color .2s,transform .2s}.climber-card:hover{background-color:#f0f0f0;transform:translateY(-2px)}.climber-avatar{background-color:#e0e0e0;border-radius:50%;flex-shrink:0;height:50px;margin-right:15px;overflow:hidden;width:50px}.climber-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#4a6b8a;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.climber-info{flex:1 1}.climber-info h3{color:#333;font-size:1rem;margin:0}.climber-name{color:#666;font-size:.9rem;margin:3px 0}.climber-stats{color:#888;font-size:.8rem;margin:5px 0 0}@media (max-width:768px){.dashboard-container{padding:15px}}@media (max-width:480px){.climber-card{padding:10px}.climber-avatar{height:40px;width:40px}}.gyms-container{background-color:#f5f5f5;min-height:100vh;padding:0}.gyms-header{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:15px 20px}.gyms-header.fixed-header{left:0;position:fixed;right:0;top:0;z-index:100}.header-spacer{height:70px}.header-actions{align-items:center;display:flex;gap:10px}.gyms-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.gym-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.gym-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.gym-image-container{height:200px;overflow:hidden;position:relative}.gym-image{height:100%;object-fit:cover;width:100%}.gym-image-placeholder{align-items:center;background-color:#f0f0f0;display:flex;height:100%;justify-content:center;width:100%}.gym-logo{max-height:80%;max-width:80%;object-fit:contain}.gym-icon{color:#ccc;font-size:4rem}.gym-info{padding:20px}.gym-name{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 8px}.loading-indicator{color:#666;font-size:1.1rem;padding:40px;text-align:center}.error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;margin:20px;padding:15px}.empty-gyms{color:#666;padding:60px 20px;text-align:center}.empty-gyms p{font-size:1.2rem;margin-bottom:30px}.back-button{border-radius:4px;font-size:1rem;transition:background-color .3s}.gym-name-subtitle{color:#555;font-size:1.5rem;font-weight:400;margin:0 0 20px 15px}.gym-role{color:#666;font-size:.9rem;margin-top:4px}.gym-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.gym-tab{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:12px 20px;position:relative}.gym-tab.active{color:#4caf50;font-weight:700}.gym-tab.active:after{background-color:#4caf50;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.routes-section{padding:10px}.routes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-route-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s}.add-route-button:hover{background-color:#45a049}.empty-routes{color:#666;padding:30px;text-align:center}.success-message{background-color:#dff0d8;border-radius:4px;color:#3c763d;margin-bottom:15px;padding:10px}.rope-modal-overlay{align-items:flex-end;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:10000}.rope-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rope-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 20px 16px}.rope-modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.rope-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.rope-modal-close:hover{background-color:#f5f5f5;color:#666}.rope-modal-content{flex:1 1;overflow-y:auto;padding:20px}.rope-modal-form-group{margin-bottom:20px}.rope-modal-form-group label{color:#333;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.rope-modal-actions{border-top:1px solid #e5e5e5;display:flex;gap:12px;padding:16px 20px 20px}.rope-modal-cancel,.rope-modal-save{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s}.rope-modal-cancel{background-color:#f5f5f5;color:#666}.rope-modal-cancel:hover{background-color:#e5e5e5;color:#333}.rope-modal-save{background-color:#4caf50;color:#fff}.rope-modal-save:hover:not(:disabled){background-color:#45a049}.rope-modal-save:disabled{background-color:#ccc;color:#999;cursor:not-allowed}@media (max-width:768px){.rope-modal{border-radius:16px 16px 0 0;max-width:100%}.rope-modal-header{padding:16px 16px 12px}.rope-modal-header h3{font-size:18px}.rope-modal-content{padding:16px}.rope-modal-actions{padding:12px 16px 16px}.rope-modal-cancel,.rope-modal-save{font-size:16px;padding:14px 20px}}.edit-ground-plan-container{background-color:#000;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.close-button-container{background-color:#000000b3;border-radius:50%;padding:4px;position:absolute;right:16px;top:16px;z-index:10000}.close-button-container .close-button{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.edit-instructions{background-color:#000c;border-radius:8px;color:#fff;font-size:14px;left:50%;max-width:90%;padding:8px 16px;position:absolute;text-align:center;top:16px;transform:translateX(-50%);z-index:10000}.close-button-container .close-button:hover{background-color:#fff}.close-button-container .close-icon{color:#333;font-size:24px;font-weight:700;line-height:1}.ground-plan-content{flex:1 1;height:100%;position:relative;width:100%}.loading-indicator{color:#fff;font-size:18px}.error-container,.loading-indicator{align-items:center;display:flex;height:100vh;justify-content:center}.error-container{padding:20px}.error-content{color:#fff;max-width:400px;text-align:center}.error-content h2{color:#ff6b6b;margin-bottom:16px}.error-content p{line-height:1.5;margin-bottom:24px}.back-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s ease}.back-button:hover{background-color:#0056b3}@media (max-width:768px){.close-button-container{right:12px;top:12px}.close-button-container .close-button{height:36px;width:36px}.close-button-container .close-icon{font-size:20px}}.about-container{background-color:#fff;margin:0 auto;max-width:800px;min-height:100vh;padding:20px;position:relative}.about-content{margin-top:60px;padding:20px 0}.about-section{background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:20px}.about-section h2{border-bottom:2px solid #e74c3c;color:#2c3e50;font-size:1.5em;font-weight:600;margin-bottom:16px;padding-bottom:8px}.about-section h3{color:#34495e;font-size:1.2em;font-weight:500;margin:20px 0 12px}.about-section p{color:#555;line-height:1.6;margin-bottom:16px}.about-section ul{margin:16px 0;padding-left:20px}.about-section li{color:#555;line-height:1.6;margin-bottom:8px}.about-section li strong{color:#2c3e50;font-weight:600}.version-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.version-info h2{border-bottom-color:#ffffff4d;color:#fff}.version-details{display:flex;flex-direction:column;gap:12px}.version-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.version-clickable{cursor:pointer;position:relative;transition:all .3s ease}.version-clickable:hover{background-color:#fff3;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.version-clickable:active{transform:translateY(0)}.version-label{font-weight:500;opacity:.9}.version-value{background-color:#fff3;border-radius:4px;font-family:Courier New,monospace;font-weight:600;padding:4px 8px;transition:all .3s ease}.version-checking{animation:pulse 1.5s infinite;background-color:#ffc1074d!important}.version-update-available{animation:glow 2s infinite alternate;background-color:#28a7454d!important;border:1px solid #28a74580}.version-latest{background-color:#17a2b84d!important;border:1px solid #17a2b880}.version-error{background-color:#dc35454d!important;border:1px solid #dc354580}.version-default{background-color:#fff3}@keyframes glow{0%{box-shadow:0 0 5px #28a74580}to{box-shadow:0 0 15px #28a745cc}}@media (max-width:768px){.about-container{padding:16px}.about-content{margin-top:50px}.about-section{margin-bottom:30px;padding:16px}.about-section h2{font-size:1.3em}.about-section h3{font-size:1.1em}.version-item{align-items:flex-start;flex-direction:column;gap:8px}.version-clickable:hover{transform:none}.version-value{align-self:stretch;text-align:center}}@media (max-width:480px){.about-container,.about-section{padding:12px}.about-section ul{padding-left:16px}}.join-gym-container{background-color:#fff;margin:0 auto;max-width:500px;min-height:100vh;padding:20px;position:relative}.join-gym-content{align-items:flex-start;display:flex;justify-content:center;margin-top:60px;padding:20px 0}.join-gym-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:32px;width:100%}.join-gym-header{margin-bottom:32px;text-align:center}.join-gym-header h2{color:#2c3e50;font-size:1.8em;font-weight:600;margin-bottom:8px}.join-gym-header p{color:#666;font-size:.95em;line-height:1.4}.join-gym-form{margin-bottom:24px}.code-input-section{margin-bottom:24px;position:relative}.code-label{color:#2c3e50;display:block;font-size:1em;font-weight:500;margin-bottom:12px}.code-display{cursor:text;gap:8px;margin-bottom:16px;padding:4px}.code-digit,.code-display{display:flex;justify-content:center}.code-digit{align-items:center;background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;font-size:1.5em;font-weight:600;height:56px;transition:all .2s ease;width:44px}.code-digit.filled{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 1px #3498db}.code-digit.active{animation:pulse 1s infinite;background-color:#f0f8ff;border-color:#3498db}@keyframes pulse{0%{box-shadow:0 0 0 1px #3498db}50%{box-shadow:0 0 0 3px #3498db4d}to{box-shadow:0 0 0 1px #3498db}}.code-input-hidden{background:#0000;border:none;caret-color:#0000;font-size:16px;height:100%;left:50%;opacity:0;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.join-gym-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.join-gym-button:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1c5aa0);box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.join-gym-button:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:none;cursor:not-allowed;transform:none}.error-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#e53e3e}.error-message,.success-message{font-size:.9em;margin-bottom:16px;padding:12px 16px;text-align:center}.success-message{background-color:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;color:#38a169;font-weight:500}.join-gym-info{border-top:1px solid #e0e0e0;padding-top:24px;text-align:center}.join-gym-info h3{color:#2c3e50;font-size:1.1em;font-weight:600;margin-bottom:12px}.join-gym-info p{color:#666;font-size:.9em;line-height:1.5}.success-message{animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.join-gym-container{padding:16px}.join-gym-content{margin-top:50px}.join-gym-card{padding:24px}.code-digit{font-size:1.4em;height:52px;width:40px}.code-display{gap:6px}}@media (max-width:480px){.join-gym-card{padding:20px}.code-digit{font-size:1.3em;height:48px;width:36px}.code-display{gap:4px}.join-gym-header h2{font-size:1.6em}}.update-prompt-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.update-prompt{animation:slideInUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;overflow:hidden;width:100%}.update-prompt-header{border-bottom:1px solid #f0f0f0;padding:20px 20px 10px}.update-prompt-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0;text-align:center}.update-prompt-body{padding:20px}.update-prompt-body p{color:#666;font-size:1rem;line-height:1.5;margin:0;text-align:center}.update-prompt-actions{display:flex;gap:12px;justify-content:center;padding:20px}.update-prompt-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;min-height:44px;padding:12px 20px;transition:all .2s ease}.update-prompt-btn:disabled{cursor:not-allowed;opacity:.6}.update-prompt-btn-primary{background-color:#007bff;color:#fff}.update-prompt-btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.update-prompt-btn-primary:active:not(:disabled){transform:translateY(0)}.update-prompt-btn-secondary{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.update-prompt-btn-secondary:hover:not(:disabled){background-color:#e9ecef;color:#495057}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.update-prompt-overlay{padding:16px}.update-prompt{max-width:none}.update-prompt-actions,.update-prompt-body,.update-prompt-header{padding:16px}.update-prompt-actions{flex-direction:column}.update-prompt-btn{width:100%}}@media (prefers-color-scheme:dark){.update-prompt{background-color:#2d3748;color:#fff}.update-prompt-header{border-bottom-color:#4a5568}.update-prompt-header h3{color:#fff}.update-prompt-body p{color:#cbd5e0}.update-prompt-btn-secondary{background-color:#4a5568;border-color:#718096;color:#e2e8f0}.update-prompt-btn-secondary:hover:not(:disabled){background-color:#718096;color:#fff}}.App{min-height:-webkit-fill-available;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:calc(100vh - env(safe-area-inset-bottom, 0));overflow-x:hidden;overscroll-behavior:none;width:100%}
/*# sourceMappingURL=main.52a9225c.css.map*/