.msn-search-container{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:16px}.msn-searchbar{flex:1;--background:var(--ion-color-light);--color:var(--ion-color-dark);--placeholder-color:var(--ion-color-medium);--icon-color:var(--ion-color-medium);--clear-button-color:var(--ion-color-medium);--border-radius:12px;--box-shadow:0 2px 8px rgba(0,0,0,0.1);--padding-start:16px;--padding-end:16px;--padding-top:12px;--padding-bottom:12px}.msn-searchbar .searchbar-input{font-family:var(--msn-font-family);font-size:var(--msn-text-size);font-weight:var(--msn-text-weight);line-height:var(--msn-text-line-height)}.msn-search-filter-button{--border-radius:12px;--padding-start:12px;--padding-end:12px;--padding-top:12px;--padding-bottom:12px;height:48px;min-width:48px}.msn-search-filter-button.active{--background:var(--color-primary);--color:white}.msn-search-results{margin-bottom:16px}.msn-search-results-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;background:var(--ion-color-light);border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.msn-search-results-info{display:flex;align-items:flex-start;gap:12px;flex:1}.msn-search-results-icon{color:var(--color-primary);font-size:20px;margin-top:2px;flex-shrink:0}.msn-search-results-text{flex:1}.msn-search-results-text h3{margin:0 0 4px;color:var(--ion-color-dark)}.msn-search-results-text p{margin:0;color:var(--ion-color-medium)}.msn-search-clear-button{--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;--border-radius:8px;height:32px;width:32px;flex-shrink:0}.msn-search-results-content{margin-top:8px}.msn-search-empty-state{flex-direction:column;padding:48px 24px;text-align:center;background:var(--ion-color-light);border-radius:12px;margin:16px 0}.msn-search-empty-icon,.msn-search-empty-state{display:flex;align-items:center;justify-content:center}.msn-search-empty-icon{width:64px;height:64px;border-radius:50%;background:rgba(157,78,221,.1);margin-bottom:24px}.msn-search-empty-icon ion-icon{font-size:32px;color:var(--color-primary)}.msn-search-empty-content{max-width:300px}.msn-search-empty-content h3{margin:0 0 12px;color:var(--ion-color-dark)}.msn-search-empty-content p{margin:0 0 24px;color:var(--ion-color-medium);line-height:1.5}.msn-search-suggestions{margin-bottom:24px}.msn-search-suggestions p{margin:0 0 12px;font-size:14px;color:var(--ion-color-medium)}.msn-search-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.msn-search-suggestion-chip{--border-radius:16px;--padding-start:12px;--padding-end:12px;--padding-top:6px;--padding-bottom:6px;height:32px;font-size:12px}@media (max-width:768px){.msn-search-container{flex-direction:column;gap:12px}.msn-search-filter-button{width:100%;justify-content:center}.msn-search-results-header{flex-direction:column;gap:16px}.msn-search-clear-button{align-self:flex-end}.msn-search-suggestion-chips{flex-direction:column;align-items:stretch}.msn-search-suggestion-chip{width:100%}}@media (prefers-color-scheme:dark){.msn-searchbar{--background:var(--ion-color-dark);--color:var(--ion-color-light);--placeholder-color:var(--ion-color-medium);--icon-color:var(--ion-color-medium);--clear-button-color:var(--ion-color-medium)}.msn-search-empty-state,.msn-search-results-header{background:var(--ion-color-dark)}.msn-search-empty-icon{background:rgba(157,78,221,.2)}}.msn-search-results-header{animation:slideInDown .3s ease-out}.msn-search-empty-state{animation:fadeIn .4s ease-out}.msn-search-suggestion-chip{transition:all .2s ease}.msn-search-suggestion-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(157,78,221,.3)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.msn-search-container .msn-searchbar{--background:var(--msn-surface-color,var(--ion-color-light));--color:var(--msn-text-color,var(--ion-color-dark))}.msn-search-empty-state,.msn-search-results-header{background:var(--msn-surface-color,var(--ion-color-light));border:1px solid var(--msn-border-color,rgba(0,0,0,.1))}@keyframes ios-spring-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-icon{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255,255,255,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0)}}.ios-welcome-banner{margin:var(--spacing-sm) 0;width:100%;animation:ios-spring-in var(--transition-medium) forwards;animation-delay:.1s;opacity:0}.ios-welcome-banner-content{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);color:var(--color-text-primary);display:flex;justify-content:space-between;align-items:center}.ios-welcome-banner-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);opacity:.5;animation:shine 15s linear infinite;pointer-events:none}.ios-welcome-banner-text{flex:1}.ios-welcome-banner-text h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;letter-spacing:var(--letter-spacing-tight)}.ios-welcome-banner-text p{font-size:var(--font-size-lg);opacity:.9}.ios-welcome-banner-icon{width:48px;height:48px;margin-left:var(--spacing-lg);position:relative}.ios-welcome-banner-icon-inner{width:100%;height:100%;background-color:rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:24px;animation:pulse-icon 2s ease-in-out infinite;position:relative;z-index:2}.ios-welcome-decoration{position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at top right,rgba(199,125,255,.4),transparent 70%);z-index:1;pointer-events:none;filter:blur(10px)}.ios-section{margin-bottom:var(--spacing-xl)}.ios-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.ios-section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight)}.ios-pillars-grid{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--spacing-sm);animation:ios-spring-in var(--transition-medium) forwards;animation-delay:.2s;opacity:0;width:100%;overflow-x:hidden;padding-bottom:var(--spacing-sm);position:relative}@media (min-width:400px){.ios-pillars-grid{gap:var(--spacing-sm)}}@media (min-width:500px){.ios-pillars-grid{gap:var(--spacing-md)}}.ios-pillar-card{background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-xs);align-items:center;transition:transform var(--transition-fast);box-shadow:var(--shadow-card);flex:1;min-width:0;width:calc(20% - var(--spacing-xs));min-height:var(--touch-target-min);justify-content:center}@media (min-width:400px){.ios-pillar-card{padding:var(--spacing-sm) var(--spacing-xs);width:calc(20% - var(--spacing-sm))}}@media (min-width:500px){.ios-pillar-card{padding:var(--spacing-md) var(--spacing-sm);width:calc(20% - var(--spacing-md))}}.ios-pillar-card:active{transform:scale(.96)}.ios-pillar-icon-container{width:32px;height:32px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}@media (min-width:400px){.ios-pillar-icon-container{width:36px;height:36px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}}@media (min-width:500px){.ios-pillar-icon-container{width:40px;height:40px;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}}.ios-pillar-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0;max-width:100%;line-height:1.1}@media (min-width:400px){.ios-pillar-name{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}}.ios-pillar-progress-container{width:100%;padding:0 var(--spacing-xs)}@media (min-width:400px){.ios-pillar-progress-container{padding:0 var(--spacing-xs)}}@media (min-width:500px){.ios-pillar-progress-container{padding:0 var(--spacing-sm)}}.ios-pillar-progress{height:3px;border-radius:1.5px;margin-bottom:2px;position:relative}.ios-pillar-progress-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right}.ios-featured-workouts{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg);animation:ios-spring-in var(--transition-medium) forwards;animation-delay:.3s;opacity:0}@media (min-width:768px){.ios-featured-workouts{grid-template-columns:repeat(2,1fr)}}.ios-workout-card{background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.ios-workout-card:active{transform:scale(.98)}.ios-workout-image-container{width:100%;height:120px}.ios-workout-pillar-badge{top:var(--spacing-md);left:var(--spacing-md);border-radius:var(--radius-pill);font-size:var(--font-size-xs);color:var(--color-text-primary)}.ios-workout-duration,.ios-workout-pillar-badge{padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.ios-workout-duration{bottom:var(--spacing-sm);right:var(--spacing-sm);background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.ios-workout-content{padding:var(--spacing-md)}.ios-workout-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:var(--letter-spacing-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-workout-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.3;text-overflow:ellipsis;max-height:2.6em}.ios-workout-level{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ios-empty-state{width:100%;padding:var(--spacing-xxl) var(--spacing-lg);background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.ios-upcoming-list{gap:var(--spacing-md);animation:ios-spring-in var(--transition-medium) forwards;animation-delay:.4s;opacity:0}@media (min-width:768px){.ios-upcoming-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}.ios-upcoming-card{background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.ios-upcoming-card:active{transform:scale(.98)}.ios-upcoming-content{padding:var(--spacing-lg);gap:var(--spacing-md)}.ios-upcoming-type-indicator[data-type=team]{background-color:var(--color-primary)}.ios-upcoming-type-indicator[data-type=individual]{background-color:#00e5ff}.ios-upcoming-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:var(--letter-spacing-tight)}.ios-upcoming-meta{gap:var(--spacing-md)}.ios-upcoming-date{font-size:var(--font-size-md);color:var(--color-text-secondary)}.ios-upcoming-location{font-size:var(--font-size-md)}.ios-upcoming-arrow,.ios-upcoming-location{color:var(--color-text-tertiary)}.ios-fab{position:fixed;bottom:90px;left:16px;z-index:10001;flex-direction:column;gap:16px}.ios-fab,.ios-fab-button{display:flex;align-items:center}.ios-fab-button{width:56px;height:56px;border-radius:28px;background-color:var(--color-primary);color:white;font-size:24px;justify-content:center;border:none;box-shadow:0 4px 16px rgba(157,78,221,.3);transition:transform var(--transition-fast),background-color var(--transition-fast);opacity:1}.ios-fab-button:active{transform:scale(.92);background-color:var(--color-primary-dark)}.ios-admin-fab{position:fixed;bottom:90px;right:16px;z-index:10001}.ios-admin-button{width:56px;height:56px;border-radius:28px;background-color:#333333;color:white;font-size:24px;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform var(--transition-fast),background-color var(--transition-fast);opacity:1}.ios-admin-button:active{transform:scale(.92);background-color:#222222}.ios-loading-container{padding:var(--spacing-lg)}@media (max-width:375px){.ios-pillar-card{padding:8px 2px;min-height:var(--touch-target-min)}.ios-pillar-icon-container{width:28px;height:28px;margin-bottom:3px}.ios-pillar-name{font-size:9px;margin-bottom:3px}.ios-pillar-progress-container{padding:0 2px}.ios-pillar-progress{height:2px;margin-bottom:1px}.ios-pillar-progress-text{font-size:7px}}.ios-welcome-banner{margin:8px 16px!important;padding:0!important;height:auto!important;min-height:auto!important}.ios-welcome-banner:before{content:"";position:absolute;top:-50%;right:-30%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 60%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.ios-welcome-banner-content{background:linear-gradient(135deg,#9d4edd,#7b2cbf)!important;padding:12px 16px!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(157,78,221,.2)!important;min-height:50px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative;z-index:1;overflow:hidden}.ios-welcome-banner-text h2{color:white;font-size:16px;font-weight:600;margin:0 0 2px;letter-spacing:-.02em;line-height:1.2}.ios-welcome-banner-text p{color:rgba(255,255,255,.9);font-size:13px;margin:0;line-height:1.3}.ios-welcome-banner-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.ios-welcome-banner-icon-inner{width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.ios-welcome-banner-icon-inner svg{width:18px;height:18px;color:white}.ios-pillars-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0;padding:0 4px}.ios-pillar-card{background:#1a1a1a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;aspect-ratio:1/1!important;width:100%!important;margin:0!important;display:flex;flex-direction:column}.ios-pillar-card.msn-card-compact{padding:0!important}.ios-pillar-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.03));opacity:0;transition:opacity .3s ease}.ios-pillar-card:active:before,.ios-pillar-card:hover:before{opacity:1}.ios-pillar-card:active,.ios-pillar-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4);border-color:rgba(255,255,255,.12)}.ios-pillar-card ion-card-content{padding:16px!important;display:flex;flex-direction:column;height:100%;justify-content:center;align-items:center;gap:8px}.ios-pillar-icon-container{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:0 4px 12px rgba(0,0,0,.2);flex-shrink:0}.ios-pillar-name{font-size:15px;font-weight:600;color:white;margin:0;line-height:1.2;text-align:center}.ios-pillar-progress-container{display:none!important}.ios-pillar-progress{width:80%;height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}.ios-pillar-progress:after{content:"";display:block;height:100%;background:var(--progress-background);border-radius:3px;transition:width .6s ease}.ios-pillar-progress-text{display:none!important}.ios-featured-workouts{display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:16px 0;scrollbar-width:none}.ios-featured-workouts::-webkit-scrollbar{display:none}.ios-workout-card{min-width:280px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .3s ease;flex-shrink:0}.ios-workout-card:hover{transform:scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.5)}.ios-workout-image-container{position:relative;height:160px;overflow:hidden;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.ios-workout-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.9;transition:all .3s ease}.ios-workout-card:hover .ios-workout-image{opacity:1;transform:scale(1.05)}.ios-workout-pillar-badge{top:12px;left:12px;width:32px;height:32px;border-radius:8px;justify-content:center;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.ios-workout-duration,.ios-workout-pillar-badge{position:absolute;display:flex;align-items:center;backdrop-filter:blur(10px)}.ios-workout-duration{bottom:12px;right:12px;background:rgba(0,0,0,.7);padding:6px 12px;border-radius:20px;gap:6px;font-size:13px;color:white;font-weight:500}.ios-workout-content{padding:16px}.ios-workout-title{font-size:17px;font-weight:600;color:white;margin:0 0 8px;line-height:1.2}.ios-workout-description{font-size:14px;color:rgba(255,255,255,.7);line-height:1.4;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ios-workout-level{font-size:12px;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ios-upcoming-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.ios-upcoming-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease;position:relative;overflow:hidden}.ios-upcoming-card:hover{background:#222;border-color:rgba(157,78,221,.3);transform:translateX(4px)}.ios-upcoming-content{padding:16px;display:flex;align-items:center;gap:16px}.ios-upcoming-type-indicator{width:4px;height:40px;border-radius:2px;background:#666;position:absolute;left:0;top:50%;transform:translateY(-50%)}.ios-upcoming-type-indicator[data-type=training]{background:var(--color-soccer-green)}.ios-upcoming-type-indicator[data-type=match]{background:var(--color-primary)}.ios-upcoming-type-indicator[data-type=assessment]{background:var(--color-soccer-yellow)}.ios-upcoming-details{flex:1;padding-left:8px}.ios-upcoming-title{font-size:16px;font-weight:600;color:white;margin:0 0 4px}.ios-upcoming-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(255,255,255,.6)}.ios-upcoming-arrow{font-size:20px;color:rgba(255,255,255,.3)}.ios-empty-state{text-align:center;padding:48px 24px;color:rgba(255,255,255,.5)}.ios-empty-state p{margin:0 0 16px;font-size:15px}.msn-section{overflow:visible}.msn-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.msn-section-header h2{font-size:20px;font-weight:600;color:white;margin:0}.msn-button-small{height:20px;font-size:12px;--padding-start:16px;--padding-end:16px;--padding-top:0px;--padding-bottom:0px;line-height:1}.msn-button-small ion-icon{font-size:12px}.msn-section ion-card[style*="background: linear-gradient"]{margin:16px 0!important;border:none!important;box-shadow:0 8px 32px rgba(138,43,226,.3)!important}.ios-workout-card-skeleton{min-width:280px;height:280px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;position:relative}.ios-workout-card-skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.ios-pillars-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.ios-pillars-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:375px){.ios-pillars-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ios-pillar-card ion-card-content{padding:12px}.ios-pillar-icon-container{width:40px;height:40px;margin-bottom:8px}.ios-pillar-name{font-size:14px}.ios-workout-card{min-width:240px}.ios-welcome-banner{margin:8px 12px!important}.ios-welcome-banner-content{padding:10px 12px!important;min-height:44px!important}.ios-welcome-banner-text h2{font-size:14px}.ios-welcome-banner-text p{font-size:12px}.ios-welcome-banner-icon-inner{width:32px!important;height:32px!important}.ios-welcome-banner-icon-inner svg{width:16px!important;height:16px!important}}@media (max-width:320px){.ios-pillars-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 2px}.ios-pillar-progress-text{display:none!important}}@media (prefers-color-scheme:dark){.msn-app-content{background:#000}.ios-pillar-card,.ios-upcoming-card,.ios-workout-card{background:#0a0a0a;border-color:rgba(255,255,255,.06)}}.custom-date-input,.custom-time-input{margin-bottom:var(--spacing-md)}.custom-time-label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg)}.required-indicator{color:var(--color-primary);margin-left:var(--spacing-xxs)}.time-input-container{display:flex;align-items:center;background-color:var(--color-card-bg);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.time-input-container:focus-within{border-color:var(--color-primary)}.time-input-icon{margin-right:var(--spacing-md);color:var(--color-primary);font-size:var(--font-size-xl);display:flex;align-items:center}.time-selectors{display:flex;align-items:center;flex:1}.time-select{--padding-start:var(--spacing-sm);--padding-end:var(--spacing-sm);--padding-top:var(--spacing-xs);--padding-bottom:var(--spacing-xs);--placeholder-color:var(--color-text-tertiary);--color:var(--color-text-primary);max-width:80px;min-width:60px}.hour-select,.minute-select,.time-separator{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}.time-separator{margin:0 var(--spacing-xs);color:var(--color-text-primary)}.period-toggle{display:flex;margin-left:var(--spacing-md)}.period-button{--border-radius:var(--radius-sm);--padding-start:var(--spacing-md);--padding-end:var(--spacing-md);--padding-top:var(--spacing-xs);--padding-bottom:var(--spacing-xs);margin:0;min-height:32px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.period-button.active{--background:var(--color-primary);--color:var(--color-text-primary);--box-shadow:var(--shadow-primary)}.period-button:not(.active){--background:transparent;--color:var(--color-text-tertiary);--border-color:rgba(255,255,255,0.2)}ion-select-popover{--background:var(--color-card-bg);--color:var(--color-text-primary)}ion-select-popover ion-item{--background:transparent;--color:var(--color-text-primary)}ion-select-popover ion-item.item-radio-checked{--background:rgba(157,78,221,0.2);--color:var(--color-primary)}.date-input-container{display:flex;align-items:center;background-color:var(--color-card-bg);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);cursor:pointer}.date-input-container:hover{border-color:rgba(255,255,255,.3)}.date-input-icon{margin-right:var(--spacing-md);color:var(--color-primary);font-size:var(--font-size-xl);display:flex;align-items:center}.date-display{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.date-picker-modal{--height:auto;--width:320px;--border-radius:var(--radius-lg);--background:var(--color-card-bg)}.date-picker-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.date-picker-header h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.date-picker-close-button{--color:var(--color-text-tertiary);--padding-start:var(--spacing-sm);--padding-end:var(--spacing-sm);--padding-top:var(--spacing-xs);--padding-bottom:var(--spacing-xs);margin:0}.date-picker-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.date-picker-cancel-button{--border-color:rgba(255,255,255,0.2);--color:var(--color-text-tertiary)}.date-picker-confirm-button{--background:var(--color-primary);--color:var(--color-text-primary)}@media (max-width:375px){.time-select{min-width:50px}.period-button{--padding-start:var(--spacing-sm);--padding-end:var(--spacing-sm);font-size:var(--font-size-sm)}.date-picker-modal{--width:300px}}*{box-sizing:border-box!important}.ion-app,.ion-page,body,html,ion-app,ion-page{margin:0!important;padding:0!important;background:#000000!important;width:100%!important;height:100%!important}.admin-page .app-content,.app-content,.coach-feedback-page .app-content,.drills-page .app-content,.pillars-page .app-content,.programs-page .app-content,.workouts-page .app-content,div.app-content{padding:0 0 calc(80px + env(safe-area-inset-bottom, 0px))!important;width:100%!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box!important;overflow-x:hidden!important;background:#000000!important}.drill-detail-page-content{padding:0!important;width:100%!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box!important;overflow-x:hidden!important;background:#000000!important}.app-content-padded{padding:16px 16px calc(80px + env(safe-area-inset-bottom, 0px));width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden;background:#000000!important}.app-content>*,.app-content>.drills-list,.app-content>.ios-pillar-details,.app-content>.ios-section,.app-content>.ios-welcome-banner,.app-content>.pillar-header,.app-content>.search-container,.drill-detail-page-content>*{margin-left:16px!important;margin-right:16px!important;width:calc(100% - 32px)!important;max-width:none!important;box-sizing:border-box!important}.app-content>.drills-content,.app-content>.drills-segment-container,.app-content>.ios-admin-section,.app-content>.ios-date-picker-card,.app-content>.ios-event-cards,.app-content>.ios-event-filter,.app-content>.ios-pillars-grid,.app-content>.ios-programs-grid,.app-content>.ios-programs-list,.app-content>.ios-welcome-banner,.app-content>.ios-workouts-grid,.app-content>.ios-workouts-list,.app-content>.msn-section,.drill-detail-page-content>.compact-header,.drill-detail-page-content>.standalone-video-section{margin-left:16px!important;margin-right:16px!important;margin-bottom:16px!important;width:calc(100% - 32px)!important;max-width:none!important;box-sizing:border-box!important}.drill-detail-page-content>.drill-card{margin-left:16px!important;margin-right:16px!important;margin-bottom:40px!important;width:calc(100% - 32px)!important;max-width:none!important;box-sizing:border-box!important}.app-content>:first-child,.drill-detail-page-content>:first-child{margin-top:8px!important}.drill-detail-page-content>.standalone-video-section{width:calc(100% - 32px)!important;margin:8px 16px 16px!important}.ds-app-content>:first-child,.msn-app-content>:first-child{margin-top:8px!important}.section-header{margin-bottom:16px}.section-header h2{font-size:20px;font-weight:600;margin:0;color:white}.card-margin,.ios-card,.msn-card,.msn-section,.section-margin{margin-bottom:16px!important}.card-padding,.ios-card-padding,.msn-card-padding{padding:16px!important}.drill-list{margin:0;padding:0;display:flex;flex-direction:column;gap:4px}@media (min-width:768px){.app-content,.ds-app-content,.msn-app-content{padding:24px 24px calc(80px + env(safe-area-inset-bottom, 0px))}.drill-detail-page-content{padding:24px}.app-content>.ios-date-picker-card,.app-content>.ios-event-cards,.app-content>.ios-event-filter,.app-content>.ios-welcome-banner,.app-content>.msn-section,.drill-detail-page-content>.compact-header,.msn-app-content>.ios-date-picker-card,.msn-app-content>.ios-event-cards,.msn-app-content>.ios-event-filter,.msn-app-content>.ios-welcome-banner,.msn-app-content>.msn-section{margin-left:0!important;margin-right:0!important;margin-bottom:24px!important}.drill-detail-page-content>.drill-card{margin-left:0!important;margin-right:0!important;margin-bottom:48px!important}.drill-detail-page-content>.standalone-video-section{margin-left:0!important;margin-right:0!important;width:100%!important;margin-bottom:24px!important}}.margin-top-sm,.msn-margin-top-sm{margin-top:8px!important}.margin-top-md,.msn-margin-top-md{margin-top:16px!important}.margin-top-lg,.msn-margin-top-lg{margin-top:24px!important}.margin-bottom-sm,.msn-margin-bottom-sm{margin-bottom:8px!important}.margin-bottom-md,.msn-margin-bottom-md{margin-bottom:16px!important}.margin-bottom-lg,.msn-margin-bottom-lg{margin-bottom:24px!important}.msn-padding-sm,.padding-sm{padding:8px!important}.msn-padding-md,.padding-md{padding:16px!important}.msn-padding-lg,.padding-lg{padding:24px!important}.no-margin{margin:0!important}.no-margin-horizontal{margin-left:0!important;margin-right:0!important}.no-margin-vertical{margin-top:0!important;margin-bottom:0!important}.full-width{width:100%!important;max-width:none!important}.content-width{width:calc(100% - 32px)!important;margin-left:16px!important;margin-right:16px!important}.padding-lg{padding:24px}.schedule-page .ios-date-picker-card,.schedule-page .ios-event-cards,.schedule-page .ios-event-filter,.schedule-page .ios-welcome-banner,.schedule-page .msn-section{margin:0 0 16px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.schedule-page .ios-welcome-banner:first-child{margin-top:8px!important}.workouts-page .ios-welcome-banner,.workouts-page .ios-workouts-grid,.workouts-page .ios-workouts-list,.workouts-page .msn-section{margin:0 0 16px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.workouts-page .ios-welcome-banner:first-child{margin-top:8px!important}.programs-page .ios-programs-grid,.programs-page .ios-programs-list,.programs-page .ios-welcome-banner,.programs-page .msn-section{margin:0 0 16px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.programs-page .ios-welcome-banner:first-child{margin-top:8px!important}.pillars-page .ios-pillar-details,.pillars-page .ios-pillars-grid,.pillars-page .ios-section,.pillars-page .ios-welcome-banner,.pillars-page .msn-section{margin:0 0 16px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.pillars-page .ios-welcome-banner:first-child{margin-top:8px!important}.pillar-page .drills-list,.pillar-page .pillar-header,.pillar-page .search-container{margin:0 0 16px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.pillar-page .pillar-header:first-child{margin-top:8px!important}.admin-page .ios-admin-section,.admin-page .ios-welcome-banner,.admin-page .msn-section{margin:0 0 16px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.admin-page .ios-welcome-banner:first-child{margin-top:8px!important}.coach-feedback-page .coach-feedback-banner,.coach-feedback-page .filter-section,.coach-feedback-page .msn-section{margin:0 0 16px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.coach-feedback-page .coach-feedback-banner:first-child{margin-top:8px!important}.chat-page .msn-section{margin:0 0 16px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.pillars-content :after,.pillars-content :before,.pillars-content:after,.pillars-content:before{display:none!important}.pillars-content{--background:var(--color-background)!important}.app-content ion-grid{padding:0 0 var(--spacing-lg)!important;width:100%}.pillars-grid-container{padding:0!important;width:100%}.app-content ion-row{margin-bottom:var(--spacing-sm)!important}ion-progress-bar.ion-color-primary{--progress-background:var(--color-pillar-technical)!important}ion-progress-bar.ion-color-success{--progress-background:var(--color-pillar-physical)!important}ion-progress-bar.ion-color-warning{--progress-background:var(--color-pillar-lifestyle)!important}ion-progress-bar.ion-color-danger{--progress-background:var(--color-pillar-mentality)!important}ion-progress-bar.ion-color-tertiary{--progress-background:var(--color-pillar-tactical)!important}.pillars-toolbar{--background:transparent!important;--border-color:transparent!important;padding:0!important}.pillars-header-content{position:relative;padding:18px var(--spacing-lg) 22px;text-align:center;background:var(--color-primary-dark);overflow:hidden;border-radius:var(--radius-xl);margin:0 0 var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1);background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.03) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.03) 0,transparent 20%),linear-gradient(to bottom right,rgba(123,44,191,.7) 0,var(--color-primary-dark) 100%);width:100%;box-sizing:border-box;max-width:100%}.pillars-header-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 60%);opacity:.5;animation:shine 15s linear infinite;pointer-events:none}@keyframes shine{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pillars-header-icon{margin-bottom:8px;display:flex;justify-content:center}.pillars-header-icon svg{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pillars-title{margin:0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);text-shadow:0 2px 4px rgba(0,0,0,.3)}.pillars-subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-normal);max-width:280px;margin-left:auto;margin-right:auto;line-height:var(--line-height-normal)}.pillars-header-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.pillars-header-dots .dot{width:6px;height:6px;border-radius:50%;background-color:rgba(255,255,255,.7)}.pillars-header-dots .dot:first-child{background-color:#9d4eff}.pillars-header-dots .dot:nth-child(2){background-color:#00cc7a}.pillars-header-dots .dot:nth-child(3){background-color:#e6d500}.pillars-header-dots .dot:nth-child(4){background-color:#ff4d4d}.pillars-header-dots .dot:nth-child(5){background-color:#00e5ff}.pillar-card{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--spacing-lg);margin-top:0;box-shadow:var(--shadow-md),0 0 0 1px rgba(255,255,255,.05);border-radius:var(--radius-md);overflow:hidden}.pillar-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,255,255,.1)}.search-container{margin-bottom:16px}.drills-list h2{font-size:20px;font-weight:600;color:white;margin:0 0 16px}.drill-card{margin:0 0 var(--spacing-md) 0;cursor:pointer;background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md),0 0 0 1px rgba(255,255,255,.05);transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:100%;padding-left:var(--spacing-xs)}.drill-card:before{content:"";position:absolute;top:4px;left:0;bottom:4px;width:4px;background-color:var(--accent-color,#8a3fbf);border-radius:4px;z-index:1}.drill-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,255,255,.1);transition:all var(--transition-fast)}.drill-card-inner{padding:var(--spacing-xl);position:relative;z-index:2}.drill-card-content{display:flex;flex-direction:column}.drill-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.drill-title-row h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.drill-time{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-md)}.drill-time ion-icon{font-size:var(--font-size-xl)}.pillar-detail .drill-description,.pillars-page .drill-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drill-footer{justify-content:space-between}.drill-footer,.drill-pillar-tag,.drill-stars{display:flex;align-items:center}.pillar-tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700;color:white;text-transform:uppercase}.pillar-technical{--pillar-color:var(--color-pillar-technical);--pillar-color-light:rgba(58,134,255,0.2)}.pillar-physical{--pillar-color:var(--color-pillar-physical);--pillar-color-light:rgba(56,176,0,0.2)}.pillar-lifestyle{--pillar-color:var(--color-pillar-lifestyle);--pillar-color-light:rgba(157,78,221,0.2)}.pillar-mentality{--pillar-color:var(--color-pillar-mentality);--pillar-color-light:rgba(255,158,0,0.2)}.pillar-tactical{--pillar-color:var(--color-pillar-tactical);--pillar-color-light:rgba(255,82,82,0.2)}:root{--color-background:#000000;--color-foreground:#ededed;--color-card-bg:rgba(30,30,30,0.8);--color-card-bg-hover:rgba(40,40,40,0.8);--color-primary:#9d4edd;--color-primary-dark:#7b2cbf;--color-primary-light:#b980ff;--color-text-primary:#ffffff;--color-text-secondary:rgba(255,255,255,0.7);--color-text-tertiary:rgba(255,255,255,0.5);--color-pillar-technical:#3a86ff;--color-pillar-physical:#38b000;--color-pillar-lifestyle:#e6d500;--color-pillar-mentality:#ff9e00;--color-pillar-tactical:#ff5252;--color-soccer-green:#38b000;--color-field-green:#2d5a2d;--color-soccer-yellow:#e6d500;--color-referee-black:#1a1a1a;--color-soccer-white:#ffffff;--color-success:var(--color-soccer-green);--color-warning:var(--color-soccer-yellow);--color-error:#ff5252;--color-info:#3a86ff;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-xxl:20px;--font-size-xxxl:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.3;--line-height-relaxed:1.5;--letter-spacing-tight:-0.02em;--letter-spacing-normal:-0.01em;--letter-spacing-wide:0.01em;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:13px;--radius-xl:13px;--radius-button:13px;--radius-input:10px;--radius-pill:999px;--radius-circle:50%;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-primary:0 0 8px rgba(157,78,221,0.3);--shadow-card:0 4px 12px rgba(0,0,0,0.1);--transition-fast:0.2s cubic-bezier(0.25,0.46,0.45,0.94);--transition-medium:0.3s cubic-bezier(0.25,0.46,0.45,0.94);--transition-slow:0.4s cubic-bezier(0.25,0.46,0.45,0.94);--ios-spring:cubic-bezier(0.25,0.46,0.45,0.94);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--backdrop-blur:saturate(180%) blur(20px);--touch-target-min:44px;--touch-target-comfortable:48px;--card-padding:16px;--button-height-sm:32px;--button-height-md:44px;--button-height-lg:50px;--input-height:44px}.dark-theme{--shadow-primary:0 0 10px rgba(157,78,221,0.7)}.drill-detail-container{background-color:var(--color-background);width:100%}.drill-detail-content{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;position:relative!important;height:100%!important;will-change:scroll-position!important}.video-section{width:100%;margin:0 0 var(--spacing-lg) 0;background-color:#000;position:relative;box-sizing:border-box;border-radius:var(--radius-md);overflow:hidden}.drill-header-section{padding:0;margin-bottom:var(--spacing-lg)}.drill-title{font-size:24px;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:var(--font-family);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.pillar-badges{flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.pillar-badges ion-chip{height:22px;font-size:11px;margin:0;--background:rgba(255,255,255,0.1);--color:white;padding:0 6px}.featured-pillar-chip{font-weight:var(--font-weight-medium);padding:0 var(--spacing-md);font-family:var(--font-family)}.featured-pillar-chip,.vibrant-pillar-chip{border-radius:var(--radius-xl);letter-spacing:var(--letter-spacing-normal)}.vibrant-pillar-chip{font-weight:var(--font-weight-bold);padding:0 6px;display:flex;align-items:center;justify-content:center;height:16px;margin:0;--background:var(--color-primary);--color:var(--color-text-primary)!important;color:var(--color-text-primary)!important;text-transform:capitalize;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.15)}ion-chip.vibrant-pillar-chip[color=primary]{--background:linear-gradient(135deg,var(--color-primary-light),var(--color-pillar-technical))!important;--color:var(--color-text-primary)!important;background:linear-gradient(135deg,var(--color-primary-light),var(--color-pillar-technical))!important;color:var(--color-text-primary)!important;font-weight:var(--font-weight-bold)!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}ion-chip.vibrant-pillar-chip[color=success]{--background:linear-gradient(135deg,#4dffb8,var(--color-pillar-physical))!important;--color:var(--color-text-primary)!important;background:linear-gradient(135deg,#4dffb8,var(--color-pillar-physical))!important}ion-chip.vibrant-pillar-chip[color=success],ion-chip.vibrant-pillar-chip[color=tertiary]{color:var(--color-text-primary)!important;font-weight:var(--font-weight-bold)!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important}ion-chip.vibrant-pillar-chip[color=tertiary]{--background:linear-gradient(135deg,#4df2ff,var(--color-pillar-tactical))!important;--color:var(--color-text-primary)!important;background:linear-gradient(135deg,#4df2ff,var(--color-pillar-tactical))!important}ion-chip.vibrant-pillar-chip[color=danger]{--background:linear-gradient(135deg,#ff7070,var(--color-pillar-mentality))!important;--color:var(--color-text-primary)!important;background:linear-gradient(135deg,#ff7070,var(--color-pillar-mentality))!important;color:var(--color-text-primary)!important;font-weight:var(--font-weight-bold)!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important}.lifestyle-chip,ion-chip.vibrant-pillar-chip[color=warning]{--background:linear-gradient(135deg,#fff280,var(--color-pillar-lifestyle))!important;--color:black!important;background:linear-gradient(135deg,#fff280,var(--color-pillar-lifestyle))!important;color:black!important;font-weight:var(--font-weight-bold)!important;text-shadow:none!important}ion-chip.vibrant-pillar-chip ion-label{color:var(--color-text-primary)!important}.lifestyle-chip ion-label,ion-chip.vibrant-pillar-chip ion-label,ion-chip.vibrant-pillar-chip[color=warning] ion-label{font-weight:var(--font-weight-bold)!important;font-size:9px!important;line-height:1!important;letter-spacing:0!important;padding:0!important}.lifestyle-chip ion-label,ion-chip.vibrant-pillar-chip[color=warning] ion-label{color:black!important}.drill-meta-top{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg)}.drill-description,.drill-meta div,.drill-meta span,.equipment,.equipment span,.white-text{color:var(--color-text-primary)!important}.meta-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}.meta-item ion-icon{font-size:18px}.custom-tab-buttons{display:flex;width:100%;margin:0 0 var(--spacing-lg);border-radius:var(--radius-md);overflow:hidden;background-color:#3a1a50}.custom-tab-button{flex:1;padding:var(--spacing-md) var(--spacing-lg);background-color:#3a1a50;color:var(--color-text-primary);border:none;outline:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;transition:background-color var(--transition-medium);min-height:44px;font-family:var(--font-family);position:relative;z-index:1}.custom-tab-button:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.custom-tab-button:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.custom-tab-button.active{background-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.custom-tab-button+.custom-tab-button{border-left:1px solid rgba(255,255,255,.1)}.custom-tab-button:hover:not(.active){background-color:#4a2a60}.custom-tab-button:active{transform:scale(.98)}.drill-card{margin:0 0 16px;border-radius:8px;background-color:#222;box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden;border:none!important;position:relative}.drill-card :after,.drill-card :before,.drill-card:after,.drill-card:before{display:none!important;border:none!important;box-shadow:none!important;background:none!important}.drill-card ion-card-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);border:none!important;background-color:var(--color-card-bg)}.drill-card ion-card-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.drill-card ion-card-content{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);border:none!important}.drill-card ion-card-content::part(native),.drill-card ion-card-header::part(native),.drill-card::part(native){border:none!important;box-shadow:none!important;background-image:none!important}ion-card.drill-card{--border-width:0!important;--border-radius:8px!important;--border-color:transparent!important;--border-style:none!important;--border-left-width:0!important;--inner-border-width:0!important;--min-height:auto!important;--max-height:320px!important;max-height:320px!important}.drill-description-full{margin:0;font-weight:var(--font-weight-normal)}.drill-description-full,.instructions-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-family:var(--font-family);padding:var(--spacing-xs) 0}.instructions-text{white-space:pre-line}.coach-tips{font-style:italic;color:var(--color-text-primary);line-height:var(--line-height-relaxed);font-size:var(--font-size-lg);margin:0;padding:var(--spacing-xs) 0}.drill-card ion-card-content p{margin-bottom:var(--spacing-md)}.drill-card ion-card-content p:last-child{margin-bottom:0}.rating-stars{display:flex;justify-content:center;margin:var(--spacing-md) 0;padding:var(--spacing-xs) 0}.drill-card-spacer{height:var(--spacing-sm)}.videos-content{padding:0}.user-video-card{margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-card-bg);border:1px solid rgba(255,255,255,.1);position:relative;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.user-video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.video-thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background-color:#000;border-radius:8px 8px 0 0}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.user-video-card:hover .video-thumbnail img{transform:scale(1.05)}.play-button-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);opacity:0;transition:opacity .3s ease}.user-video-card:hover .play-button-overlay{opacity:1}.play-button{width:60px;height:60px;background-color:rgba(157,78,221,.8);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transform:scale(.9);transition:transform var(--transition-medium)}.user-video-card:hover .play-button{transform:scale(1)}.video-duration{bottom:8px;background-color:rgba(0,0,0,.7);padding:2px 6px;display:flex;align-items:center;gap:4px}.video-duration,.video-status{position:absolute;right:8px;color:white;border-radius:4px;font-size:12px}.video-status{top:8px;padding:2px 8px;font-weight:500}.status-approved{background-color:#28a745}.status-rejected{background-color:#dc3545}.status-pending{background-color:#ffc107;color:#212529}.video-title{font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.video-meta{justify-content:space-between;margin-bottom:12px;font-size:13px;color:rgba(255,255,255,.7)}.video-date,.video-meta{display:flex;align-items:center}.video-date{gap:4px}.video-footer{display:flex;justify-content:space-between;align-items:center}.video-rating{display:flex;gap:2px}.comment-chip{--background:transparent;--color:white;--border-color:rgba(255,255,255,0.2);height:24px;font-size:12px}.video-stats{gap:12px}.comment-count,.video-stats{display:flex;align-items:center}.comment-count{gap:4px;color:rgba(255,255,255,.7);font-size:14px}.direct-link-chip{--background:#8a3fbf;--color:white;height:28px;font-weight:500}.user-videos-list{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.user-videos-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.user-videos-list{grid-template-columns:repeat(3,1fr)}}.paginated-videos-container{display:flex;flex-direction:column;width:100%}.pagination-controls{justify-content:center;margin:16px 0}.pagination-controls,.pagination-indicators{display:flex;align-items:center;gap:8px}.pagination-dot{background-color:rgba(255,255,255,.3);transition:background-color .2s ease,transform .2s ease}.pagination-dot.active{background-color:#8a3fbf}.page-indicator{text-align:center;margin-bottom:16px}.upload-button-container{margin:16px 0 24px;position:sticky;bottom:0;background-color:rgba(18,18,18,.9);padding:16px 0;z-index:10}.upload-video-button{--background:#8a3fbf;--background-activated:#7030a0;--background-hover:#7030a0;--color:white;font-weight:600;height:48px;margin:0;--border-radius:8px;--box-shadow:none}.upload-progress{padding:0 16px}.upload-progress ion-progress-bar{margin-top:8px;--progress-background:#8a3fbf}.loading-container,.no-videos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.no-videos{background-color:rgba(255,255,255,.05);border-radius:8px;margin-bottom:16px}.drill-list-container{width:100%}.filters-container{background-color:rgba(30,30,30,.5);border-radius:16px;padding:16px;margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box}.drills-segment{--background:rgba(255,255,255,0.1);--color:rgba(255,255,255,0.7);--color-checked:white;--color-activated:white;--indicator-color:var(--ion-color-primary);--indicator-height:2px;border-radius:var(--radius-md);min-height:var(--touch-target-min)}.drills-segment ion-segment-button{--color:white;--color-checked:white;--color-activated:white;--background-checked:var(--ion-color-primary);--background-focused:var(--ion-color-primary);--background-activated:var(--ion-color-primary);--border-color:rgba(255,255,255,0.2);--indicator-color:transparent;font-weight:500}.drills-segment ion-segment-button ion-label{color:white;opacity:1;font-size:14px}.segment-toolbar{--background:transparent;--border-color:transparent;padding:0}.drill-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;width:100%;margin-bottom:32px}.drills-page{--overflow:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.drills-page .app-content{padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px))!important;min-height:calc(100vh - 80px)}@media (max-width:480px){.drills-page .app-content{padding-bottom:calc(140px + env(safe-area-inset-bottom, 0px))!important;min-height:calc(100vh - 100px)}.drill-cards{margin-bottom:40px!important}.drills-content{padding-bottom:32px!important}}@media (min-width:768px){.drill-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.drill-cards{grid-template-columns:repeat(4,1fr)}}.simple-drill-card{margin:0!important;padding:0!important;border-radius:8px!important;overflow:hidden!important;background:#222!important;box-shadow:0 4px 8px rgba(0,0,0,.2)!important;transition:transform .2s ease,box-shadow .2s ease!important;--background:#222!important;--color:white!important;border:none!important;height:auto!important}.simple-drill-card::part(native){padding:0!important;margin:0!important;background:#222!important}.simple-drill-card:after,.simple-drill-card:before{display:none!important}.simple-drill-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.3)!important}.simple-thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#000;border-radius:8px 8px 0 0}.simple-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease}.simple-drill-card:hover .simple-thumbnail img{transform:scale(1.05)}.simple-card-content{padding:12px;display:flex;flex-direction:column;gap:8px}.drill-thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background-color:#000;border-radius:8px 8px 0 0}.drill-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.simple-card-title{font-size:15px;font-weight:600;color:white;white-space:nowrap}.simple-card-description,.simple-card-title{margin:0;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.simple-card-description{font-size:12px;color:rgba(255,255,255,.8);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.simple-card-footer{justify-content:space-between;margin-top:4px}.simple-card-footer,.simple-stars{display:flex;align-items:center}.simple-view-btn{--background:#8a3fbf;--background-hover:#7030a0;--color:white;--border-radius:4px;--padding-start:12px;--padding-end:12px;margin:0;height:28px;font-size:12px;font-weight:500;text-transform:none}.duration-badge{position:absolute;bottom:8px;right:8px;background-color:rgba(0,0,0,.8);color:white;padding:4px 8px;border-radius:4px;font-size:12px;gap:4px;font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.3)}.drill-meta,.duration-badge{display:flex;align-items:center}.drill-meta{justify-content:space-between;margin:2px 0;height:12px}.view-details-btn{margin-top:4px;--background:#8a3fbf;--background-hover:#7030a0;--color:white;--border-radius:4px;--padding-start:8px;--padding-end:8px;--padding-top:0;--padding-bottom:0;height:24px;font-weight:500;font-size:11px;text-transform:none;min-height:24px;letter-spacing:.01em}.card-content-wrapper{display:flex;flex-direction:column;flex:1;min-height:40px;max-height:60px;overflow:hidden}.drill-title{margin:0;padding:0;font-size:14px;font-weight:600;color:white;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.pillar-badges{display:flex;flex-wrap:nowrap;gap:3px;margin:2px 0;overflow:hidden;max-height:18px}.drill-card .drill-description,.drill-explorer .drill-description,.drills-page .drill-description{font-size:10px;color:rgba(255,255,255,.9);margin:2px 0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:12px;max-height:12px}.video-player-container{margin:0 auto;max-width:100%;border-radius:8px}.video-player,.video-player-container{width:100%;background-color:#000;overflow:hidden}.video-player{aspect-ratio:16/9;position:relative}.video-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-player-loading{height:56.25vw;max-height:400px;background-color:#000}.video-player-error,.video-player-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:white}.video-player-error{padding:24px 16px;background-color:rgba(255,75,75,.1);border-radius:8px;text-align:center;min-height:200px}.video-player-error .error-icon{margin-bottom:16px;color:#ff4b4b}.video-player-error .error-message{font-size:16px;font-weight:600;margin:0 0 8px;color:#ff4b4b}.video-player-error .error-details,.video-player-error .error-help{font-size:14px;margin:0 0 8px;color:rgba(255,255,255,.8);max-width:400px}.video-title{margin:8px 16px;font-size:14px;color:white;text-align:center;font-weight:500}.comment-card{margin-bottom:16px}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.coach-info{display:flex;align-items:center;gap:12px}.coach-avatar{width:40px;height:40px}.video-reference{background-color:rgba(30,30,30,.3);border-radius:8px;margin:12px 0}.comment-content{font-size:16px;line-height:1.6}.upload-form{margin-top:24px}.file-upload-container{margin:24px 0;text-align:center}.upload-progress{margin:16px 0}.video-upload-modal{--backdrop-opacity:0.8}.no-blur-header{backdrop-filter:none!important}.upload-video-button{background:#8a3fbf!important;--background:#8a3fbf!important;--background-activated:#7030a0!important;--background-hover:#7030a0!important;--color:white!important}.drill-creation-form{padding:16px}.form-section{margin-bottom:24px}.form-section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--ion-color-light)}.required-field:after{content:" *";color:var(--ion-color-danger)}.form-actions{margin-top:32px;display:flex;justify-content:space-between}.purple-button,.view-all-button{--background:#6a3de8;--background-hover:#5a2dd8;--color:white;--border-radius:8px;font-weight:500;text-transform:none;box-shadow:0 2px 6px rgba(106,61,232,.25);margin:8px 0;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em}.filter-controls-container{display:flex;justify-content:space-between;gap:10px;margin:16px 0;width:100%;max-width:100%}@media (max-width:576px){.filter-controls-container{flex-direction:column;gap:16px}.filter-control{width:100%}}.filter-control{flex:1;display:flex;flex-direction:column}.filter-label{color:white;font-size:14px;margin-bottom:8px;font-weight:500}.filter-selector{background-color:#1e1e1e;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;height:48px;box-sizing:border-box;color:white}.filter-selector span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-selector ion-icon{margin-left:8px;font-size:16px;min-width:16px}.hidden-select{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.reset-filters-button{--background:var(--ion-color-primary);--background-hover:var(--ion-color-primary-shade);--color:white;--border-radius:8px;height:48px;width:100%}.reset-filters-button,.see-all-button{font-weight:500;text-transform:none;margin:0}.see-all-button{--background:#6a3de8;--background-hover:#5a2dd8;--color:white;--border-radius:8px;box-shadow:0 2px 6px rgba(106,61,232,.25);height:36px;font-size:14px;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em}.featured-drills-container{position:relative;margin:0 -16px;padding:0 16px}.slider-controls{display:flex;align-items:center;position:relative}.featured-drills-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;padding:8px 0}.featured-drills-slider::-webkit-scrollbar{display:none}.featured-drill-slide{flex:0 0 100%;scroll-snap-align:start;padding:0 8px;box-sizing:border-box;width:100%}.slider-control{position:absolute;z-index:10;width:40px;height:40px;border-radius:50%;background-color:rgba(106,61,232,.7);color:white;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 8px rgba(106,61,232,.4)}.slider-control:hover{background-color:rgba(106,61,232,.9)}.slider-control.disabled{opacity:.5;cursor:not-allowed}.slider-control.prev{left:4px}.slider-control.next{right:4px}.slider-pagination{display:flex;justify-content:center;margin-top:16px;gap:8px}.pagination-dot{width:8px;height:8px;border-radius:50%;background-color:rgba(106,61,232,.3);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.pagination-dot.active{background-color:#6a3de8;transform:scale(1.2);box-shadow:0 1px 4px rgba(106,61,232,.5)}.featured-drill-card{margin:0;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.1)}.featured-drill-thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.featured-drill-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-pillar-chip{font-size:14px;font-weight:500;height:28px;padding:0 12px;margin:4px 4px 4px 0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em}.featured-pillar-chip ion-label{margin:0;padding:0}.primary-badge{font-size:10px;margin-left:4px;padding:2px 4px;border-radius:4px;font-weight:500;font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.view-all-container{margin:16px 0 8px}.training-params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:8px}.param-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.param-label{font-size:13px;color:rgba(255,255,255,.6);font-weight:500}.param-value{font-size:14px;color:rgba(255,255,255,.9);font-weight:600}