.sport-selector{position:relative;display:inline-block}.sport-selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid;border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.sport-selector-button:hover{background:var(--color-background);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.current-sport-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.sport-logo-small{width:20px;height:20px;object-fit:contain;border-radius:var(--border-radius-sm)}.sport-emoji{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.current-sport-name{font-weight:600}.dropdown-arrow{font-size:.8rem;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.sport-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid;border-radius:var(--border-radius);box-shadow:var(--shadow-md);z-index:1000;margin-top:.25rem;overflow:hidden}.sport-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:.9rem;text-align:left}.sport-option:hover{background:var(--color-background)}.sport-option.active{background:var(--color-primary);color:#fff}.sport-option .sport-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.sport-option .sport-name{font-weight:500}@media (max-width: 768px){.sport-selector-button{padding:.4rem .8rem;font-size:.8rem}.current-sport-name{display:none}.sport-option{padding:.6rem .8rem;font-size:.8rem}}.header{background:var(--primary-color);color:#fff;padding:var(--spacing-lg) 0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-brand{flex:1}.brand-link{display:flex;align-items:center;gap:var(--spacing-md);color:#fff;text-decoration:none;margin-bottom:var(--spacing-sm)}.logo-container{display:flex;align-items:center;gap:var(--spacing-md)}.logo-image{width:60px;height:60px;object-fit:contain;border-radius:var(--border-radius-sm)}.logo-text{display:flex;flex-direction:column;gap:2px}.app-tagline{color:#fffc;margin:0;font-size:.9rem;font-weight:400;line-height:1.2}.brand-link:hover{color:#fff;opacity:.9}.sport-icon{font-size:2.5rem;line-height:1}.app-title{color:#fff;margin:0;font-size:2rem;font-weight:700}.app-description{color:#ffffffe6;margin:0;font-size:1rem;max-width:400px}.header-actions{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.auth-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff1a;color:#fff;text-decoration:none;border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast);font-weight:500}.auth-button:hover{background:#fff3;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.auth-button.signup{background:#fff3;border-color:#ffffff4d}.auth-button.signup:hover{background:#ffffff4d;border-color:#fff6}@media (max-width: 768px){.header{padding:var(--spacing-md) 0}.header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.header-brand{flex:1}.logo-container{gap:var(--spacing-sm)}.logo-image{width:40px;height:40px}.app-title{font-size:1.25rem}.app-tagline{font-size:.75rem}.app-description{display:none}.header-actions{flex-direction:row;gap:var(--spacing-sm);align-items:center}.sport-selector{min-width:120px}.sport-selector-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}}@media (max-width: 480px){.header{padding:var(--spacing-md) 0}.app-title{font-size:1.5rem}.sport-icon{font-size:1.75rem}.app-description{font-size:.875rem}}.footer{background:var(--surface-color);border-top:1px solid var(--surface-color);padding:var(--spacing-xl) 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.footer-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--text-color)}.footer-sport-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.footer-logo-small{width:24px;height:24px;object-fit:contain;border-radius:var(--border-radius-sm)}.footer-app-name{font-size:1.125rem;font-weight:600}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{color:var(--text-secondary-color);text-decoration:none;transition:color var(--transition-fast);font-size:.875rem}.footer-link:hover{color:var(--primary-color)}.footer-signup{background:var(--primary-color);color:#fff!important;padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast)}.footer-signup:hover{background:var(--secondary-color);color:#fff!important;transform:translateY(-1px)}.footer-copyright{color:var(--text-secondary-color);font-size:.875rem;text-align:right}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.footer-links{justify-content:center;flex-wrap:wrap}.footer-copyright{text-align:center}}@media (max-width: 480px){.footer{padding:var(--spacing-lg) 0}.footer-links{flex-direction:column;gap:var(--spacing-sm)}}.navigation{background:var(--surface-color);border-bottom:1px solid var(--surface-color);box-shadow:var(--shadow-sm);position:sticky;top:80px;z-index:99}.nav-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--text-color)}.nav-sport-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.nav-logo-small{width:24px;height:24px;object-fit:contain;border-radius:var(--border-radius-sm)}.nav-sport-name{font-size:1.125rem;text-transform:uppercase;letter-spacing:.5px}.nav-menu{display:flex;list-style:none;gap:var(--spacing-md);margin:0;padding:0;flex:1;justify-content:center}.nav-item{margin:0}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:var(--text-secondary-color);border-bottom:2px solid transparent;transition:all var(--transition-fast);font-weight:500;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.nav-link:hover{color:var(--primary-color);background:#00000005}.nav-link.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#00000005}.nav-icon{font-size:1.125rem}.nav-label{font-size:.875rem;white-space:nowrap}.nav-actions{display:flex;align-items:center}.nav-profile-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);font-weight:500;font-size:.875rem}.nav-profile-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;z-index:100}.hamburger-line{width:100%;height:3px;background:var(--text-color);transition:all .3s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 1024px){.nav-menu{gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-sm) var(--spacing-md)}.nav-label{font-size:.8rem}}@media (max-width: 768px){.navigation{top:120px}.nav-content{flex-direction:row;justify-content:space-between;align-items:center}.hamburger-menu{display:flex}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface-color);flex-direction:column;width:100%;gap:0;border-top:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:99}.nav-menu.open{display:flex}.nav-item{width:100%}.nav-link{padding:var(--spacing-md);border-radius:0;border-bottom:1px solid var(--border-color);justify-content:flex-start}.nav-link.active{border-bottom-color:var(--primary-color);background:#00000005}.nav-actions{display:none}}@media (max-width: 480px){.nav-sport-icon{font-size:1.25rem}.nav-sport-name{font-size:1rem}.nav-link{padding:var(--spacing-sm) var(--spacing-md)}.nav-icon{font-size:1rem}.nav-label{font-size:.875rem}}.home-screen{min-height:100vh}.hero-section{background:var(--primary-color);color:#fff;padding:var(--spacing-2xl) 0;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);color:#fff}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-xl);color:#ffffffe6;max-width:500px}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);text-decoration:none;font-weight:600;font-size:1.125rem;transition:all var(--transition-fast);border:2px solid transparent}.hero-button.primary{background:#fff;color:var(--primary-color)}.hero-button.primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-button.secondary{background:transparent;color:#fff;border-color:#ffffff4d}.hero-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-icon{font-size:12rem;opacity:.9;animation:float 3s ease-in-out infinite}.hero-logo{width:200px;height:200px;object-fit:contain;opacity:.9;animation:float 3s ease-in-out infinite;border-radius:var(--border-radius-md)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.quick-start-section{padding:var(--spacing-2xl) 0;background:#fff}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--text-color)}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.quick-start-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-normal);border:1px solid var(--surface-color)}.quick-start-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.quick-start-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.quick-start-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-color)}.quick-start-description{color:var(--text-secondary-color);margin-bottom:var(--spacing-lg);line-height:1.6}.quick-start-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius-md);font-weight:600;transition:all var(--transition-fast)}.quick-start-button:hover{background:var(--accent-color);transform:translateY(-1px);color:#fff}.features-section{padding:var(--spacing-2xl) 0;background:var(--surface-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-decoration:none;color:inherit;transition:all var(--transition-normal);border:1px solid var(--surface-color);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-color)}.feature-description{color:var(--text-secondary-color);margin-bottom:var(--spacing-lg);line-height:1.6}.feature-arrow{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);font-size:1.5rem;color:var(--primary-color);opacity:0;transform:translate(-10px);transition:all var(--transition-normal)}.feature-card:hover .feature-arrow{opacity:1;transform:translate(0)}.cta-section{padding:var(--spacing-2xl) 0;background:var(--surface-color)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-color)}.cta-description{font-size:1.125rem;color:var(--text-secondary-color);margin-bottom:var(--spacing-xl);line-height:1.6}.cta-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.cta-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);text-decoration:none;font-weight:600;font-size:1.125rem;transition:all var(--transition-fast);border:2px solid transparent}.cta-button.primary{background:var(--primary-color);color:#fff}.cta-button.primary:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-button.secondary{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.cta-button.secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem;max-width:100%}.hero-actions{justify-content:center}.hero-icon{font-size:8rem}.hero-logo{width:150px;height:150px}.section-title{font-size:2rem}.quick-start-grid,.features-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}.cta-actions{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;text-align:center}}@media (max-width: 480px){.hero-section{padding:var(--spacing-xl) 0}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}.hero-icon{font-size:6rem}.hero-logo{width:120px;height:120px}.quick-start-section,.features-section,.cta-section{padding:var(--spacing-xl) 0}.section-title{font-size:1.75rem}.quick-start-card,.feature-card{padding:var(--spacing-lg)}}.membership-upgrade{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.membership-header{text-align:center;margin-bottom:3rem}.membership-header h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.membership-header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.pricing-comparison{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.comparison-card{background:#fff;border:2px solid #e1e5e9;border-radius:12px;padding:2rem;text-align:center;min-width:250px;box-shadow:0 4px 6px #0000001a}.comparison-card.highlight{border-color:#ff6b35;background:linear-gradient(135deg,#fff5f2,#fff);transform:scale(1.05)}.comparison-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.comparison-card .price{font-size:2rem;font-weight:700;color:#ff6b35;margin-bottom:1rem}.comparison-card ul{list-style:none;padding:0;text-align:left}.comparison-card li{padding:.5rem 0;color:#666}.vs{font-size:1.5rem;font-weight:700;color:#ff6b35;background:#fff;padding:1rem;border-radius:50%;border:2px solid #ff6b35;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center}.membership-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.membership-tier{background:#fff;border:2px solid #e1e5e9;border-radius:16px;padding:2rem;position:relative;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.membership-tier:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.membership-tier.featured{border-color:#ff6b35;background:linear-gradient(135deg,#fff5f2,#fff);transform:scale(1.05)}.membership-tier.current{border-color:#28a745;background:linear-gradient(135deg,#f0fff4,#fff)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#ff6b35;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700}.tier-header{text-align:center;margin-bottom:1.5rem}.tier-header h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.tier-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.tier-price .price{font-size:2.5rem;font-weight:700;color:#ff6b35}.tier-price .period{font-size:1rem;color:#666}.video-analysis{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.included-videos{font-size:1.1rem;font-weight:700;color:#28a745;margin-bottom:.5rem}.additional-price{font-size:.9rem;color:#666}.tier-features{list-style:none;padding:0;margin-bottom:2rem}.tier-features li{padding:.75rem 0;border-bottom:1px solid #f0f0f0;color:#333;font-size:.95rem}.tier-features li:last-child{border-bottom:none}.upgrade-button{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff}.upgrade-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.upgrade-button:disabled{opacity:.6;cursor:not-allowed}.membership-footer{text-align:center;background:#f8f9fa;border-radius:12px;padding:2rem}.membership-footer p{margin-bottom:1rem;color:#666;line-height:1.6}.membership-footer p:last-child{margin-bottom:0}.membership-footer strong{color:#333}@media (max-width: 768px){.membership-upgrade{padding:1rem}.membership-header h2{font-size:2rem}.pricing-comparison{flex-direction:column;gap:1rem}.comparison-card.highlight{transform:none}.vs{transform:rotate(90deg)}.membership-tiers{grid-template-columns:1fr}.membership-tier.featured{transform:none}}.premium-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.premium-prompt-modal{background:var(--surface-color);border-radius:var(--border-radius-lg);border:2px solid var(--primary-color);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.premium-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.premium-prompt-header h3{margin:0;font-size:1.25rem;font-weight:600}.premium-prompt-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.premium-prompt-close:hover{background:var(--surface-color)}.premium-prompt-content{padding:var(--spacing-lg);text-align:center}.premium-prompt-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.premium-prompt-content h4{margin:0 0 var(--spacing-sm) 0;font-size:1.5rem;font-weight:600}.premium-prompt-content p{margin:0 0 var(--spacing-lg) 0;font-size:1rem;line-height:1.5}.premium-prompt-benefits{text-align:left;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#00000005;border-radius:var(--border-radius-md)}.premium-prompt-benefits h5{margin:0 0 var(--spacing-sm) 0;font-size:1.125rem;font-weight:600}.premium-prompt-benefits ul{margin:0;padding-left:var(--spacing-lg)}.premium-prompt-benefits li{margin-bottom:var(--spacing-xs);line-height:1.4}.premium-prompt-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.premium-prompt-signup{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);text-decoration:none;font-weight:600;font-size:1rem;transition:all var(--transition-fast);text-align:center}.premium-prompt-signup:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.premium-prompt-signin{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border:1px solid;border-radius:var(--border-radius-md);text-decoration:none;font-weight:500;font-size:.875rem;transition:all var(--transition-fast);text-align:center}.premium-prompt-signin:hover{background:var(--primary-color);color:#fff!important}@media (max-width: 768px){.premium-prompt-overlay{padding:var(--spacing-sm)}.premium-prompt-modal{max-width:100%}.premium-prompt-header,.premium-prompt-content{padding:var(--spacing-md)}.premium-prompt-icon{font-size:2.5rem}.premium-prompt-content h4{font-size:1.25rem}.premium-prompt-actions{gap:var(--spacing-sm)}.premium-prompt-signup{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}}.drills-grid,.strategies-grid,.equipment-grid,.fundamentals-grid,.assessments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.drill-card,.strategy-card,.equipment-card,.fundamental-card,.assessment-card{background:var(--color-surface);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all .3s ease}.drill-card:hover,.strategy-card:hover,.equipment-card:hover,.fundamental-card:hover,.assessment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.drill-card h3,.strategy-card h3,.equipment-card h3,.fundamental-card h3,.assessment-card h3{color:var(--color-primary);margin-bottom:.5rem;font-size:1.25rem}.drill-meta,.strategy-meta,.equipment-meta,.fundamental-meta{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.difficulty,.category,.duration,.price-range{background:var(--color-secondary);color:#fff;padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500}.difficulty.beginner{background:#10b981}.difficulty.intermediate{background:#f59e0b}.difficulty.advanced{background:#ef4444}.equipment,.instructions,.tips,.strategy-tips,.recommendations,.fundamental-content,.brands{margin:1rem 0}.equipment strong,.instructions strong,.tips strong,.strategy-tips strong,.recommendations strong,.fundamental-content strong,.brands strong{color:var(--color-primary);display:block;margin-bottom:.5rem}.equipment ul,.instructions ol,.tips ul,.strategy-tips ul,.recommendations ul,.fundamental-content ul,.brands span{margin:0;padding-left:1.5rem}.equipment li,.instructions li,.tips li,.strategy-tips li,.recommendations li,.fundamental-content li{margin-bottom:.25rem;line-height:1.5}.brands{display:flex;flex-direction:column;gap:.5rem}.brands span{background:var(--color-background);padding:.5rem;border-radius:var(--border-radius-sm);font-size:.875rem}.assessment-meta{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.assessment-meta span{background:var(--color-secondary);color:#fff;padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500}.assessment-header{margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.question-counter{text-align:center;color:var(--color-text-secondary);font-weight:500}.question-container{max-width:600px;margin:0 auto}.question-text{font-size:1.25rem;margin-bottom:2rem;color:var(--color-text-primary);line-height:1.6}.answer-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.answer-option{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;padding:1rem;text-align:left;cursor:pointer;transition:all .2s ease;font-size:1rem;color:var(--color-text-primary)}.answer-option:hover{border-color:var(--color-primary);background:var(--color-secondary)}.answer-option.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.question-actions{text-align:center}.assessment-results{max-width:800px;margin:0 auto}.score-display{text-align:center;margin:2rem 0}.score-circle{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:var(--color-primary);color:#fff;margin-bottom:1rem}.score-circle .score{font-size:2.5rem;font-weight:700}.score-circle .total{font-size:1.5rem;opacity:.8}.percentage{font-size:1.5rem;font-weight:600;color:var(--color-primary)}.results-breakdown{margin:2rem 0}.question-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:1rem}.question-result.correct{border-left:4px solid #10B981}.question-result.incorrect{border-left:4px solid #EF4444}.question-number{font-weight:600;color:var(--color-primary);margin-bottom:.5rem}.answer-feedback .correct{color:#10b981;font-weight:600}.answer-feedback .incorrect{color:#ef4444;font-weight:600}.explanation{margin-top:.5rem;padding:.75rem;background:var(--color-secondary);border-radius:6px;color:var(--color-text-secondary);font-size:.9rem}.assessment-actions{text-align:center;margin-top:2rem}.previous-results{margin-bottom:2rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem;text-align:center}.result-card h3{color:var(--color-primary);margin-bottom:.5rem;font-size:1rem}.result-score{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.result-date{color:var(--color-text-secondary);font-size:.875rem}@media (max-width: 768px){.drills-grid,.strategies-grid,.equipment-grid,.fundamentals-grid,.assessments-grid{grid-template-columns:1fr;gap:1rem}.drill-card,.strategy-card,.equipment-card,.fundamental-card,.assessment-card{padding:1rem}.drill-meta,.strategy-meta,.equipment-meta,.fundamental-meta,.assessment-meta{flex-direction:column;gap:.5rem}.question-container{padding:0 1rem}.answer-options{gap:.75rem}.answer-option{padding:.75rem}.score-circle{width:100px;height:100px}.score-circle .score{font-size:2rem}.score-circle .total{font-size:1.25rem}}.profile-header{margin-bottom:2rem;padding:2rem;background:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border)}.user-info h2{color:var(--color-primary);margin-bottom:.5rem}.sports-progress{margin-bottom:3rem}.sports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.sport-progress-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:all .3s ease}.sport-progress-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sport-progress-card h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem}.progress-circle{width:100px;height:100px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1rem}.progress-percentage{font-size:1.5rem;font-weight:700}.progress-label{font-size:.875rem;opacity:.9}.assessment-count{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9rem}.recent-results{text-align:left}.recent-results h4{color:var(--color-primary);margin-bottom:.5rem;font-size:1rem}.result-summary{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.result-summary:last-child{border-bottom:none}.assessment-name{font-size:.875rem;color:var(--color-text-primary)}.result-score{font-weight:600;color:var(--color-primary)}.detailed-results,.sport-results-section{margin-bottom:2rem}.sport-results-section h3{color:var(--color-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.results-timeline{display:flex;flex-direction:column;gap:1rem}.result-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.result-header .assessment-name{font-weight:600;color:var(--color-text-primary)}.result-header .result-date{color:var(--color-text-secondary);font-size:.875rem}.result-details{display:flex;align-items:center;gap:1rem}.score-breakdown{display:flex;align-items:center;gap:.5rem;min-width:120px}.score-breakdown .score{font-weight:600;color:var(--color-text-primary)}.score-breakdown .percentage{font-weight:600;color:var(--color-primary)}.no-results{text-align:center;padding:3rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.no-results h3{color:var(--color-primary);margin-bottom:1rem}.no-results p{color:var(--color-text-secondary);margin-bottom:.5rem}@media (max-width: 768px){.sports-grid{grid-template-columns:1fr;gap:1rem}.sport-progress-card{padding:1rem}.progress-circle{width:80px;height:80px}.progress-percentage{font-size:1.25rem}.result-header,.result-details{flex-direction:column;align-items:flex-start;gap:.5rem}.score-breakdown{min-width:auto}}.shot-analysis-interface{max-width:800px;margin:0 auto}.personalized-insights{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:1.5rem;border-radius:var(--border-radius);margin-bottom:2rem;box-shadow:0 4px 12px #00000026}.personalized-insights h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.skill-level,.weak-areas{margin-bottom:.5rem;font-size:.95rem}.skill-level strong,.weak-areas strong{color:#ffffffe6;margin-right:.5rem}.weak-areas{font-style:italic}.analysis-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-weight:700;color:var(--color-primary);font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.shot-select,.issue-select{padding:.75rem 2.5rem .75rem .75rem;border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;cursor:pointer;box-shadow:0 2px 4px #0000001a}.shot-select:hover,.issue-select:hover{border-color:var(--color-primary);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.shot-select:focus,.issue-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1),0 4px 8px #00000026}.shot-select:disabled,.issue-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface)}.shot-info{background:var(--color-secondary);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:2rem}.shot-info h3{color:var(--color-primary);margin-bottom:.5rem;font-size:1.25rem}.shot-info p{color:var(--color-text-secondary);line-height:1.6}.analysis-results{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a;position:relative}.analysis-results:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius) var(--border-radius) 0 0}.analysis-results h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem}.issue-selected{background:var(--color-secondary);padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;border-left:4px solid var(--color-primary)}.issue-selected strong{color:var(--color-primary)}.recommendations{margin-bottom:1.5rem}.recommendations h4{color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem}.recommendations ul{list-style:none;padding:0}.recommendations li{background:var(--color-background);padding:.75rem;margin-bottom:.5rem;border-radius:var(--border-radius);border-left:3px solid var(--color-primary);line-height:1.5}.video-link{text-align:center;margin-top:1.5rem}.video-button{display:inline-block;background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all .2s ease}.video-button:hover{background:var(--color-primary-dark, var(--color-primary));transform:translateY(-1px);box-shadow:0 4px 8px #0003}.help-text{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;margin-top:2rem}.help-text h3{color:var(--color-primary);margin-bottom:1rem}.help-text ol{padding-left:1.5rem}.help-text li{margin-bottom:.75rem;line-height:1.6}.help-text strong{color:var(--color-primary)}.no-shots{text-align:center;padding:3rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.no-shots p{color:var(--color-text-secondary);font-size:1.1rem}.video-analysis-screen{max-width:1200px;margin:0 auto;padding:2rem}.video-analysis-header{text-align:center;margin-bottom:3rem}.video-analysis-header h1{font-size:2.5rem;margin-bottom:1rem}.video-analysis-description{font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.premium-gate{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:var(--border-radius);padding:3rem;margin-bottom:3rem;text-align:center;box-shadow:0 8px 25px #00000026}.premium-gate-content h3{font-size:2rem;margin-bottom:1rem}.premium-gate-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.premium-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.benefit-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff1a;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.benefit-icon{font-size:1.5rem}.video-upload-section{margin-bottom:3rem}.upload-card{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:2rem;text-align:center;box-shadow:0 4px 12px #0000001a}.upload-card h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem}.remaining-videos{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0;padding:1rem;background:var(--color-secondary);border-radius:var(--border-radius);color:#fff}.remaining-count{font-size:1.5rem;font-weight:700}.upload-button{padding:1rem 2rem;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.analysis-types-section,.features-section,.recommendations-section,.progress-tracking-section{margin-bottom:3rem}.analysis-types-section h2,.features-section h2,.recommendations-section h2,.progress-tracking-section h2{color:var(--color-primary);margin-bottom:2rem;text-align:center;font-size:2rem}.analysis-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.analysis-type-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.analysis-type-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.analysis-type-card h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem}.analysis-type-card h4{color:var(--color-primary);margin:1.5rem 0 .5rem;font-size:1rem}.key-points ul,.common-issues ul{list-style:none;padding:0}.key-points li,.common-issues li{padding:.5rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.key-points li:last-child,.common-issues li:last-child{border-bottom:none}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{display:flex;align-items:center;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.feature-icon{font-size:1.5rem;color:var(--color-primary)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.recommendation-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;box-shadow:0 4px 6px #0000001a}.recommendation-card h3{margin-bottom:1rem;font-size:1.25rem;text-transform:capitalize}.recommendation-card h3.level-beginner{color:#10b981}.recommendation-card h3.level-intermediate{color:#f59e0b}.recommendation-card h3.level-advanced{color:#ef4444}.recommendation-card ul{list-style:none;padding:0}.recommendation-card li{padding:.5rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.recommendation-card li:last-child{border-bottom:none}.progress-metrics{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;box-shadow:0 4px 6px #0000001a}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-secondary);border-radius:var(--border-radius);color:#fff}.metric-icon{font-size:1.25rem}.improvements-list h3{color:var(--color-primary);margin-bottom:1rem}.improvements-list ul{list-style:none;padding:0}.improvements-list li{padding:.5rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.improvements-list li:last-child{border-bottom:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--color-surface);border-radius:var(--border-radius);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0000004d}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-text-secondary);z-index:1001}.modal-close:hover{color:var(--color-text-primary)}@media (max-width: 768px){.analysis-controls{padding:1rem;gap:1rem}.shot-info,.analysis-results,.help-text{padding:1rem}.control-group{gap:.25rem}.shot-select,.issue-select{padding:.5rem;font-size:.9rem}.video-button{padding:.5rem 1rem;font-size:.9rem}.video-analysis-screen{padding:1rem}.video-analysis-header h1{font-size:2rem}.premium-gate{padding:2rem 1rem}.premium-benefits{grid-template-columns:1fr}.analysis-types-grid,.features-grid,.recommendations-grid{grid-template-columns:1fr;gap:1rem}.metrics-grid{grid-template-columns:1fr}.modal-overlay{padding:1rem}}.input-type-selector{display:flex;gap:10px;margin-bottom:20px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.input-type-btn{flex:1;padding:12px 16px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border-radius:0}.input-type-btn:hover{opacity:.9}.input-type-btn.active{box-shadow:inset 0 2px 4px #0000001a}.youtube-input-section,.file-upload-section{margin-top:15px}.youtube-input-section input{font-size:14px}.youtube-input-section input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}@media (max-width: 768px){.input-type-selector{flex-direction:column}.input-type-btn{border-radius:4px;margin-bottom:5px}}.analysis-results{padding:20px}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background-color:var(--color-surface);border-radius:8px}.video-info p{margin:5px 0;font-size:14px}.analysis-sections{display:flex;flex-direction:column;gap:25px}.swing-analysis,.key-metrics,.recommendations,.pose-estimation{background-color:var(--color-surface);padding:20px;border-radius:8px;border:1px solid var(--color-border)}.swing-analysis h3,.key-metrics h3,.recommendations h3,.pose-estimation h3{margin:0 0 15px;color:var(--color-primary);font-size:18px}.swing-metrics{display:flex;flex-direction:column;gap:15px}.metric-item{padding:15px;background-color:var(--color-background);border-radius:6px;border-left:4px solid var(--color-primary)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.metric-name{font-weight:700;font-size:16px}.metric-score{font-weight:700;font-size:18px}.metric-feedback{margin:0;color:var(--color-text-secondary);font-size:14px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.metric-card{padding:15px;background-color:var(--color-background);border-radius:6px;text-align:center;border:1px solid var(--color-border)}.metric-label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.metric-value{display:block;font-size:16px;font-weight:700;color:var(--color-text)}.recommendations ul{margin:0;padding-left:20px}.recommendations li{margin-bottom:8px;color:var(--color-text-secondary)}.pose-metrics{display:flex;flex-direction:column;gap:10px}.pose-metric{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--color-background);border-radius:4px}.analysis-actions{display:flex;justify-content:center;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border)}.action-button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.analysis-header{flex-direction:column;gap:20px;text-align:center}.metrics-grid{grid-template-columns:1fr}.analysis-actions{flex-direction:column}.action-button{width:100%}}.trail-prep-screen{padding:var(--spacing-lg);min-height:100vh;background:var(--background-color)}.trail-prep-intro{font-size:1.1rem;color:var(--text-secondary-color);margin-bottom:var(--spacing-xl);line-height:1.6}.hike-selector{margin-bottom:var(--spacing-xl)}.hike-selector label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-color)}.hike-dropdown{width:100%;max-width:500px;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-size:1rem;background:var(--surface-color);color:var(--text-color);transition:border-color var(--transition-fast)}.hike-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.hike-details{background:var(--surface-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-top:var(--spacing-lg)}.hike-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.hike-header h2{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:2rem}.hike-location{font-size:1.2rem;color:var(--text-secondary-color);margin-bottom:var(--spacing-lg);font-weight:500}.hike-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--background-color);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.stat-label{font-size:.875rem;color:var(--text-secondary-color);font-weight:500;margin-bottom:var(--spacing-xs)}.stat-value{font-size:1rem;color:var(--text-color);font-weight:600}.difficulty-easy{color:var(--success-color)}.difficulty-moderate{color:var(--warning-color)}.difficulty-challenging{color:var(--error-color)}.difficulty-extreme{color:#8b0000;font-weight:700}.hike-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}.preparation-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.prep-section{background:var(--background-color);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.prep-section h3{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.25rem;display:flex;align-items:center;gap:var(--spacing-sm)}.prep-section h3:before{content:"📋";font-size:1.2rem}.prep-section ul{list-style:none;padding:0;margin:0}.prep-section li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);color:var(--text-color);line-height:1.5}.prep-section li:last-child{border-bottom:none}.prep-section li:before{content:"✓";color:var(--success-color);font-weight:700;margin-right:var(--spacing-sm)}.hike-highlights{display:flex;flex-direction:column;gap:var(--spacing-lg)}.highlights-section,.challenges-section{background:var(--background-color);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.highlights-section h3{color:var(--success-color);margin-bottom:var(--spacing-md);font-size:1.25rem;display:flex;align-items:center;gap:var(--spacing-sm)}.highlights-section h3:before{content:"⭐";font-size:1.2rem}.challenges-section h3{color:var(--warning-color);margin-bottom:var(--spacing-md);font-size:1.25rem;display:flex;align-items:center;gap:var(--spacing-sm)}.challenges-section h3:before{content:"⚠️";font-size:1.2rem}.highlights-section ul,.challenges-section ul{list-style:none;padding:0;margin:0}.highlights-section li,.challenges-section li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);color:var(--text-color);line-height:1.5}.highlights-section li:last-child,.challenges-section li:last-child{border-bottom:none}.highlights-section li:before{content:"✨";margin-right:var(--spacing-sm)}.challenges-section li:before{content:"⚡";margin-right:var(--spacing-sm)}.tab-navigation{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--text-secondary-color);font-size:1rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.tab-button:hover{color:var(--primary-color);background:#00000005}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#00000005}.training-plan-content{padding:var(--spacing-lg) 0}.training-intro{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--background-color);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.training-intro h3{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.5rem}.training-intro p{color:var(--text-secondary-color);line-height:1.6;margin:0}.training-weeks{display:flex;flex-direction:column;gap:var(--spacing-lg)}.training-week{background:var(--background-color);border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow:hidden;transition:box-shadow var(--transition-fast)}.training-week:hover{box-shadow:var(--shadow-md)}.week-header{background:var(--primary-color);color:#fff;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.week-header h4{margin:0;font-size:1.25rem;font-weight:600}.week-focus{background:#fff3;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500}.week-details{padding:var(--spacing-lg)}.week-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.meta-item{padding:var(--spacing-sm);background:var(--surface-color);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.meta-item strong{color:var(--primary-color);margin-right:var(--spacing-xs)}.week-activities,.week-notes{margin-bottom:var(--spacing-lg)}.week-activities:last-child,.week-notes:last-child{margin-bottom:0}.week-activities h5,.week-notes h5{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.1rem;display:flex;align-items:center;gap:var(--spacing-sm)}.week-activities h5:before{content:"🏃‍♂️";font-size:1rem}.week-notes h5:before{content:"📝";font-size:1rem}.week-activities ul,.week-notes ul{list-style:none;padding:0;margin:0}.week-activities li,.week-notes li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);color:var(--text-color);line-height:1.5}.week-activities li:last-child,.week-notes li:last-child{border-bottom:none}.week-activities li:before{content:"✓";color:var(--success-color);font-weight:700;margin-right:var(--spacing-sm)}.week-notes li:before{content:"💡";margin-right:var(--spacing-sm)}@media (max-width: 768px){.hike-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.hike-stats{grid-template-columns:1fr}.hike-header h2{font-size:1.5rem}.trail-prep-screen{padding:var(--spacing-md)}.hike-details{padding:var(--spacing-lg)}.tab-navigation{flex-direction:column;gap:0}.tab-button{border-bottom:1px solid var(--border-color);border-radius:0}.tab-button.active{border-bottom-color:var(--primary-color)}.week-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.week-meta{grid-template-columns:1fr}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:400px;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--border-color, #e0e0e0)}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{margin:0 0 10px;font-size:28px;font-weight:600}.auth-header p{margin:0;color:var(--text-secondary, #666);font-size:16px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:var(--text-primary, #333);font-size:14px}.form-group input{padding:12px 16px;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-color, #007bff)}.auth-button{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px}.auth-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color, #e0e0e0)}.auth-footer p{margin:8px 0;color:var(--text-secondary, #666)}.auth-footer a{text-decoration:none;font-weight:500;transition:color .2s ease}.auth-footer a:hover{text-decoration:underline}.error-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.success-message{text-align:center;padding:20px}.success-message h2{margin:0 0 20px;font-size:24px}.success-message p{margin:10px 0;color:var(--text-secondary, #666)}@media (max-width: 480px){.auth-container{padding:10px}.auth-card{padding:30px 20px}.auth-header h1{font-size:24px}}:root{--primary-color: #FF6B35;--secondary-color: #4ECDC4;--accent-color: #45B7D1;--background-color: #FFFFFF;--surface-color: #F8F9FA;--text-color: #2C3E50;--text-secondary-color: #6C757D;--success-color: #28A745;--warning-color: #FFC107;--error-color: #DC3545;--font-family: "Inter", system-ui, -apple-system, sans-serif;--heading-font: "Inter", system-ui, -apple-system, sans-serif;--body-font: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--body-font);font-size:1rem;line-height:1.6;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:600;line-height:1.2;color:var(--text-color);margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-color)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-color)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:768px;margin:0 auto;padding:0 var(--spacing-lg)}.container-lg{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.m-0{margin:0}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-accent{background-color:var(--accent-color)}.bg-surface{background-color:var(--surface-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-error{background-color:var(--error-color)}.border{border:1px solid var(--surface-color)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-accent{border-color:var(--accent-color)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (max-width: 640px){.main-content{padding:var(--spacing-md)}.container{padding:0 var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (max-width: 768px){.main-content{padding:var(--spacing-md)}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.main-content{padding:0}}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.video-analysis-screen,.skill-assessment-screen,.drills-screen,.strategies-screen,.equipment-screen,.fundamentals-screen,.auth-screen,.profile-screen,.not-found-screen{padding:var(--spacing-xl) 0;min-height:60vh}.not-found-content{text-align:center;max-width:600px;margin:0 auto}.not-found-content h1{font-size:3rem;margin-bottom:var(--spacing-lg);color:var(--text-color)}.not-found-content p{font-size:1.125rem;color:var(--text-secondary-color);margin-bottom:var(--spacing-xl)}.back-home-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius-lg);font-weight:600;transition:all var(--transition-fast)}.back-home-button:hover{background:var(--accent-color);transform:translateY(-2px);color:#fff;box-shadow:var(--shadow-lg)}@media (max-width: 768px){.not-found-content h1{font-size:2.5rem}.not-found-content p{font-size:1rem}}@media (max-width: 480px){.not-found-content h1{font-size:2rem}}