*,:before,:after{box-sizing:border-box}html,body{height:100%}body{-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}:root{--font-family-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-headline:"Montserrat", "Inter", sans-serif;--font-family-mono:"JetBrains Mono", monospace;--font-family-serif:"Source Serif Pro", serif;--font-size-h1:28px;--font-size-h2:22px;--font-size-h3:18px;--font-size-body:15px;--font-size-small:13px;--font-size-micro:11px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--border-width-standard:1px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-medium:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--grey-50:#f8f9fa;--grey-100:#f1f3f5;--grey-200:#e9ecef;--grey-300:#dee2e6;--grey-400:#adb5bd;--grey-500:#6c757d;--grey-600:#495057;--grey-700:#343a40;--grey-800:#212529;--grey-900:#1d2027;--grey-950:#101113;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--dirt-50:#fdf8f6;--dirt-100:#fbf0ea;--dirt-200:#f5e0d4;--dirt-300:#eacab5;--dirt-400:#ddb094;--dirt-500:#c18567;--dirt-600:#b46f4e;--navy-50:#f1f2f3;--navy-100:#e0e2e5;--navy-200:#c6cace;--navy-700:#374154;--navy-800:#2c3e50;--navy-900:#253347;--navy-950:#192231;--dataviz-1-orange:#ec5e2a;--dataviz-2-red:#d94141;--dataviz-3-blue:#4a90e2;--dataviz-4-gold:#f3ba2f;--dataviz-5-navy:#2c3e50;--dataviz-6-dirt:#c18567;--dataviz-7-green:#34a853;--dataviz-8-grey:#bdbdbd;--dataviz-9-purple:#6f42c1;--dataviz-10-terracotta:#e67e22;--spectrum-hs:var(--green-200);--spectrum-college:var(--green-400);--spectrum-pro:var(--green-600);--spectrum-marker:var(--orange-500);--spectrum-out-of-range:var(--red-400);--spectrum-edge:var(--yellow-400)}[data-theme=light]{--color-background:#f7f6f5;--color-surface:#fff;--color-surface-secondary:#f0efee;--color-surface-elevated:#fff;--color-text-primary:#2c2926;--color-text-secondary:#7a7573;--color-text-tertiary:#b0acaa;--color-text-inverse:#fff;--color-border-default:#e0dedc;--color-border-subtle:#eceae8;--color-primary-accent:var(--green-700);--color-primary-accent-hover:var(--green-600);--color-primary-accent-gradient:linear-gradient(to top, var(--green-700), var(--green-600));--color-primary-text:#fff;--color-secondary-accent:var(--orange-600);--color-logo-n:var(--grey-700);--color-logo-accent:var(--orange-600);--color-field-grass:var(--green-200);--shadow-card:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-elevated:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-interactive:0 0 0 3px #1e6a4c33}[data-theme=dark]{--color-background:var(--grey-950);--color-surface:var(--grey-900);--color-surface-secondary:var(--grey-800);--color-surface-elevated:var(--grey-800);--color-text-primary:var(--grey-100);--color-text-secondary:var(--grey-400);--color-text-tertiary:var(--grey-600);--color-text-inverse:var(--grey-900);--color-border-default:var(--grey-800);--color-border-subtle:var(--grey-900);--color-primary-accent:var(--green-600);--color-primary-accent-hover:var(--green-500);--color-primary-accent-gradient:linear-gradient(to top, var(--green-600), var(--green-500));--color-primary-text:#fff;--color-secondary-accent:var(--orange-500);--color-logo-n:var(--grey-300);--color-logo-accent:var(--orange-500);--color-field-grass:var(--green-900);--shadow-card:0 4px 6px -1px #0003, 0 2px 4px -2px #0003;--shadow-elevated:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--shadow-interactive:0 0 0 3px #278f684d;--spectrum-hs:var(--green-900);--spectrum-college:var(--green-700);--spectrum-pro:var(--green-500)}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-body);transition:background-color var(--transition-medium), color var(--transition-medium)}h1,h2,h3{font-family:var(--font-family-headline);font-weight:800}.numeric,.metric-value,[data-numeric]{font-family:var(--font-family-mono)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.border-default{border-color:var(--color-border-default)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-elevated{box-shadow:var(--shadow-elevated)}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border-default);padding:var(--spacing-xl);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.main-content{padding:var(--spacing-2xl);margin-left:var(--sidebar-width);flex:1;min-height:100vh}.logo{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);display:flex}.logo-icon{background:linear-gradient(135deg, var(--green-600), var(--green-700));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.logo-text{font-size:18px;font-weight:600}.logo-text span{color:var(--orange-600)}.nav-section{margin-bottom:var(--spacing-xl)}.nav-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm);font-size:11px;font-weight:600}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);text-decoration:none;display:flex}.nav-item:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.nav-item.active{background:var(--green-100);color:var(--green-700);font-weight:500}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.card-title{margin:0;font-size:18px;font-weight:600}.btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--green-700);color:#fff}.btn-primary:hover{background:var(--green-600)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover{background:var(--color-surface-secondary)}.btn-accent{background:var(--orange-500);color:#fff}.btn-accent:hover{background:var(--orange-600)}.upload-zone{border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--green-500);background:var(--green-50)}.upload-zone-icon{margin-bottom:var(--spacing-lg);font-size:48px}.upload-zone-title{margin-bottom:var(--spacing-sm);font-size:18px;font-weight:600}.upload-zone-subtitle{color:var(--color-text-secondary);font-size:14px}.player-header{align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);display:flex}.player-avatar{background:linear-gradient(135deg, var(--grey-300), var(--grey-400));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:600;display:flex}.player-info h1{margin:0 0 var(--spacing-xs) 0;font-size:28px;font-weight:700}.player-meta{gap:var(--spacing-xl);color:var(--color-text-secondary);font-size:14px;display:flex}.sector-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);display:grid}.sector-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-xl);text-align:center;position:relative;overflow:hidden}.sector-card.focus{border:2px solid var(--orange-500)}.sector-card.focus:before{content:"Focus Area";background:var(--orange-500);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-bottom-left-radius:var(--radius-md);font-size:10px;font-weight:600;position:absolute;top:0;right:0}.sector-icon{margin-bottom:var(--spacing-sm);font-size:28px}.sector-name{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);font-size:14px;font-weight:600}.sector-score{font-family:var(--font-family-mono);color:var(--green-600);font-size:42px;font-weight:700;line-height:1}.sector-score.low{color:var(--orange-500)}.sector-max{color:var(--color-text-tertiary);font-size:18px}.sector-bar{background:var(--grey-200);height:8px;margin-top:var(--spacing-lg);border-radius:4px;overflow:hidden}.sector-bar-fill{background:var(--green-500);height:100%;transition:width var(--transition-medium);border-radius:4px}.sector-bar-fill.low{background:var(--orange-500)}.metric-row{gap:var(--spacing-xl);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border-default);grid-template-columns:220px 1fr 140px;align-items:center;display:grid}.metric-row:last-child{border-bottom:none}.metric-label{font-weight:500}.metric-sublabel{color:var(--color-text-tertiary);margin-top:2px;font-size:12px}.video-link{align-items:center;gap:var(--spacing-xs);color:var(--blue-500);margin-top:var(--spacing-xs);font-size:12px;text-decoration:none;display:inline-flex}.video-link:hover{text-decoration:underline}.spectrum-container{height:42px;position:relative}.spectrum-bar{border-radius:4px;align-items:center;height:24px;display:flex;position:relative;overflow:hidden}.spectrum-marker{background:var(--orange-500);z-index:10;border-radius:2px;width:4px;height:24px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 0 0 2px #fff,0 2px 4px #0003}.spectrum-marker.peak{z-index:9;background:#1e40af;border:none;border-radius:2px;width:4px;height:24px;box-shadow:0 0 0 2px #fff,0 2px 4px #0003}.spectrum-labels{height:16px;color:var(--color-text-tertiary);font-size:10px;font-family:var(--font-family-mono);margin-top:2px;position:relative}.metric-value{font-family:var(--font-family-mono);text-align:right;font-size:18px;font-weight:600}.metric-value.in-range{color:var(--green-600)}.metric-value.out-of-range{color:var(--orange-600)}.metric-unit{color:var(--color-text-tertiary);font-size:12px;font-weight:400}.view-tabs{gap:var(--spacing-xs);background:var(--color-surface);padding:var(--spacing-xs);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-2xl);width:fit-content;display:flex}.view-tab{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:500}.view-tab:hover{color:var(--color-text-primary)}.view-tab.active{background:var(--green-700);color:#fff}.loading-spinner{padding:var(--spacing-3xl);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.report-step{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border-default);display:flex}.step-number{background:var(--green-100);width:32px;height:32px;color:var(--green-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.step-number.active{background:var(--green-700);color:#fff}.step-number.complete{background:var(--green-500);color:#fff}.step-content{flex:1}.step-title{margin-bottom:var(--spacing-sm);font-weight:600}.step-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:14px}.chip-group{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.chip{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;font-size:13px}.chip:hover{border-color:var(--green-400)}.chip.selected{background:var(--green-100);border-color:var(--green-500);color:var(--green-700)}.chip.problem{border-color:var(--orange-300);background:var(--orange-50)}.chip.suggested{border-color:var(--green-300);background:var(--green-50)}.ai-suggestion{background:linear-gradient(135deg, var(--grey-50), var(--green-50));border:1px solid var(--green-200);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.ai-suggestion-header{align-items:center;gap:var(--spacing-sm);color:var(--green-700);margin-bottom:var(--spacing-sm);font-size:12px;font-weight:600;display:flex}.ai-suggestion-content{color:var(--color-text-primary);font-size:14px}.drill-card{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.drill-card.selected{border-color:var(--green-500);background:var(--green-50)}.drill-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.drill-name{font-weight:600}.drill-category{background:var(--grey-200);color:var(--grey-600);text-transform:capitalize;border-radius:10px;padding:2px 8px;font-size:11px}.drill-purpose{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:13px}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:13px;font-weight:500;display:block}.form-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-family:inherit;font-size:14px}.form-select:focus{border-color:var(--green-500);outline:none;box-shadow:0 0 0 3px #22c55e1a}.form-textarea{width:100%;padding:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-md);resize:vertical;min-height:100px;font-family:inherit;font-size:14px}.form-textarea:focus{border-color:var(--green-500);outline:none;box-shadow:0 0 0 3px #22c55e1a}.focus-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);font-family:inherit;font-size:13px}.focus-input:focus{border-color:var(--green-500);outline:none}.fixed-bottom-bar{bottom:0;left:var(--sidebar-width);z-index:100;position:fixed;right:0}.sidebar-toggle{z-index:200;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface);width:40px;height:40px;box-shadow:var(--shadow-card);cursor:pointer;color:var(--color-text-primary);justify-content:center;align-items:center;display:none;position:fixed;top:12px;left:12px}.sidebar-backdrop{display:none}@media (width<=767px){.sidebar-toggle{display:flex}.sidebar{transition:transform var(--transition-medium);z-index:300;transform:translate(-100%)}.app-container.sidebar-open .sidebar{transform:translate(0)}.app-container.sidebar-open .sidebar-backdrop{z-index:250;background:#0006;display:block;position:fixed;inset:0}.main-content{padding:var(--spacing-lg);margin-left:0;padding-top:60px;padding-bottom:180px}.fixed-bottom-bar{left:0}.player-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.player-avatar{width:56px;height:56px;font-size:22px}.player-info h1{font-size:22px}.player-meta{gap:var(--spacing-md);flex-wrap:wrap}.tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px!important;padding-bottom:0!important}.tab-bar::-webkit-scrollbar{display:none}.tab-bar button{white-space:nowrap;flex-shrink:0;padding:8px 12px!important;font-size:13px!important}.filter-bar{padding:10px 12px!important}.card{padding:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.sector-grid{gap:var(--spacing-md)!important;grid-template-columns:1fr!important}.metric-card{padding:var(--spacing-md)!important}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px;overflow-x:auto}.table-scroll-wrapper table{min-width:500px}.chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto}input,select,textarea{min-height:44px;font-size:16px!important}button{min-height:44px}.report-section{padding:var(--spacing-md)!important}.metric-row{gap:var(--spacing-sm)!important;padding:var(--spacing-md) 0!important;grid-template-columns:1fr!important}.metric-row .metric-label{font-size:14px}.metric-row .metric-value{font-size:13px}.highlight-grid,.metric-grid{grid-template-columns:1fr!important}.biomech-metric-row{grid-template-columns:1fr!important;gap:8px!important}.pitch-filter-container{flex-wrap:wrap!important;gap:8px!important}.pitch-filter-container button{min-height:36px;padding:8px 14px!important;font-size:13px!important}.fixed-bottom-bar{background:var(--color-surface-secondary)!important;border-top:1px solid var(--color-border-default)!important;flex-direction:column!important;gap:10px!important;padding:12px 16px!important;box-shadow:0 -2px 10px #0000000d!important}.fixed-bottom-bar>div:first-child{border-bottom:1px solid var(--color-border-default);text-align:center;padding-bottom:8px;font-size:13px!important}.fixed-bottom-bar>div:nth-child(2){flex-direction:column!important;gap:10px!important}.fixed-bottom-bar>div:nth-child(2)>div:first-child{width:100%;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}.fixed-bottom-bar label{background:var(--color-surface)!important;border:1px solid var(--color-border-default)!important;border-radius:20px!important;justify-content:center!important;padding:8px 12px!important;font-size:12px!important;transition:all .15s!important}.fixed-bottom-bar label:has(input:checked){background:var(--green-50)!important;border-color:var(--green-400)!important;color:var(--green-700)!important}.fixed-bottom-bar .btn{border-radius:8px!important;justify-content:center!important;width:100%!important;padding:12px 20px!important;font-size:14px!important;font-weight:600!important}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}.report-builder{font-size:14px}.report-builder label{font-size:13px!important}.report-builder select,.report-builder input,.report-builder textarea{min-height:44px;padding:10px 12px!important;font-size:16px!important}.report-builder button{min-height:44px;padding:10px 16px!important}.report-builder .card{padding:var(--spacing-md)!important}.report-builder p{font-size:14px!important}.report-builder .emphasis-tag{padding:10px 14px!important;font-size:13px!important}.drill-grid{grid-template-columns:1fr!important}.session-selector{gap:var(--spacing-sm)!important;flex-direction:column!important}.top-line-summary{gap:var(--spacing-md)!important;flex-flow:wrap!important;justify-content:center!important}.top-line-summary>div{flex:45%!important;min-width:120px!important;max-width:50%!important}.top-line-summary>div[style*="width: 1px"]{display:none!important}}