:root{--space-4:16px;--color-navy:#0C2340;--color-navy-dark:#061324;--color-navy-light:#16365C;--color-navy-gradient:linear-gradient(135deg,#0C2340,#173B66);--color-red:#C8102E;--color-red-hover:#A00C23;--color-red-gradient:linear-gradient(135deg,#DC143C,#A00C23);--color-gold:#EAAA00;--color-gold-hover:#C69000;--color-gold-gradient:linear-gradient(135deg,#F5B800,#C69000);--color-surface-bg:#F1F5F9;--color-surface-card:#FFFFFF;--color-surface-glass:rgba(255,255,255,0.95);--color-text-primary:#0F172A;--color-text-secondary:#475569;--color-text-tertiary:#64748B;--color-text-inverse:#FFFFFF;--color-blue:#2563EB;--color-success:#047857;--color-success-bg:#ECFDF5;--color-warning:#B45309;--color-warning-bg:#FFFBEB;--color-error:#B91C1C;--color-error-bg:#FEF2F2;--color-surface-alt:#F8FAFC;--color-border:#E2E8F0;--color-border-strong:#CBD5E1;--shadow-sm:0 2px 4px rgba(12,35,64,0.04);--shadow-md:0 8px 16px -2px rgba(12,35,64,0.08),0 3px 6px -2px rgba(12,35,64,0.04);--shadow-lg:0 20px 25px -5px rgba(12,35,64,0.12),0 8px 10px -6px rgba(12,35,64,0.06);--shadow-red:0 6px 18px rgba(200,16,46,0.35);--shadow-gold:0 6px 18px rgba(234,170,0,0.35);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}audio,img,svg{max-width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#091728,#0C2340 140px,#F1F5F9 280px,#F8FAFC 1000px);background-attachment:fixed;color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4{color:var(--color-navy);font-weight:700;letter-spacing:-.025em}.app-container{max-width:1040px;margin:0 auto;padding:0 var(--space-4);padding-bottom:40px}.card{background:var(--color-surface-card);border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover,.hero-athlete-card{box-shadow:var(--shadow-lg)}.hero-athlete-card{background:var(--color-navy-gradient);color:white;border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:24px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hero-athlete-card:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(234,170,0,.15) 0,rgba(200,16,46,.08) 50%,transparent 70%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-primary{background:var(--color-red-gradient);color:white;box-shadow:var(--shadow-red)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(200,16,46,.45)}.btn-primary:disabled{opacity:.6;transform:none;box-shadow:none}.btn-navy{background:var(--color-navy-gradient);color:white;box-shadow:var(--shadow-md)}.btn-navy:hover{transform:translateY(-2px);background:var(--color-navy-dark)}.btn-secondary{background-color:var(--color-surface-alt);color:var(--color-navy);border-color:var(--color-border-strong)}.btn-secondary:hover{background-color:#E2E8F0;color:var(--color-navy-dark)}.btn-outline{background:transparent;color:var(--color-navy);border-color:var(--color-navy)}.btn-outline:hover{background:rgba(12,35,64,.05)}.btn-sm{min-height:38px;padding:6px 14px;font-size:13px;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.02em}.badge-group{background:var(--color-gold);color:var(--color-navy-dark);box-shadow:var(--shadow-sm)}.badge-completed{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #a7f3d0}.badge-pending{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid #fde68a}.emotion-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--color-border-strong);background:var(--color-surface-card);color:var(--color-text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.emotion-chip:hover{border-color:var(--color-blue);background:#F0F7FF;transform:translateY(-1px)}.emotion-chip.selected{background:var(--color-navy-gradient);color:white;border-color:var(--color-navy);box-shadow:var(--shadow-md)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:14px;font-weight:600;color:var(--color-navy)}.form-input,.form-select,.form-textarea{min-height:46px;padding:10px 16px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);background-color:var(--color-surface-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-red);box-shadow:0 0 0 4px rgba(200,16,46,.15)}.form-textarea{min-height:96px;resize:vertical}.privacy-toggle-container{display:flex;align-items:center;justify-content:space-between;background:#F8FAFC;border:2px solid var(--color-border-strong);padding:20px;border-radius:var(--radius-md);margin-top:20px;transition:all var(--transition-normal)}.privacy-toggle-container.active{border-color:var(--color-navy);background:#F0F6FF;box-shadow:var(--shadow-md)}.toggle-switch{position:relative;display:inline-block;width:56px;height:32px}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#94A3B8;border-radius:30px}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:white;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.25)}input:checked+.slider{background:var(--color-red)}input:checked+.slider:before{transform:translateX(24px)}.header-nav{background:var(--color-navy-gradient);color:white;padding:14px 0;margin-bottom:24px;box-shadow:var(--shadow-md);border-bottom:4px solid var(--color-red)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1040px;margin:0 auto;padding:0 16px}.logo-container{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-img{height:42px;width:auto;object-fit:contain;border-radius:8px;background:white;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.logo-text{font-size:22px;font-weight:900;color:white;text-decoration:none;display:flex;flex-direction:column;line-height:1.05;letter-spacing:-.03em}.logo-accent{color:var(--color-gold)}.nav-links{gap:16px}.nav-links,.nav-player-links,.nav-user{display:flex;align-items:center}.nav-player-links{gap:4px}.nav-user{gap:8px;border-left:1px solid rgba(255,255,255,.2);padding-left:16px}.nav-user-copy{text-align:right}.nav-link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:600;font-size:14px;padding:8px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{color:white;background:rgba(255,255,255,.15)}.stepper-container{justify-content:space-between;margin-bottom:24px;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow-x:auto}.step-item,.stepper-container{display:flex;align-items:center}.step-item{gap:8px;font-size:13px;font-weight:700;color:var(--color-text-tertiary);white-space:nowrap}.step-item.active{color:var(--color-navy)}.step-item.completed{color:var(--color-success)}.step-number{width:28px;height:28px;border-radius:50%;background:var(--color-surface-alt);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.step-item.active .step-number{background:var(--color-red-gradient);color:white;box-shadow:var(--shadow-red)}.step-item.completed .step-number{background:var(--color-success);color:white}.timer-ring-container{position:relative;width:230px;height:230px;margin:0 auto 24px}.timer-ring-svg{transform:rotate(-90deg);filter:drop-shadow(0 0 12px rgba(234,170,0,.4))}.narrow-page{max-width:760px}.free-practice-catalog{margin-bottom:20px}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.manager-summary h2,.section-heading h2{font-size:20px;margin-bottom:3px}.manager-summary p,.section-heading p{color:var(--color-text-secondary);font-size:14px}.practice-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.practice-option{width:100%;min-height:96px;display:flex;align-items:flex-start;gap:11px;padding:14px;text-align:left;color:var(--color-text-primary);background:white;border:1.5px solid var(--color-border-strong);border-radius:13px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.practice-option:hover:not(:disabled){border-color:var(--color-navy);transform:translateY(-1px)}.practice-option.selected{border-color:var(--color-red);background:#FFF7F8;box-shadow:0 0 0 3px rgba(200,16,46,.08)}.practice-option:disabled{cursor:not-allowed;opacity:.75}.practice-option-check{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--color-border-strong);color:white;font-size:13px;font-weight:900}.practice-option.selected .practice-option-check{background:var(--color-red);border-color:var(--color-red)}.practice-option small,.practice-option strong{display:block}.practice-option strong{color:var(--color-navy);font-size:15px;margin-bottom:4px}.practice-option small{color:var(--color-text-secondary);font-size:12px;line-height:1.45}.practice-guide{margin-top:18px;padding:18px;border-radius:14px;background:var(--color-surface-bg);border:1px solid var(--color-border)}.practice-guide h3{margin:9px 0 10px;font-size:18px}.manager-instructions,.practice-guide ol{padding-left:22px}.manager-instructions li,.practice-guide li{margin-bottom:8px;color:var(--color-text-secondary);font-size:14px}.free-practice-empty{text-align:center;margin-top:48px;padding:42px 24px}.free-practice-empty h1{font-size:23px;margin:10px 0 7px}.free-practice-empty p{color:var(--color-text-secondary);margin:0 auto 20px;max-width:470px}.form-error,.timer-error{color:var(--color-error);background:var(--color-error-bg);border:1px solid #fca5a5;border-radius:10px;padding:11px 13px;font-size:13px;font-weight:600}.timer-error{margin-top:18px}.content-manager-tabs,.dashboard-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.manager-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.manager-summary h2{margin-top:8px}.availability-count{flex:0 0 130px;text-align:center;padding:14px;border-radius:14px;color:var(--color-text-tertiary);background:var(--color-surface-bg);border:1px solid var(--color-border)}.availability-count.active{color:var(--color-success);background:var(--color-success-bg);border-color:#A7F3D0}.availability-count span,.availability-count strong{display:block}.availability-count strong{font-size:28px;line-height:1}.availability-count span{font-size:11px;font-weight:800;margin-top:5px}.free-practice-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.manager-practice-card{border-top:4px solid var(--color-border-strong)}.manager-practice-card.enabled{border-top-color:var(--color-success)}.manager-practice-header,.manager-practice-title{display:flex;align-items:flex-start;gap:10px}.manager-practice-header{justify-content:space-between}.manager-practice-title>svg{flex:0 0 auto;color:var(--color-text-tertiary)}.enabled .manager-practice-title>svg{color:var(--color-success)}.manager-practice-title span{display:block;color:var(--color-text-tertiary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.manager-practice-title h3{font-size:17px;margin-top:2px}.manager-practice-description{color:var(--color-text-secondary);font-size:13px;margin:14px 0}.manager-instructions li{font-size:12px;margin-bottom:6px}.source-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:var(--color-blue);font-size:11px;font-weight:700;text-decoration:none}.manager-loading{display:flex;align-items:center;gap:9px;color:var(--color-text-secondary)}.edit-practice-button,.manager-add-button,.rotate-code-button{display:inline-flex;align-items:center;gap:7px;margin-top:14px}.form-success{color:var(--color-success);background:var(--color-success-bg);border:1px solid #a7f3d0;margin-bottom:16px;font-size:13px;font-weight:700}.free-practice-editor,.group-editor{margin-bottom:18px;border-top:4px solid var(--color-gold)}.editor-heading,.group-card-heading,.new-code-callout{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.editor-heading{margin-bottom:18px}.editor-heading h3{margin-top:7px;font-size:19px}.icon-button{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:9px;color:var(--color-navy);background:white;cursor:pointer}.steps-editor{min-height:150px}.editor-source-grid,.group-editor-grid,.group-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.editor-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:16px}.group-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.manager-security-icon{flex:0 0 auto;color:var(--color-success)}.new-code-callout{position:relative;align-items:center;margin-bottom:18px;color:var(--color-navy);background:#FFF8E5;border:2px solid var(--color-gold)}.new-code-callout div small,.new-code-callout div span,.new-code-callout div strong{display:block}.new-code-callout div span{font-size:12px;font-weight:800}.new-code-callout div strong{margin:5px 0;font:900 24px/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em}.new-code-callout div small{color:var(--color-text-secondary)}.group-manager-grid{margin-top:18px}.group-card{border-top:4px solid var(--color-blue)}.group-card-heading{justify-content:flex-start;align-items:center}.group-icon{display:grid;place-items:center;width:42px;height:42px;color:white;background:var(--color-navy);border-radius:12px}.group-card-heading h3{font-size:18px}.group-card-heading span,.group-card>p{color:var(--color-text-secondary);font-size:12px}.group-card>p{margin:12px 0}.masked-code{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:3px 8px;gap:3px 8px;margin-top:14px;padding:12px;color:var(--color-navy);background:var(--color-surface-bg);border:1px solid var(--color-border);border-radius:10px}.masked-code svg{grid-row:1/3}.masked-code span{color:var(--color-text-tertiary);font-size:10px;font-weight:800;text-transform:uppercase}.masked-code strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.06em}.rotate-code-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border)}.form-help{display:block;margin-top:6px;color:var(--color-text-secondary);font-size:11px;line-height:1.45}.password-change-page{max-width:520px;padding-top:36px}.password-change-card h1{margin:12px 0 5px;font-size:24px}.password-change-card>p{margin-bottom:20px;color:var(--color-text-secondary);font-size:14px}.password-change-card>.btn{width:100%}.password-reset-callout strong{word-break:break-all}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:820px){.header-content{align-items:flex-start}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:8px}.free-practice-manager-grid,.group-manager-grid{grid-template-columns:1fr}}@media (max-width:640px){body{background-attachment:scroll;padding-bottom:76px}.app-container{width:100%;padding-left:14px;padding-right:14px;padding-bottom:28px}.header-nav{padding:10px 0;margin-bottom:18px}.header-content{align-items:center}.logo-img{height:36px}.logo-text{font-size:18px}.nav-links{flex-wrap:nowrap}.nav-user{border-left:0;padding-left:0}.nav-user-copy{display:none}.nav-player-links{position:fixed;z-index:1000;left:0;right:0;bottom:0;min-height:66px;justify-content:space-around;gap:0;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(6,19,36,.98);border-top:3px solid var(--color-red);box-shadow:0 -8px 24px rgba(6,19,36,.2)}.nav-player-links .nav-link{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 3px;font-size:10px;text-align:center}.nav-player-links .nav-link svg{width:20px;height:20px;margin-right:0!important}.card,.hero-athlete-card{padding:18px;border-radius:16px}.hero-athlete-card{margin-bottom:18px}.hero-athlete-card h1{font-size:21px!important;line-height:1.18}.hero-athlete-card h1 svg{flex:0 0 auto}.player-hero-content{flex-direction:column;gap:14px}.player-hero-copy{width:100%}.player-week-status{align-items:flex-start!important;line-height:1.45}.player-week-status svg{flex:0 0 auto;margin-top:2px}.player-history-button{width:100%}.editor-source-grid,.form-row,.free-practice-manager-grid,.group-editor-grid,.group-manager-grid,.history-emotions-grid,.practice-option-grid,.quick-login-grid,.upload-form-grid,.week-card-grid{grid-template-columns:minmax(0,1fr)!important}.practice-option{min-height:0}.free-practice-timer{padding:28px 14px!important}.content-manager-tabs,.dashboard-tabs{display:grid!important;grid-template-columns:1fr}.content-manager-tabs .btn,.dashboard-tabs .btn{width:100%}.manager-summary{align-items:stretch;flex-direction:column}.availability-count{flex-basis:auto}.manager-security-icon{align-self:center}.new-code-callout{align-items:stretch;flex-direction:column}.new-code-callout .icon-button{position:absolute;top:10px;right:10px}.new-code-callout>div{padding-right:34px}.editor-actions .btn{flex:1 1 150px}.privacy-toggle-container{align-items:flex-start;gap:14px;padding:15px}.modal-backdrop{padding:8px!important;align-items:flex-end!important}.athlete-modal{max-height:94vh!important;padding:18px!important;border-radius:16px 16px 8px 8px!important}.stepper-container{padding:10px 12px;gap:18px}}@media (max-width:380px){.logo-container{gap:7px}.logo-text{font-size:16px}.timer-ring-container{transform:scale(.9);margin-top:-10px;margin-bottom:8px}.auth-tabs{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}