.model-info-badge{border:1px solid #e0e0e0;border-radius:12px;padding:12px 16px;margin-top:20px;background-color:#fafafa;font-size:14px}.model-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.model-info-title{font-weight:600;color:#333;font-size:14px}.model-info-toggle{background:none;border:1px solid #ccc;border-radius:4px;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;padding:0;transition:all .2s}.model-info-toggle:hover{background-color:#f0f0f0;border-color:#999}.model-info-main{color:#666;line-height:1.5}.model-name{font-weight:500;color:#333}.model-algo{color:#666}.model-meta{color:#888;font-size:13px}.model-info-details{margin-top:8px;padding-top:8px;border-top:1px solid #e8e8e8;font-size:12px;color:#888;display:flex;flex-wrap:wrap;gap:8px}.model-detail-item{color:#666}.model-detail-item:not(:last-child):after{content:" • ";color:#aaa;margin-left:4px}.local-drivers{margin-top:2rem;min-width:0;max-width:100%}.local-drivers-heading{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.local-drivers-subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem}.driver-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:968px){.driver-panels{grid-template-columns:1fr}}.driver-panel{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.driver-panel h3{font-size:1.1rem;margin:0 0 .75rem;font-weight:600}.driver-panel.bouldering h3{color:#667eea}.driver-panel.sport h3{color:#f5576c}.driver-axis-labels{display:flex;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:.5rem;padding:0 0 .25rem;border-bottom:1px solid #eee}.driver-rows{display:flex;flex-direction:column;gap:.6rem}.driver-row{display:flex;flex-direction:column;gap:.15rem}.driver-label{font-size:.8rem;font-weight:500;color:#333}.driver-bar-container{display:flex;align-items:center;height:22px;min-width:0}.bar-half{flex:1;height:100%;position:relative}.bar-left{display:flex;justify-content:flex-end}.bar-right{display:flex;justify-content:flex-start}.bar-centre{width:2px;height:100%;background:#ccc;flex-shrink:0}.bar-fill{height:100%;border-radius:3px;display:flex;align-items:center;min-width:40px;transition:width .3s ease}.bar-up{background:#27ae60;justify-content:flex-start;padding-left:6px;margin-left:4px}.bar-down{background:#e74c3c;justify-content:flex-end;padding-right:6px;margin-right:4px}.bar-value{font-size:.7rem;font-weight:600;color:#fff;white-space:nowrap}.predictions-container{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.hero-section p{color:#666;font-size:1.1rem}.hero-section .info-box{margin-top:1rem;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.info-box{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;border-radius:5px;color:#1976d2}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;min-width:0}.form-section,.results-section{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-height:none;overflow-y:visible;min-width:0;max-width:100%}.form-section h2,.results-section h2{margin-bottom:1.5rem;color:#333}.metrics-form{display:flex;flex-direction:column;gap:1.5rem}.predict-button,.submit-feedback-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.predict-button:hover:not(:disabled),.submit-feedback-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.predict-button:disabled{opacity:.6;cursor:not-allowed}.predictions-display{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;min-width:0;max-width:100%}.grade-card{padding:2rem;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000001a}.grade-card.bouldering{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.grade-card.sport{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.grade-card h3{margin-bottom:1rem;font-size:1rem;opacity:.9}.grade-value{font-size:2.5rem;font-weight:700}.feedback-section{margin-top:2rem;padding-top:2rem;padding-bottom:1rem;border-top:2px solid #667eea;background:#f8f9fa;border-radius:8px;padding:1.5rem}.feedback-section h3{margin-bottom:1.5rem;color:#333;font-size:1.25rem}.feedback-form{display:flex;flex-direction:column;gap:1.5rem}.success-message{margin-top:1rem;padding:1rem;background:#d4edda;color:#155724;border-radius:5px;border:1px solid #c3e6cb}.feedback-error{margin-bottom:1rem;padding:.75rem 1rem;background:#f8d7da;color:#721c24;border-radius:5px;border:1px solid #f5c6cb}@media(max-width:968px){.content-grid,.predictions-display{grid-template-columns:1fr}.results-section{order:2}.form-section{order:1}}@media(max-width:600px){.form-section,.results-section{padding:1rem}.grade-card{padding:1.25rem}.grade-value{font-size:1.75rem}}.analysis-container{width:100%}.hero-section{text-align:center;margin-bottom:3rem;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.hero-section h1{font-size:2rem;margin-bottom:1rem;color:#333}.hero-section p{color:#666;font-size:1.1rem;margin-bottom:1rem}.info-box{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;border-radius:5px;text-align:left;color:#1976d2}.content-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.form-section,.results-section{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.form-section h2{margin-bottom:1.5rem;color:#333}.analysis-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333}.form-group small{color:#666;font-size:.85rem}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.analyse-button,.analyze-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.analyse-button:hover:not(:disabled),.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.analyze-button:disabled,.analyse-button:disabled{opacity:.6;cursor:not-allowed}.analysis-error{padding:.75rem 1rem;margin-bottom:1rem;background:#fee;color:#c33;border-radius:6px;border:1px solid #fcc}.strength-ratio{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;margin-bottom:2rem}.strength-ratio h3{margin-bottom:.5rem;font-size:1rem;opacity:.9}.ratio-value{font-size:2.5rem;font-weight:700}.analysis-results{display:flex;flex-direction:column;gap:2rem}.bouldering-analysis,.sport-analysis{padding:1.5rem;background:#f9f9f9;border-radius:10px}.bouldering-analysis h3,.sport-analysis h3{margin-bottom:1rem;color:#333}.analysis-chart{width:100%;max-width:100%;height:auto;border-radius:5px;margin-bottom:1rem}.subtitle{font-weight:600;color:#333;margin-bottom:.5rem}.comparison-text{color:#666;margin-bottom:.5rem;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.stat-item{padding:1rem;background:#fff;border-radius:5px;text-align:center}.stat-label{font-size:.85rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:1.25rem;font-weight:600;color:#333}.explanation{margin-top:2rem;padding:1.5rem;background:#f0f0f0;border-radius:10px}.explanation h4{margin-bottom:.5rem;color:#333}.explanation p{color:#666;line-height:1.6}.placeholder{text-align:center;padding:3rem;color:#999}.cohort-range-bar{width:100%;max-width:100%;min-width:0;border-radius:10px;border:1px solid #e0e0e0;padding:1rem;background:#fff;margin-bottom:1rem;overflow:hidden}.cohort-header{margin-bottom:1rem}.cohort-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:.25rem}.cohort-subtitle{font-size:.875rem;color:#666}.cohort-chart{width:100%;max-width:100%;height:auto;margin-top:1rem;color:#333}.cohort-legend{margin-top:.5rem;font-size:.9rem;color:#666;text-align:center}@media(max-width:968px){.content-grid,.stats-grid{grid-template-columns:1fr}}.how-it-works{max-width:1200px;margin:0 auto;padding:2rem}.how-it-works-header{text-align:center;margin-bottom:3rem}.how-it-works-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#2c3e50}.how-it-works-header .subtitle{font-size:1.2rem;color:#7f8c8d}.process-section{margin-bottom:4rem}.process-section h2{font-size:2rem;margin-bottom:2rem;color:#2c3e50}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:8px;transition:transform .2s,box-shadow .2s}.process-step:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.step-number{width:50px;height:50px;border-radius:50%;background:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-content h3{font-size:1.2rem;margin-bottom:.5rem;color:#2c3e50}.step-content p{color:#7f8c8d;font-size:.95rem}.drivers-section{margin-bottom:4rem}.drivers-section h2{font-size:2rem;margin-bottom:1rem;color:#2c3e50}.section-description{color:#7f8c8d;margin-bottom:2rem;font-size:1.1rem}.drivers-summary{background:#e8f4f8;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #3498db}.drivers-summary p{margin:0;color:#2c3e50;font-size:1.05rem;line-height:1.6}.task-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tab-button{padding:.75rem 2rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1.1rem;font-weight:500;color:#7f8c8d;cursor:pointer;transition:all .2s}.tab-button:hover{color:#3498db}.tab-button.active{color:#3498db;border-bottom-color:#3498db}.lever-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.lever-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s,transform .2s}.lever-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.lever-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.lever-header h3{margin:0;font-size:1.3rem;color:#2c3e50}.importance-badge{background:#3498db;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700}.lever-description{color:#7f8c8d;margin-bottom:1rem;font-size:.95rem}.lever-stats{margin-bottom:1rem;font-size:.9rem}.typical-range{margin-bottom:.5rem;color:#555}.where-you-sit{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.percentile-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.percentile-badge.below-typical{background:#fee;color:#c33}.percentile-badge.typical{background:#e8f4f8;color:#3498db}.percentile-badge.above-typical{background:#efe;color:#3c3}.percentile-range{color:#7f8c8d;font-size:.85rem}.importance-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-top:.5rem}.importance-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease}.glossary-section{margin-bottom:4rem}.glossary-section h2{font-size:2rem;margin-bottom:1rem;color:#2c3e50}.glossary-table{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.glossary-row{display:grid;grid-template-columns:180px 1fr 1fr;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #e0e0e0}.glossary-row:last-child{border-bottom:none}.glossary-row.glossary-header{background:#f1f3f5;font-weight:600;color:#2c3e50;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em}.glossary-name{font-weight:600;color:#2c3e50}.glossary-how,.glossary-why{color:#555;font-size:.95rem;line-height:1.5}.drivers-explainer-section{margin-bottom:4rem}.drivers-explainer-section h2{font-size:2rem;margin-bottom:1rem;color:#2c3e50}.drivers-explainer-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.explainer-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000000d}.explainer-card.up{border-left:4px solid #27ae60}.explainer-card.down{border-right:4px solid #e74c3c}.explainer-icon{font-size:1.5rem;flex-shrink:0}.explainer-card.up .explainer-icon{color:#27ae60}.explainer-card.down .explainer-icon{color:#e74c3c}.explainer-content h3{margin:0 0 .5rem;font-size:1.1rem;color:#2c3e50}.explainer-content p{margin:0;color:#555;font-size:.95rem;line-height:1.5}.explainer-note{color:#7f8c8d;font-size:.95rem;line-height:1.6;font-style:italic}.analyzer-section,.analyser-section{margin-bottom:4rem;padding:2rem;background:#f8f9fa;border-radius:8px}.analyzer-section h2,.analyser-section h2{font-size:2rem;margin-bottom:1rem;color:#2c3e50}.analyzer-section p,.analyser-section p{color:#555;line-height:1.6;margin-bottom:1rem}.improvement-section{margin-bottom:4rem}.improvement-section h2{font-size:2rem;margin-bottom:2rem;color:#2c3e50}.improvement-points{display:grid;gap:1.5rem}.improvement-point{padding:1.5rem;background:#fff;border-left:4px solid #27ae60;border-radius:4px;box-shadow:0 2px 4px #0000000d}.improvement-point strong{display:block;font-size:1.1rem;color:#2c3e50;margin-bottom:.5rem}.improvement-point p{color:#7f8c8d;margin:0;line-height:1.6}.loading,.error,.no-data{text-align:center;padding:2rem;color:#7f8c8d}.error{color:#e74c3c;background:#fee;border-radius:8px}.no-data{background:#f8f9fa;border-radius:8px}@media(max-width:768px){.how-it-works{padding:1rem}.how-it-works-header h1{font-size:2rem}.process-steps,.lever-cards{grid-template-columns:1fr}.glossary-row{grid-template-columns:1fr;gap:.25rem}.glossary-row.glossary-header{display:none}.glossary-how:before{content:"How: ";font-weight:600}.glossary-why:before{content:"Why: ";font-weight:600}.drivers-explainer-cards{grid-template-columns:1fr}.task-tabs{flex-direction:column}.tab-button{text-align:left}}.api-page{max-width:720px;margin:0 auto}.api-hero{margin-bottom:2rem}.api-hero h1{font-size:1.75rem;color:#333;margin-bottom:.5rem}.api-hero p{color:#666;font-size:1rem}.api-hero code{background:#f0f0f0;padding:.15rem .4rem;border-radius:4px;font-size:.9rem}.api-endpoints{display:flex;flex-direction:column;gap:1.5rem}.api-endpoint{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8}.api-endpoint-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.api-method{font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.api-method.method-get{background:#e3f2fd;color:#1565c0}.api-method.method-post{background:#e8f5e9;color:#2e7d32}.api-path{font-size:.95rem;font-family:SF Mono,Consolas,monospace;color:#333}.api-description{color:#666;font-size:.9rem;margin:0;line-height:1.5}.api-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;color:#888;font-size:.9rem}.api-footer code{background:#f5f5f5;padding:.1rem .3rem;border-radius:3px;font-size:.85rem}.feedback-page{max-width:1200px;margin:0 auto}.feedback-header{text-align:center;margin-bottom:3rem}.feedback-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#2c3e50}.feedback-header .subtitle{font-size:1.2rem;color:#7f8c8d}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.feedback-form-section h2{font-size:1.5rem;margin-bottom:.5rem;color:#2c3e50}.feedback-form-section>p{color:#7f8c8d;margin-bottom:1.5rem}.suggestion-form .form-group{margin-bottom:1.25rem}.suggestion-form label{display:block;margin-bottom:.4rem;font-weight:500;color:#2c3e50}.suggestion-form select,.suggestion-form input,.suggestion-form textarea{width:100%;padding:.6rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;box-sizing:border-box}.suggestion-form textarea{resize:vertical}.suggestion-form select:focus,.suggestion-form input:focus,.suggestion-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.submit-button{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.submit-button:hover:not(:disabled){opacity:.9}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-error{background:#fee;color:#c33;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.95rem}.success-banner{background:#eafaf1;border-left:4px solid #27ae60;padding:1.5rem;border-radius:6px}.success-banner strong{font-size:1.1rem;color:#2c3e50}.success-banner p{color:#555;margin:.5rem 0 1rem}.reset-button{padding:.5rem 1rem;background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.reset-button:hover{background:#219a52}.feedback-links-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#2c3e50}.link-card{background:#f8f9fa;padding:1.25rem;border-radius:8px;margin-bottom:1rem}.link-card h3{font-size:1.1rem;margin:0 0 .5rem;color:#2c3e50}.link-card p{color:#555;font-size:.95rem;line-height:1.5;margin:0 0 .75rem}.link-button{display:inline-block;padding:.5rem 1rem;background:#2c3e50;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:background .2s}.link-button:hover{background:#34495e}@media(max-width:768px){.feedback-header h1{font-size:2rem}.feedback-grid{grid-template-columns:1fr;gap:2rem}}.App{min-height:100vh;display:flex;flex-direction:column}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-title{font-size:1.5rem;font-weight:600}.nav-links{display:flex;gap:2rem}.nav-links a,.nav-links .nav-link{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s,background .2s,border-radius .2s;padding:.4rem .75rem;border-radius:6px}.nav-links a:hover,.nav-links .nav-link:hover{opacity:.9;background:#ffffff26}.nav-links a.active,.nav-links .nav-link.active{background:#ffffff40;border-bottom:2px solid rgba(255,255,255,.9);font-weight:600}.main-content{flex:1;max-width:1200px;width:100%;min-width:0;margin:0 auto;padding:2rem;overflow-x:hidden;box-sizing:border-box}@media(max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem}.main-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}