.video-detail-content{--background:#000000}.drill-review-card{width:100%;max-width:100%}.video-detail-player{width:100%;margin-bottom:16px;border-radius:13px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3);position:relative}.video-meta-card{margin-bottom:16px;border-radius:13px;background-color:rgba(30,30,30,.8);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 4px 12px rgba(0,0,0,.1);border:none}.video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.video-detail-title{font-size:20px;font-weight:600;margin:0;color:white;flex:1;letter-spacing:-.5px}.video-rating-header{display:flex;align-items:center;gap:8px}.video-detail-meta{flex-wrap:wrap;gap:16px;margin-bottom:16px}.meta-item,.video-detail-meta{display:flex;align-items:center}.meta-item{gap:8px;color:rgba(255,255,255,.7);font-size:13px}.meta-item ion-icon{font-size:18px;color:rgba(255,255,255,.5)}.video-description{margin:16px 0;padding:16px;background-color:rgba(30,30,30,.8);backdrop-filter:saturate(180%) blur(20px);border-radius:13px;color:white;font-size:14px;line-height:1.5}.coach-feedback-container{margin:8px 0;padding:8px;background-color:rgba(30,30,30,.6);backdrop-filter:saturate(180%) blur(20px);border-radius:8px;border-left:3px solid #9d4edd;box-shadow:0 2px 8px rgba(0,0,0,.1)}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.coach-feedback-container h3{margin:0;font-size:14px;font-weight:600;color:white;letter-spacing:-.3px}.feedback-toggle{display:flex;gap:8px}.toggle-button{--border-radius:8px;--padding-start:12px;--padding-end:12px;--padding-top:4px;--padding-bottom:4px;height:32px;font-size:12px;margin:0}.coach-feedback-content{color:white;font-size:14px;line-height:1.5}.feedback-section-title{color:#9d4edd;margin:16px 0 8px;font-size:14px;font-weight:600}.feedback-section-title:first-child{margin-top:0}.coach-feedback-placeholder{padding:16px;background-color:rgba(30,30,30,.8);backdrop-filter:saturate(180%) blur(20px);border-radius:13px;text-align:center}.coach-feedback-input{margin-top:8px}.structured-feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-section{display:flex;flex-direction:column;gap:4px}.feedback-input{--background:rgba(0,0,0,0.3);--color:white;--placeholder-color:rgba(255,255,255,0.5);--placeholder-opacity:1;--padding-start:16px;--padding-end:16px;--padding-top:12px;--padding-bottom:12px;margin-bottom:8px;border-radius:13px}.feedback-submit-btn{--border-radius:16px;margin:8px 0 0;--background:#9d4edd;--background-activated:#7b2cbf;--background-hover:#8a2be2;--color:white;text-transform:none;font-weight:500}.rating-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.rating-item{margin-left:auto}.rating-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.rating-stars{display:flex;gap:8px;align-items:center}.star-container{position:relative;display:inline-block}.star-icon{font-size:24px;transition:transform .2s ease,color .2s ease}.star-icon.active{color:#ffb700!important}.rating-star-interactive{cursor:pointer}.rating-star-interactive:hover{transform:scale(1.2)}.rating-label{font-size:14px;color:#ffb700;font-weight:500}.rating-spinner{margin-left:8px}.rating-hint{font-size:12px;margin-top:4px;color:rgba(255,255,255,.6)}.comments-section{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);position:relative}.section-title{font-size:18px;font-weight:600;margin:0 0 16px;color:white;display:flex;align-items:center;gap:8px;letter-spacing:-.5px}.section-title ion-icon{font-size:20px;color:#9d4edd}.feedback-section-title ion-icon{margin-right:8px;font-size:18px}.comment-input-container{margin:16px 0;background-color:rgba(0,0,0,.3);border-radius:13px;padding:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.comment-input-container:focus-within{border-color:#9d4edd;box-shadow:0 0 0 2px rgba(157,78,221,.2)}.comment-input{--background:transparent;--color:white;--placeholder-color:rgba(255,255,255,0.5);--placeholder-opacity:1;--padding-start:12px;--padding-end:12px;--padding-top:8px;--padding-bottom:8px;margin-bottom:12px;border-radius:10px}.comment-submit-btn{--border-radius:12px;margin:0;--background:#9d4edd;--background-activated:#7b2cbf;--background-hover:#8a2be2;--color:white;text-transform:none;font-weight:500;font-size:14px;height:36px}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-card{margin:0 0 12px;border-radius:13px;background-color:rgba(30,30,30,.8);backdrop-filter:saturate(180%) blur(20px);border:none;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.comment-card:hover{transform:translateY(-2px)}.comment-card.coach-comment{border-left:4px solid #9d4edd;background-color:rgba(157,78,221,.1)}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.user-info{display:flex;align-items:center;gap:12px}.user-info h3{margin:0;font-size:16px;font-weight:500;letter-spacing:-.3px}.comment-time{margin:4px 0 0;font-size:12px}.coach-badge{margin:0;height:24px;--background:rgba(157,78,221,0.2);--color:#9d4edd}.comment-content{margin-top:12px;color:white;font-size:14px;line-height:1.5}.comment-content p{margin:0}.no-comments{padding:16px;text-align:center;background-color:rgba(0,0,0,.2);border-radius:10px;margin:8px 0;border:1px dashed rgba(255,255,255,.1)}.comment-reply{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.comment-actions,.comment-reply{margin-top:12px}.reply-button{--color:#9d4edd;--background:transparent;--background-hover:rgba(157,78,221,0.1);--padding-start:8px;--padding-end:8px;font-size:12px;height:28px;margin:0}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;background-color:rgba(30,30,30,.8);backdrop-filter:saturate(180%) blur(20px);border-radius:13px;margin:16px 0}.error-container h2{margin-top:0;letter-spacing:-.5px}.feedback-display-compact{margin:8px 0}.feedback-section-compact,.feedback-simple-compact{margin-bottom:8px;padding:8px;background:rgba(30,30,30,.6);border-radius:8px;border-left:3px solid #9d4edd}.feedback-section-header-compact,.feedback-simple-header-compact{display:flex;align-items:center;gap:6px;margin-bottom:4px}.feedback-section-title,.feedback-simple-title{font-size:13px;font-weight:600;color:#ffffff;margin:0}.feedback-section-text,.feedback-simple-text{color:rgba(255,255,255,.85);line-height:1.4}.feedback-section-text p,.feedback-simple-text p{margin:2px 0;font-size:13px;color:rgba(255,255,255,.85)}.feedback-prompt-compact{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(157,78,221,.1);border-radius:8px;margin-bottom:12px;border-left:3px solid #9d4edd}.feedback-prompt-compact span{font-size:13px;color:rgba(255,255,255,.9);font-weight:500}.feedback-input-compact,.structured-feedback-compact{margin-bottom:8px}.feedback-input-label{display:flex;align-items:center;gap:6px;margin-bottom:4px}.feedback-input-label span{font-size:12px;font-weight:600;color:rgba(255,255,255,.9)}.feedback-textarea-compact{--background:rgba(0,0,0,0.4);--color:#ffffff;--placeholder-color:rgba(255,255,255,0.5);--placeholder-opacity:1;--padding-start:8px;--padding-end:8px;--padding-top:6px;--padding-bottom:6px;border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;font-size:13px;min-height:32px}.feedback-textarea-compact:focus-within{border-color:#9d4edd;box-shadow:0 0 0 1px rgba(157,78,221,.3)}.feedback-submit-btn-compact{--background:#9d4edd;--background-activated:#7b2cbf;--background-hover:#7b2cbf;--color:white;--border-radius:8px;font-weight:600;height:36px;text-transform:none;margin-top:8px;font-size:13px}.rating-section-compact{margin:12px 0 8px;padding:8px;background:rgba(30,30,30,.6);border-radius:8px;border-left:3px solid #ffb700}.rating-header-compact{display:flex;align-items:center;gap:6px;margin-bottom:6px}.rating-header-compact span{font-size:13px;font-weight:600;color:#ffffff}.rating-content-compact{margin-left:22px}.comments-section-compact{margin-top:12px;padding:8px;background:rgba(30,30,30,.6);border-radius:8px;border-left:3px solid #9d4edd}.comments-header-compact{display:flex;align-items:center;gap:6px;margin-bottom:8px}.comments-header-compact span{font-size:13px;font-weight:600;color:#ffffff}.comment-input-compact{margin:8px 0;background-color:rgba(0,0,0,.3);border-radius:6px;padding:6px;border:1px solid rgba(255,255,255,.1)}.comment-input-compact:focus-within{border-color:#9d4edd;box-shadow:0 0 0 1px rgba(157,78,221,.3)}.comment-textarea-compact{--background:transparent;--color:#ffffff;--placeholder-color:rgba(255,255,255,0.5);--placeholder-opacity:1;--padding-start:4px;--padding-end:4px;--padding-top:4px;--padding-bottom:4px;border:none;font-size:13px;min-height:28px}.comment-submit-btn-compact{--background:#9d4edd;--background-activated:#7b2cbf;--background-hover:#7b2cbf;--color:white;--border-radius:6px;font-weight:600;height:28px;text-transform:none;margin-top:4px;font-size:12px}.comments-list-compact{margin-top:8px}.coach-feedback-display-compact,.coach-feedback-input-compact{margin:8px 0}.drill-review-card .ios-card{margin-bottom:8px}.drill-review-card .ios-card-content{padding:8px}.comment-textarea-compact,.feedback-textarea-compact{overflow:visible;resize:vertical}.feedback-toggle .toggle-button{height:28px;font-size:11px;--padding-start:8px;--padding-end:8px}@media (min-width:768px){.video-detail-meta{flex-wrap:nowrap;justify-content:space-between}.rating-stars ion-icon{font-size:28px}.feedback-prompt-content{text-align:center}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@keyframes ios-fade-in{0%{opacity:0}to{opacity:1}}.ios-schedule-banner{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 70%,var(--color-primary-light) 100%)}.ios-welcome-banner{margin-bottom:var(--spacing-lg);animation:ios-spring-in .5s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0}.ios-welcome-banner-content{position:relative;padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-xl);overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg)}.ios-welcome-banner-text{position:relative;z-index:2}.ios-welcome-banner-text h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:var(--letter-spacing-tight)}.ios-welcome-banner-text p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;max-width:220px}.ios-welcome-banner-icon{position:relative;z-index:2}.ios-welcome-banner-icon-inner{width:48px;height:48px;border-radius:var(--radius-circle);background-color:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.ios-welcome-banner-icon-inner ion-icon{font-size:var(--font-size-xxl);color:var(--color-text-primary)}.ios-welcome-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.ios-welcome-decoration:before{width:200px;height:200px;border-radius:100px;top:-100px;right:-50px}.ios-welcome-decoration:after,.ios-welcome-decoration:before{content:"";position:absolute;background-color:rgba(255,255,255,.1)}.ios-welcome-decoration:after{width:150px;height:150px;border-radius:75px;bottom:-75px;left:-50px}@media (max-width:480px){.ios-welcome-banner{margin-bottom:var(--spacing-md)}.ios-welcome-banner-content{padding:var(--spacing-lg) var(--spacing-md)}.ios-welcome-banner-text h2{font-size:var(--font-size-xl)}.ios-welcome-banner-text p{font-size:var(--font-size-md);max-width:180px}.ios-welcome-banner-icon-inner{width:40px;height:40px}.ios-welcome-banner-icon-inner ion-icon{font-size:var(--font-size-xl)}.ios-welcome-decoration:before{width:150px;height:150px;top:-75px;right:-40px}.ios-welcome-decoration:after{width:100px;height:100px;bottom:-50px;left:-30px}}.ios-segment-container{margin-bottom:var(--spacing-lg);animation:ios-spring-in .5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.1s;opacity:0}.ios-segment{background-color:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xs);display:flex;overflow:hidden;box-shadow:var(--shadow-md)}.ios-segment-button{flex:1;padding:var(--spacing-sm) 0;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.ios-segment-button.active{background-color:var(--color-primary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ios-date-picker-card{background-color:var(--color-card-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);animation:ios-spring-in .5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.2s;opacity:0;padding:8px;width:100%;max-width:500px;margin:12px auto}.ios-date-picker-card ion-datetime{--background:transparent;--color:var(--color-text-primary);--title-color:var(--color-text-primary);--placeholder-color:var(--color-text-tertiary);--calendar-background:transparent;--calendar-date-color:var(--color-text-primary);--calendar-date-background-color:transparent;--calendar-date-active-color:var(--color-text-primary);--calendar-date-active-background-color:var(--color-primary);--calendar-today-color:var(--color-primary);--calendar-today-background-color:rgba(168,85,247,0.15);--calendar-header-color:var(--color-text-primary);--calendar-header-background-color:transparent;width:100%;max-width:320px;margin:0 auto}@media (max-width:480px){.ios-date-picker-card{padding:6px;margin:10px 0}.ios-date-picker-card ion-datetime::part(calendar-body){padding:0}.ios-date-picker-card ion-datetime::part(calendar-day){width:34px;height:34px;margin:1px;font-size:13px}.ios-date-picker-card ion-datetime::part(calendar-header){padding:0 0 6px;font-size:15px}.ios-date-picker-card ion-datetime::part(calendar-day-of-week){padding:3px 0;font-size:10px}.ios-date-picker-card ion-datetime::part(calendar-month-grid){max-width:260px}}.ios-date-picker-card ion-datetime::part(calendar-header){padding:0 0 8px;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ios-date-picker-card ion-datetime::part(navigation){display:flex;justify-content:space-between;width:100%;padding:0}.ios-date-picker-card ion-datetime::part(next-button),.ios-date-picker-card ion-datetime::part(prev-button){color:var(--color-primary);font-size:var(--font-size-xxl);opacity:.8;transition:opacity var(--transition-fast)}.ios-date-picker-card ion-datetime::part(next-button):hover,.ios-date-picker-card ion-datetime::part(prev-button):hover{opacity:1}.ios-date-picker-card ion-datetime::part(calendar-day-of-week){color:var(--color-text-tertiary);font-size:11px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;padding:4px 0}.ios-date-picker-card ion-datetime::part(calendar-day){border-radius:var(--radius-circle);width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:1px auto;font-size:14px;transition:all var(--transition-fast)}.ios-date-picker-card ion-datetime::part(calendar-day):not(.calendar-day-active):hover{background-color:rgba(168,85,247,.25)}.ios-date-picker-card ion-datetime::part(calendar-day active){background-color:var(--color-primary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-primary);border:none!important}.ios-date-picker-card ion-datetime::part(calendar-day today){border:2px dashed var(--color-primary);background-color:rgba(168,85,247,.1)}.ios-date-picker-card ion-datetime::part(calendar-day today.has-events):after{background-color:var(--color-success);width:7px;height:7px;bottom:3px}.ios-date-picker-card ion-datetime::part(calendar-body){display:flex;justify-content:center;padding:0}.ios-date-picker-card ion-datetime::part(calendar-month-grid){width:100%;max-width:280px;margin:0 auto}.ios-date-picker-card ion-datetime::part(calendar-month-row){min-height:34px}.ios-date-picker-card .datetime-calendar{padding:0!important}.ios-section{margin-bottom:var(--spacing-xl);animation:ios-spring-in .5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.3s;opacity:0}.ios-section:nth-child(3){animation-delay:.4s}.ios-section:nth-child(4){animation-delay:.5s}.ios-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.ios-section-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight)}.ios-event-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ios-event-card{border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform var(--transition-fast),box-shadow var(--transition-fast);animation:ios-spring-in .5s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;min-height:120px}.ios-event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ios-event-card-content{padding:var(--spacing-lg)}.ios-event-type-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);letter-spacing:var(--letter-spacing-wide);box-shadow:var(--shadow-md)}.ios-event-type-badge.training{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-primary)}.ios-event-type-badge.match{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));color:var(--color-text-primary)}.ios-event-type-badge.assessment{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-dark));color:var(--color-text-primary)}.ios-event-title{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}.ios-event-description{font-size:var(--font-size-lg);color:var(--color-text-tertiary);margin:0 0 var(--spacing-lg) 0}.ios-event-meta{gap:var(--spacing-sm);background-color:rgba(30,30,30,.5);padding:var(--spacing-md);border-radius:var(--radius-lg)}.ios-event-meta-item{font-size:var(--font-size-lg);color:var(--color-text-tertiary)}.ios-event-meta-item ion-icon{font-size:var(--font-size-xl);min-width:18px}@media (max-width:480px){.ios-event-cards{gap:var(--spacing-md)}.ios-event-card{margin-bottom:var(--spacing-sm)}.ios-event-card-content{padding:var(--spacing-md)}.ios-event-title{font-size:var(--font-size-lg)}.ios-event-description{font-size:var(--font-size-md);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ios-event-meta{padding:var(--spacing-sm)}.ios-event-meta-item{font-size:var(--font-size-md)}.ios-event-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.ios-event-meta-item.recurring-event,.ios-event-meta-item:nth-child(3),.ios-event-meta-item:nth-child(4){grid-column:1/-1}}.ios-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.ios-loading-container ion-spinner{--color:var(--color-primary);margin-bottom:var(--spacing-lg)}.ios-loading-container p{color:var(--color-text-tertiary);margin:0}.ios-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;background-color:var(--color-card-bg);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05);margin-bottom:var(--spacing-lg)}.ios-empty-icon{font-size:48px;color:var(--color-text-disabled);margin-bottom:var(--spacing-lg)}.ios-empty-state p{font-size:var(--font-size-xl);color:var(--color-text-tertiary);margin:0 0 var(--spacing-lg) 0}@media (min-width:768px){.ios-event-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (max-width:375px){.ios-event-title{font-size:var(--font-size-xl)}.ios-event-description{font-size:var(--font-size-md)}.ios-welcome-banner-text h2{font-size:var(--font-size-xl)}.ios-welcome-banner-text p{font-size:var(--font-size-md)}}.ios-date-picker-card ion-datetime::part(calendar-day){position:relative}.ios-date-picker-card ion-datetime::part(calendar-day)[class*=has-events],.ios-date-picker-card ion-datetime::part(calendar-day.has-events){position:relative;border:2px solid #a855f7!important;border-radius:50%!important;background-color:rgba(168,85,247,.2)!important;font-weight:var(--font-weight-semibold)!important}.ios-date-picker-card ion-datetime::part(calendar-day)[highlighted=true]{position:relative;border:2px solid rgba(168,85,247,.6)!important;border-radius:50%!important;background-color:rgba(168,85,247,.35)!important;font-weight:var(--font-weight-medium)!important}.ios-date-picker-card ion-datetime{--calendar-day-highlighted-background-color:rgba(168,85,247,0.35);--calendar-day-highlighted-border-color:rgba(168,85,247,0.6);--calendar-day-highlighted-border-width:2px;--calendar-day-highlighted-border-radius:50%}.ios-date-picker-card ion-datetime::part(calendar-day)[class*=multiple-events],.ios-date-picker-card ion-datetime::part(calendar-day.multiple-events){border:2px solid rgba(168,85,247,.8)!important;background-color:rgba(168,85,247,.45)!important;box-shadow:0 0 6px rgba(168,85,247,.5)!important}.ios-date-picker-card ion-datetime::part(calendar-day)[class*=has-events]:after,.ios-date-picker-card ion-datetime::part(calendar-day)[highlighted=true]:after,.ios-date-picker-card ion-datetime::part(calendar-day.has-events):after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;background-color:var(--color-primary);border-radius:50%;z-index:1}.ios-date-picker-card ion-datetime::part(calendar-day)[class*=has-events]:hover,.ios-date-picker-card ion-datetime::part(calendar-day)[highlighted=true]:hover,.ios-date-picker-card ion-datetime::part(calendar-day.has-events):hover{background-color:rgba(168,85,247,.5)!important;transform:scale(1.05);transition:all .2s ease}.ios-date-picker-card.debug-mode ion-datetime::part(calendar-day){border:1px dashed red!important}.ios-date-picker-card.debug-mode ion-datetime::part(calendar-day)[highlighted=true]{background-color:yellow!important;color:black!important}.event-calendar{--calendar-day-highlighted-background-color:rgba(168,85,247,0.35)!important;--calendar-day-highlighted-border-color:#a855f7!important;--calendar-day-highlighted-border-width:2px!important;--calendar-day-highlighted-border-radius:50%!important;--calendar-day-highlighted-color:#ffffff!important;--calendar-day-highlighted-font-weight:600!important;max-width:320px!important;margin:0 auto!important}.ios-date-picker-card .event-calendar{width:100%;max-width:320px}.event-calendar::part(calendar-day){width:32px!important;height:32px!important;margin:1px!important;font-size:14px!important}.event-calendar::part(calendar-day-of-week){font-size:11px!important;padding:4px 0!important}.event-calendar::part(calendar-header){padding:0 0 8px!important;font-size:15px!important}.ios-date-picker-card .event-calendar::part(calendar-day highlighted){background-color:rgba(168,85,247,.35)!important;border:2px solid #a855f7!important;border-radius:50%!important;color:#ffffff!important;font-weight:600!important}.ios-date-picker-card .event-calendar::part(calendar-day)[highlighted]{background-color:rgba(168,85,247,.35)!important;border:2px solid #a855f7!important;border-radius:50%!important;color:#ffffff!important;font-weight:600!important}.ios-event-details{padding:var(--spacing-lg)}.ios-event-details-header{margin-bottom:var(--spacing-xl)}.ios-event-details-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);margin:var(--spacing-sm) 0;color:var(--color-text-primary)}.ios-event-details-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.ios-event-details-info{background-color:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.ios-event-details-info-item{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.ios-event-details-info-item:last-child{margin-bottom:0}.ios-event-details-info-item ion-icon{margin-right:var(--spacing-md);font-size:var(--font-size-xxl);color:var(--color-primary)}.ios-event-details-actions,.ios-event-details-rsvp{margin-top:var(--spacing-xl)}.ios-event-details-rsvp h3,.ios-event-participants h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);display:inline-block}.ios-event-details-rsvp-buttons{display:flex;gap:var(--spacing-sm);justify-content:space-between}.ios-rsvp-button{flex:1;--border-radius:var(--radius-md)}.ios-rsvp-button.active{--box-shadow:var(--shadow-glow);font-weight:var(--font-weight-bold)}@media (max-width:480px){.ios-event-details{padding:var(--spacing-md)}.ios-event-details-header{margin-bottom:var(--spacing-lg)}.ios-event-details-title{font-size:var(--font-size-xxl)}.ios-event-details-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.ios-event-details-info{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.ios-event-details-info-item{margin-bottom:var(--spacing-sm)}.ios-event-details-info-item ion-icon{margin-right:var(--spacing-sm);font-size:var(--font-size-xl)}.ios-event-details-rsvp h3,.ios-event-participants h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.ios-event-details-rsvp-buttons{flex-direction:column;gap:var(--spacing-xs)}.ios-rsvp-button{margin-bottom:var(--spacing-xs);min-height:44px}.ios-participant-item{flex-direction:column;align-items:flex-start}.ios-participant-info{margin-bottom:var(--spacing-sm);width:100%}.ios-participant-attendance{width:100%}}.ios-event-participants{margin-top:var(--spacing-xl);background-color:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-lg);position:relative}.ios-refresh-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);--padding-start:var(--spacing-sm);--padding-end:var(--spacing-sm);--color:var(--color-primary)}.ios-no-participants{color:var(--color-text-tertiary);text-align:center;padding:var(--spacing-lg) 0}.ios-participant-list{margin-top:var(--spacing-md)}.ios-participant-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(255,255,255,.1)}.ios-participant-item:last-child{border-bottom:none}.ios-participant-info{flex:1}.ios-participant-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.ios-participant-status{font-size:var(--font-size-sm);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-lg);display:inline-block}.ios-participant-status.confirmed{background-color:rgba(76,175,80,.2);color:var(--color-success)}.ios-participant-status.declined{background-color:rgba(244,67,54,.2);color:var(--color-error)}.ios-participant-status.maybe{background-color:rgba(255,152,0,.2);color:var(--color-warning)}.ios-participant-status.invited{background-color:rgba(158,158,158,.2);color:var(--color-text-tertiary)}.ios-participant-attendance{width:120px}.ios-attendance-select{--placeholder-color:var(--color-text-tertiary);font-size:var(--font-size-lg);--padding-start:var(--spacing-sm);--padding-end:var(--spacing-sm)}.ios-form-list{background:transparent}.ios-form-item{--background:var(--color-card-bg);--color:var(--color-text-primary);--border-color:rgba(255,255,255,0.1);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md)}ion-modal ion-content{--background:var(--color-background);--color:var(--color-text-primary)}ion-modal ion-toolbar{--background:var(--color-card-bg);--color:var(--color-text-primary)}ion-modal ion-title{color:var(--color-text-primary)}ion-modal ion-button{--color:var(--color-primary)}ion-modal ion-datetime{--background:var(--color-card-bg);--color:var(--color-text-primary);--title-color:var(--color-text-primary);--placeholder-color:var(--color-text-tertiary);--calendar-background:var(--color-card-bg);--calendar-date-color:var(--color-text-primary);--calendar-date-background-color:transparent;--calendar-date-active-color:var(--color-text-primary);--calendar-date-active-background-color:var(--color-primary);--calendar-today-color:var(--color-primary);--calendar-today-background-color:rgba(168,85,247,0.15);--calendar-header-color:var(--color-text-primary);--calendar-header-background-color:transparent;--wheel-highlight-background:rgba(168,85,247,0.25);--wheel-fade-background-rgb:30,30,30;--wheel-item-color:var(--color-text-primary);--wheel-item-font-size:var(--font-size-xl);--button-color:var(--color-primary);--button-text-color:var(--color-text-primary)}ion-modal ion-datetime::part(calendar-header){padding:0 0 var(--spacing-lg) 0;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}ion-modal ion-datetime::part(navigation){display:flex;justify-content:space-between;width:100%;padding:0}ion-modal ion-datetime::part(next-button),ion-modal ion-datetime::part(prev-button){color:var(--color-primary);font-size:var(--font-size-xxl);opacity:.8;transition:opacity var(--transition-fast)}ion-modal ion-datetime::part(calendar-day-of-week){color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-sm) 0}ion-modal ion-datetime::part(calendar-day){border-radius:var(--radius-circle);width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin:2px auto;font-size:var(--font-size-lg);transition:all var(--transition-fast)}ion-modal ion-datetime::part(calendar-day active){background-color:var(--color-primary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-primary)}ion-modal ion-datetime::part(calendar-day today){border:2px solid var(--color-primary)}ion-modal ion-datetime::part(time-picker){background-color:var(--color-card-bg);color:var(--color-text-primary)}ion-modal ion-datetime::part(wheel-item){color:var(--color-text-primary)}ion-modal ion-datetime::part(wheel-item active){color:var(--color-primary);font-weight:var(--font-weight-bold)}.ios-primary-button{--background:var(--color-primary);--color:var(--color-text-primary)}.ios-danger-button,.ios-primary-button{font-weight:var(--font-weight-semibold)}.ios-danger-button{--background:var(--color-error);--background-activated:var(--color-error-dark);--background-hover:var(--color-error-dark);--color:var(--color-text-primary)}.ios-secondary-button{--border-color:var(--color-primary);--color:var(--color-primary);font-weight:var(--font-weight-semibold)}.ios-selected-users{padding:var(--spacing-sm) var(--spacing-lg)}.ios-user-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.ios-user-chip{--background:rgba(168,85,247,0.25);--color:var(--color-text-primary)}.ios-user-chip.coach-chip{--background:rgba(76,175,80,0.3);--color:var(--color-text-primary);border:1px solid rgba(76,175,80,.8);font-weight:700}.coach-status{color:rgba(76,175,80,1)!important;font-weight:var(--font-weight-semibold)}.recurring-event ion-icon,.recurring-status{color:#03a9f4!important}.recurring-status{font-weight:var(--font-weight-semibold)}.reminder-button{cursor:pointer;transition:all .2s ease}.reminder-button:hover{background-color:rgba(255,255,255,.05);border-radius:var(--radius-md)}.reminder-button ion-icon{color:#ff9800!important}.ios-notification-settings{padding:var(--spacing-lg)}.ios-notification-settings-info{display:flex;align-items:flex-start;margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:rgba(255,255,255,.05);border-radius:var(--radius-md)}.ios-notification-settings-info ion-icon{color:#ff9800;font-size:var(--font-size-xl);margin-right:var(--spacing-md);flex-shrink:0}.ios-notification-settings-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ios-event-filter{margin:var(--spacing-md) var(--spacing-lg);background-color:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-md)}.ios-event-filter-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.ios-event-filter-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.ios-filter-button{background-color:rgba(255,255,255,.1);border:none;border-radius:var(--radius-lg);padding:var(--spacing-xs) var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);min-height:44px;min-width:70px}.ios-filter-button:hover{background-color:rgba(255,255,255,.15)}.ios-filter-button.active{color:white;font-weight:var(--font-weight-medium)}.ios-filter-button.active,.ios-filter-button.training.active{background-color:var(--color-primary)}.ios-filter-button.match.active{background-color:#2196f3}.ios-filter-button.assessment.active{background-color:#ff9800}@media (max-width:480px){.ios-event-filter{margin:var(--spacing-sm) var(--spacing-md);padding:var(--spacing-sm)}.ios-event-filter-buttons{justify-content:space-between}.ios-filter-button{flex:1;min-width:60px;font-size:11px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}}@media (max-width:768px){.ios-event-card{min-height:120px;margin-bottom:var(--spacing-md)}.ios-filter-button{padding:var(--spacing-sm) var(--spacing-md);min-height:40px;min-width:70px}.ios-event-meta{flex-wrap:wrap}.ios-event-meta-item{margin-right:var(--spacing-md);margin-bottom:var(--spacing-xs);min-width:45%}.ios-date-picker-card ion-datetime::part(calendar-day){width:36px;height:36px;font-size:14px}ion-modal:not(.centered-modal){--height:100%;--width:100%}.ios-rsvp-button{min-height:44px;font-size:var(--font-size-md)}.ios-notification-settings-info{flex-direction:column}.ios-notification-settings-info ion-icon{margin-bottom:var(--spacing-sm)}}.fab-tooltip{position:absolute;top:-30px;right:0;background-color:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}ion-fab:hover .fab-tooltip{opacity:1}ion-fab-button{--box-shadow:0 4px 10px rgba(168,85,247,0.5);transition:transform .2s,box-shadow .2s}ion-fab-button:hover{--box-shadow:0 6px 15px rgba(168,85,247,0.7);transform:translateY(-2px)}ion-fab-button:active{transform:translateY(0)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(168,85,247,.7)}70%{box-shadow:0 0 0 10px rgba(168,85,247,0)}to{box-shadow:0 0 0 0 rgba(168,85,247,0)}}.create-event-button{position:fixed;bottom:80px;right:16px;left:auto;width:56px;height:56px;border-radius:28px;background-color:var(--ion-color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(168,85,247,.6);z-index:10001;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;animation:pulse 2s infinite}.create-event-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(168,85,247,.7)}.create-event-button:active{transform:translateY(0)}.create-event-button ion-icon{color:white;font-size:24px}.create-event-button:before{content:"Create Event";position:absolute;top:-30px;right:0;background-color:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.create-event-button:hover:before{opacity:1}.schedule-page .msn-app-content{padding:8px 0 calc(80px + env(safe-area-inset-bottom, 0px))}.schedule-page .ios-welcome-banner{margin:8px 16px 16px!important;width:calc(100% - 32px)!important}.schedule-page .ios-date-picker-card{max-width:none!important}.schedule-page .ios-date-picker-card,.schedule-page .ios-event-filter{margin:12px 16px!important;width:calc(100% - 32px)!important}.schedule-page .ios-event-cards,.schedule-page .msn-section{margin:0 16px 16px!important;width:calc(100% - 32px)!important}.schedule-page .ios-date-picker-card,.schedule-page .ios-date-picker-card .datetime-container,.schedule-page .ios-event-filter,.schedule-page .msn-section{padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.schedule-page div[style*="position: fixed"][style*="background-color: #333333"],.schedule-page div[style*="position: fixed"][style*="background-color: #9d4edd"],.schedule-page div[style*="position: fixed"][style*="backgroundColor: #333333"],.schedule-page div[style*="position: fixed"][style*="backgroundColor: #9d4edd"]{display:none!important}.ios-calendar-container{background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-card);animation:ios-spring-in var(--transition-medium) forwards;animation-delay:.2s;opacity:0}.ios-react-calendar{width:100%;background:transparent;border:none;font-family:var(--font-family);color:var(--color-text-primary)}.ios-react-calendar .react-calendar__navigation{display:flex;height:var(--touch-target-min);margin-bottom:var(--spacing-lg)}.ios-react-calendar .react-calendar__navigation button{min-width:var(--touch-target-min);background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.ios-react-calendar .react-calendar__navigation button:hover{background-color:rgba(157,78,221,.1)}.ios-react-calendar .react-calendar__navigation button:disabled{background-color:transparent;color:var(--color-text-tertiary)}.ios-react-calendar .react-calendar__navigation__label{flex-grow:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ios-react-calendar .react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.ios-react-calendar .react-calendar__month-view__weekdays__weekday{padding:var(--spacing-sm) var(--spacing-xs)}.ios-react-calendar .react-calendar__month-view__days{display:grid!important;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.ios-react-calendar .react-calendar__tile{max-width:100%;padding:var(--spacing-sm) var(--spacing-xs);background:none;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);position:relative;min-height:var(--touch-target-min);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all var(--transition-fast)}.ios-react-calendar .react-calendar__tile:hover{background-color:rgba(255,255,255,.05)}.ios-react-calendar .react-calendar__tile--active{background-color:var(--color-primary)!important;color:white!important;font-weight:var(--font-weight-semibold)}.ios-react-calendar .react-calendar__tile--now{background-color:rgba(157,78,221,.2);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.ios-react-calendar .react-calendar__tile--neighboringMonth{color:var(--color-text-tertiary)}.calendar-event-indicators{gap:var(--spacing-xxs);margin-top:var(--spacing-xxs);flex-wrap:wrap}.calendar-event-indicators,.event-dot{display:flex;justify-content:center;align-items:center}.event-dot{width:6px;height:6px;border-radius:var(--radius-circle);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.event-dot.training{background-color:var(--color-pillar-physical)}.event-dot.match{background-color:var(--color-pillar-lifestyle)}.event-dot.assessment{background-color:var(--color-pillar-technical)}.event-dot.more{background-color:var(--color-text-secondary);color:var(--color-text-primary);width:12px;height:12px;font-size:var(--font-size-xs);border-radius:var(--radius-circle)}.ios-filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-start;animation:ios-spring-in var(--transition-medium) forwards;animation-delay:.3s;opacity:0}.ios-events-list{flex-direction:column;animation:ios-spring-in var(--transition-medium) forwards;animation-delay:.4s;opacity:0}.ios-event-card,.ios-events-list{display:flex;gap:var(--spacing-md)}.ios-event-card{background-color:var(--color-card-bg);backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);padding:var(--spacing-lg);align-items:center;box-shadow:var(--shadow-card);transition:transform var(--transition-fast);cursor:pointer}.ios-event-card:active{transform:scale(.98)}.ios-event-type-indicator{width:4px;height:40px;border-radius:var(--radius-sm)}.ios-event-type-indicator[data-type=training]{background-color:var(--color-pillar-physical)}.ios-event-type-indicator[data-type=match]{background-color:var(--color-pillar-lifestyle)}.ios-event-type-indicator[data-type=assessment]{background-color:var(--color-pillar-technical)}.ios-event-details{flex:1}.ios-event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.ios-event-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight)}.ios-event-type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.ios-event-type-badge.training{background-color:var(--color-pillar-physical);color:white}.ios-event-type-badge.match{background-color:var(--color-pillar-lifestyle);color:black}.ios-event-type-badge.assessment{background-color:var(--color-pillar-technical);color:white}.ios-event-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ios-event-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ios-event-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-text-secondary)}.ios-event-meta-item ion-icon{font-size:var(--font-size-lg);color:var(--color-primary)}.ios-event-meta-item.coach,.ios-event-meta-item.coach ion-icon{color:var(--color-pillar-physical)}.ios-event-meta-item.recurring,.ios-event-meta-item.recurring ion-icon{color:var(--color-pillar-technical)}.ios-event-arrow{color:var(--color-text-tertiary);font-size:var(--font-size-xl)}.event-details{padding:var(--spacing-lg)}.event-details-header{text-align:center;margin-bottom:var(--spacing-xl)}.event-details-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0;letter-spacing:var(--letter-spacing-tight)}.event-details-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.event-details-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.event-details-info-item{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-text-primary);padding:var(--spacing-md);background:var(--color-card-bg);border-radius:var(--radius-md)}.event-details-info-item ion-icon{font-size:var(--font-size-xl);color:var(--color-primary)}.ios-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg);animation:ios-popup-fade-in .25s ease-out forwards}.ios-popup-container{position:relative;background:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:380px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.4),0 10px 20px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);animation:ios-popup-scale-in .3s cubic-bezier(.175,.885,.32,1.275) forwards;transform:scale(.9);opacity:0}.ios-popup-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border:none;background:rgba(0,0,0,.1);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;z-index:1}.ios-popup-close:hover{background:rgba(0,0,0,.2);color:var(--color-text-primary);transform:scale(1.1)}.ios-popup-close:active{transform:scale(.95)}.ios-popup-content{padding-top:var(--spacing-md)}.ios-popup-header{text-align:center;margin-bottom:var(--spacing-xl)}.ios-popup-type-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-md)}.ios-popup-type-badge.training{background-color:var(--color-pillar-physical);color:white}.ios-popup-type-badge.match{background-color:var(--color-pillar-lifestyle);color:black}.ios-popup-type-badge.assessment{background-color:var(--color-pillar-technical);color:white}.ios-popup-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.ios-popup-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.ios-popup-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.ios-popup-detail-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,.05);border-radius:var(--radius-lg);font-size:var(--font-size-md);color:var(--color-text-primary);transition:background-color .2s ease}.ios-popup-detail-item:hover{background:rgba(255,255,255,.08)}.ios-popup-detail-item.coach{background:rgba(var(--color-pillar-physical-rgb),.1);border:1px solid rgba(var(--color-pillar-physical-rgb),.3)}.ios-popup-detail-item.recurring{background:rgba(var(--color-pillar-technical-rgb),.1);border:1px solid rgba(var(--color-pillar-technical-rgb),.3)}.ios-popup-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.ios-popup-detail-item.coach .ios-popup-icon{color:var(--color-pillar-physical)}.ios-popup-detail-item.recurring .ios-popup-icon{color:var(--color-pillar-technical)}@keyframes ios-popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ios-popup-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ios-spring-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}