:root{color:#f8fafc;background-color:#0f172a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:100dvh}button{font:inherit;cursor:pointer}.page{min-height:100dvh;background:#0f172a;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.page--centered{display:flex;flex-direction:column;justify-content:center;align-items:center}.page-inner{width:100%;max-width:26.5rem}.page--home .title,.page--home .subtitle{text-wrap:pretty}.page--home .body{text-align:left}.page--scroll{padding-bottom:40px}.title{margin:0 0 8px;font-size:2rem;font-weight:700}.title--small{font-size:1.375rem;text-align:center}.title--results{font-size:1.75rem}.subtitle{margin:0 0 32px;color:#94a3b8;font-size:1rem;line-height:1.5}.body{margin:0 0 20px;color:#cbd5e1;text-align:center;line-height:1.5}.body--error{color:#f87171;font-size:.875rem}.section{margin-bottom:24px}.section-label{margin:0 0 10px;color:#cbd5e1;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.toggle-row{display:flex;gap:12px}.toggle-button{flex:1;min-height:48px;padding:14px;border:1px solid #334155;border-radius:10px;background:transparent;color:#94a3b8;font-size:1rem;font-weight:600}.toggle-button--active{border-color:#0f766e;background:#0f766e;color:#ecfeff}.setup-box{margin-bottom:32px;padding:16px;border-radius:12px;background:#1e293b}.setup-title{margin:0 0 8px;font-size:1rem;font-weight:600}.setup-body{margin:0;color:#cbd5e1;font-size:.9375rem;line-height:1.47}.setup-body--note{margin-top:10px;color:#5eead4;font-weight:600}.setup-diagram{display:block;margin:0 0 12px}.setup-diagram__panel{margin:0;min-width:0}.setup-diagram__svg{display:block;width:100%;height:auto;max-height:140px;border-radius:8px;border:1px solid #334155;background:#0f172a}.setup-diagram__caption{margin:6px 0 0;color:#cbd5e1;font-size:.75rem;font-weight:600;line-height:1.3;text-align:center}@media(hover:hover)and (pointer:fine){.setup-body--phone{display:none}}.page--scroll .primary-button{margin-top:16px}.primary-button{width:100%;min-height:48px;padding:16px;border:none;border-radius:12px;background:#0f766e;color:#ecfeff;font-size:1.0625rem;font-weight:700}.secondary-button{width:100%;min-height:48px;margin-top:8px;padding:14px;border:none;border-radius:8px;background:transparent;color:#94a3b8;font-size:1rem;font-weight:600}.page-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.page-actions .primary-button,.page-actions .secondary-button{margin-top:0}.summary-card{margin-bottom:24px;padding:16px;border-radius:12px;background:#1e293b}.summary-label{margin:8px 0 0;color:#94a3b8;font-size:.8125rem}.summary-value{margin:0 0 4px;font-size:1.5rem;font-weight:700}.summary-unit{font-size:.875rem;font-weight:500;color:#94a3b8}.consistency{margin:12px 0 0;padding-top:12px;border-top:1px solid #334155;color:#cbd5e1;font-size:.9375rem;line-height:1.47}.drift-headline{margin:10px 0 0;color:#5eead4;font-size:.9375rem;line-height:1.47}.tempo-line{margin:8px 0 0;color:#94a3b8;font-size:.875rem}.results-sparkline{display:block;width:100%;max-width:100%;margin-top:4px}.sparkline-legend{display:flex;gap:12px;margin-top:6px}.sparkline-legend__item{font-size:.75rem;font-weight:600}.variability-card{margin-bottom:24px;padding:14px;border-radius:10px;background:#1e293b}.variability-grid{display:grid;gap:6px}.variability-stat{margin:0;color:#e2e8f0;font-family:ui-monospace,monospace;font-size:.8125rem}.section-title{margin:0 0 12px;font-size:1rem;font-weight:600}.dart-row{margin-bottom:10px;padding:14px;border-radius:10px;background:#1e293b}.dart-number{margin:0 0 6px;color:#0f766e;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dart-metrics{display:grid;gap:2px}.dart-metric{margin:0;color:#e2e8f0;font-family:ui-monospace,monospace;font-size:.875rem}.throw-card{margin-bottom:12px;padding:14px;border-radius:12px;background:#1e293b}.throw-card--compact{margin-bottom:0;padding:12px;background:#1e293bf2}.throw-card__header{margin-bottom:10px}.throw-card__dart{margin:0 0 8px;color:#0f766e;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.throw-card__hero{display:flex;gap:20px}.throw-card__label{margin:0;color:#94a3b8;font-size:.75rem}.throw-card__value{margin:0;font-size:1.25rem;font-weight:700}.throw-card__unit{font-size:.75rem;font-weight:500;color:#94a3b8}.throw-card__sparkline{margin-bottom:10px}.throw-card__sparkline-label{margin:4px 0 0;color:#64748b;font-size:.6875rem}.throw-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-bottom:10px}.throw-card__stat{margin:0;color:#cbd5e1;font-size:.75rem}.throw-card__tip{margin:0;padding-top:8px;border-top:1px solid #334155;color:#5eead4;font-size:.8125rem;line-height:1.4}.capture__throw-card{flex:1 1 16rem;min-width:0;margin:0}.capture{position:relative;min-height:100dvh;overflow:hidden;background:#000}.capture__stage{position:absolute;top:0;right:0;bottom:0;left:0}.capture__stage--mirror{transform:scaleX(-1)}.capture__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.capture__pose-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.capture__top-bar{position:absolute;top:calc(8px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));left:calc(16px + env(safe-area-inset-left));z-index:2;display:flex;justify-content:space-between;gap:12px}.top-button{min-height:40px;padding:8px 14px;border:none;border-radius:8px;background:#0f172ac7;color:#f8fafc;font-size:.875rem;font-weight:600}.top-button:disabled{cursor:not-allowed;opacity:.45}.capture__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0f172ab8;color:#cbd5e1}.spinner{width:40px;height:40px;border:3px solid #334155;border-top-color:#0f766e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.capture__overlay{position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:32px;left:calc(16px + env(safe-area-inset-left));z-index:2;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 16px;max-width:28rem;padding:16px;border-radius:12px;background:#0f172ac7}.capture__status{flex:1 1 12rem;min-width:0}.capture__rotate{display:none}.overlay-title{margin:0 0 6px;font-size:1rem;font-weight:700}.status-line{margin:0 0 10px;color:#5eead4;font-size:1.125rem;font-weight:600}.overlay-hint{margin:0 0 8px;color:#fbbf24;font-size:.875rem}.overlay-hint--ready{color:#94a3b8}.debug-toggle{margin-bottom:4px;padding:0;border:none;background:transparent;color:#94a3b8;font-size:.8125rem}.debug-block{margin-top:4px}.overlay-line{margin:0;color:#e2e8f0;font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.5}.trace-recorder{margin-top:10px;padding-top:8px;border-top:1px solid #475569}.trace-recorder__title,.trace-recorder__privacy,.trace-recorder__status{margin:0 0 5px;font-size:.75rem}.trace-recorder__title{color:#e2e8f0;font-weight:700}.trace-recorder__privacy,.trace-recorder__status{color:#94a3b8}.trace-recorder__label{display:grid;gap:3px;color:#cbd5e1;font-size:.75rem}.trace-recorder select{max-width:100%;padding:8px 10px;border:1px solid #475569;border-radius:5px;background:#0f172a;color:#e2e8f0;font-size:1rem}.trace-recorder__actions{display:flex;gap:8px;margin:8px 0}.trace-recorder__actions button{min-height:44px;padding:8px 12px;border:1px solid #475569;border-radius:5px;background:#1e293b;color:#e2e8f0;font-size:.875rem}.page--scroll{width:100%;max-width:760px;margin:0 auto;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.section-heading-row,.throw-card__topline,.instant-feedback__topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.round-headline{max-width:34rem;margin:4px 0 0;font-size:1.3rem;line-height:1.3}.repeatability-badge,.quality-badge{display:inline-flex;flex:none;align-items:center;border:1px solid currentColor;border-radius:999px;padding:3px 8px;font-size:.6875rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.quality-badge--high,.repeatability-badge--tight{color:#5eead4}.quality-badge--medium,.repeatability-badge--mixed{color:#fbbf24}.quality-badge--low,.repeatability-badge--wide{color:#fda4af}.summary-metrics,.instant-feedback__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.summary-metrics>div,.instant-feedback__metrics>div,.comparison-grid>div{min-width:0;padding:10px;border:1px solid #334155;border-radius:10px;background:#0f172a73}.summary-metrics span,.instant-feedback__metrics span,.comparison-grid span{display:block;color:#94a3b8;font-size:.6875rem;line-height:1.3}.summary-metrics strong,.instant-feedback__metrics strong,.comparison-grid strong{display:block;margin-top:3px;color:#f8fafc;font-size:.9375rem;line-height:1.25}.confidence-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;color:#94a3b8;font-size:.8125rem}.personal-baseline{margin-top:16px;padding-top:14px;border-top:1px solid #334155}.personal-baseline p{margin:4px 0 0;color:#cbd5e1;font-size:.875rem}.personal-baseline__score{color:#5eead4!important;font-size:1.125rem!important;font-weight:700}.personal-baseline__sample,.baseline-progress{color:#94a3b8!important;font-size:.75rem!important}.baseline-progress{margin:14px 0 0;padding-top:12px;border-top:1px solid #334155;line-height:1.45}.comparison-card{margin-bottom:28px;padding:16px;border-radius:12px;background:#1e293b}.section-copy{margin:-4px 0 14px;color:#94a3b8;font-size:.8125rem;line-height:1.45}.comparison-exclusion{margin:-4px 0 14px;padding:8px 10px;border-left:3px solid #fbbf24;color:#fde68a;background:#78350f2e;font-size:.75rem;line-height:1.4}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phase-comparison,.comparison-visual{margin-top:18px}.phase-comparison h3,.comparison-visual h3,.mechanics-details h3,.throw-card__subheading{margin:0 0 8px;color:#cbd5e1;font-size:.8125rem;font-weight:700}.phase-comparison__row{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;margin-top:7px;color:#94a3b8;font-size:.6875rem;font-weight:700}.phase-timeline{margin:4px 0 12px}.phase-timeline__bar{display:flex;gap:2px;width:100%;height:10px;overflow:hidden;border-radius:999px;background:#0f172a}.phase-timeline__segment{flex-basis:0;min-width:4px}.phase-timeline__segment--aim{background:#64748b}.phase-timeline__segment--backswing{background:#fbbf24}.phase-timeline__segment--forward{background:#5eead4}.phase-timeline__segment--followThrough{background:#f472b6}.phase-timeline__labels{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px;color:#94a3b8;font-size:.6875rem}.phase-timeline--compact{margin:0}.phase-timeline--compact .phase-timeline__bar{height:8px}.trajectory-plot,.results-sparkline,.throw-card__sparkline svg{display:block;width:100%;max-width:100%}.trajectory-plot{border:1px solid #334155;border-radius:10px;background:#0f172a80}.trajectory-plot__axis{stroke:#334155;stroke-width:1;stroke-dasharray:3 5}.release-point-plot{display:block;width:100%;max-width:100%;border:1px solid #334155;border-radius:10px;background:#0f172a80}.release-point-plot__axis{stroke:#334155;stroke-width:1;stroke-dasharray:3 5}.release-point-plot__label{fill:#0f172a;font-size:.5rem;font-weight:800}.speed-marker{stroke:#64748b;stroke-width:1;stroke-dasharray:3 3}.sparkline-legend{flex-wrap:wrap}.sparkline-legend__item{display:inline-flex;align-items:center;gap:5px}.sparkline-legend__item i{display:block;width:12px;height:3px;border-radius:2px;background:currentColor}.sparkline-legend__item--guide i{height:0;border-top:2px dashed currentColor;background:none;border-radius:0}.variability-details,.mechanics-details{margin-top:16px;border-top:1px solid #334155;padding-top:12px}.variability-details summary,.mechanics-details summary{color:#cbd5e1;font-size:.8125rem;font-weight:700;cursor:pointer}.variability-details p{margin:8px 0 0;color:#94a3b8;font-size:.75rem}.throw-card{margin-bottom:16px;padding:16px;border:1px solid #334155}.throw-card__insight{margin:8px 0 0;color:#5eead4;font-size:1.0625rem;font-weight:700}.throw-issues{margin:0 0 12px;padding:0;list-style:none}.throw-issues__item+.throw-issues__item{margin-top:10px;padding-top:10px;border-top:1px solid #334155}.throw-issues__item .throw-card__insight{margin:0}.throw-card__evidence{margin:2px 0 0;color:#cbd5e1;font-size:.8125rem}.throw-card__action{margin:4px 0 0;color:#f8fafc;font-size:.8125rem;line-height:1.4}.chart-legend{display:flex;gap:14px;margin:6px 0 0;color:#94a3b8;font-size:.6875rem}.chart-legend__you,.chart-legend__guide{display:inline-flex;align-items:center;gap:6px}.chart-legend__you:before,.chart-legend__guide:before{content:"";width:16px;height:0;border-top:2px solid #5eead4}.chart-legend__guide:before{border-top-color:#94a3b8;border-top-style:dashed}.throw-card__hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}.metric-grid--primary{margin-bottom:14px}.metric{min-width:0;padding:8px 9px;border-radius:8px;background:#0f172a8c}.metric dt{color:#94a3b8;font-size:.6875rem}.metric dd{margin:2px 0 0;color:#f8fafc;font-size:.8125rem;font-weight:650}.throw-card__trajectory{margin-top:14px}.mechanics-details h3{margin-top:16px}.mechanics-details__note,.capture-quality-detail p{margin:4px 0;color:#94a3b8;font-size:.75rem;line-height:1.4}.capture-quality-detail{margin-top:16px;padding:10px;border-radius:8px;background:#0f172a8c}.capture-quality-detail h3{margin-top:0}.instant-feedback{padding:13px;border:1px solid #475569;border-radius:12px;background:#0f172af5;box-shadow:0 12px 30px #00000047}.instant-feedback__dart{margin:0;color:#5eead4;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.instant-feedback__headline{margin:8px 0 0;color:#f8fafc;font-size:1.125rem;font-weight:750;line-height:1.25}.instant-feedback__metrics{gap:6px;margin-top:10px}.instant-feedback__metrics>div{padding:7px}.instant-feedback__metrics strong{font-size:.8125rem}.instant-feedback__delta{margin:10px 0 0;color:#5eead4;font-size:.8125rem;font-weight:650}.instant-feedback__evidence{margin:3px 0 0;color:#cbd5e1;font-size:.75rem}.instant-feedback__action{margin:6px 0 0;color:#f8fafc;font-size:.8125rem;line-height:1.35}.instant-feedback__more{margin:4px 0 0;color:#94a3b8;font-size:.75rem}.capture__overlay{bottom:calc(16px + env(safe-area-inset-bottom))}.history-clear-button{display:block;width:100%;margin-top:20px;padding:10px;border:none;background:transparent;color:#64748b;font-size:.75rem}.release-proxy-note{margin-top:-8px}button:focus-visible,summary:focus-visible{outline:3px solid #5eead4;outline-offset:3px}.phone-tilt{display:grid;place-items:center;width:72px;height:72px}.phone-tilt__device{display:block;width:28px;height:48px;border:3px solid #5eead4;border-radius:7px;transform-origin:center;animation:tilt-phone 1.8s ease-in-out infinite}@keyframes tilt-phone{0%,18%{transform:rotate(0)}45%,to{transform:rotate(90deg)}}.capture__rotate-card{max-width:22rem;padding:0 16px;text-align:center}.capture__rotate-title{margin:16px 0 8px;font-size:1.5rem;font-weight:700}.capture__rotate-body{margin:0;color:#cbd5e1;font-size:1rem;line-height:1.5}.capture__rotate-cancel{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left))}@media(max-width:480px){.page{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.summary-metrics{grid-template-columns:1fr}.instant-feedback__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.instant-feedback__metrics span{font-size:.625rem}.comparison-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capture__overlay{right:calc(10px + env(safe-area-inset-right));left:calc(10px + env(safe-area-inset-left));padding:12px}.capture__overlay:has(.instant-feedback) .overlay-hint,.capture__overlay:has(.instant-feedback) .debug-toggle,.capture__overlay:has(.instant-feedback) .debug-block{display:none}}@media(min-width:720px){.page--home .page-inner{padding:32px;border:1px solid #334155;border-radius:20px;background:#1e293b}.page--home .setup-box{background:#0f172a}.page--scroll{max-width:52rem;padding-top:40px}.page-actions{flex-direction:row}.page-actions .primary-button,.page-actions .secondary-button{width:auto;flex:1}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capture__overlay{right:auto;width:min(28rem,calc(100% - 48px));left:calc(24px + env(safe-area-inset-left))}}@media(orientation:landscape)and (max-height:560px){.page--home{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;justify-content:stretch;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.page--home .home-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"intro hand" "setup cta";align-items:stretch;column-gap:20px;row-gap:8px;width:100%;max-width:52rem;max-height:100%;min-height:0;padding:0;border:none;background:transparent}.home-layout__intro{grid-area:intro;min-width:0}.home-layout__hand{grid-area:hand;min-width:0;margin-bottom:0;align-self:end}.home-layout__setup{grid-area:setup;min-width:0;min-height:0;margin-bottom:0;padding:10px 12px;overflow:hidden}.home-layout__cta{grid-area:cta;align-self:end;margin:0}.page--home .title{margin-bottom:4px;font-size:1.375rem}.page--home .subtitle{margin-bottom:0;font-size:.8125rem;line-height:1.35}.page--home .section-label{margin-bottom:6px;font-size:.75rem}.page--home .toggle-button{min-height:40px;padding:8px 10px;font-size:.9375rem}.page--home .setup-title{margin-bottom:4px;font-size:.875rem}.page--home .setup-body{font-size:.8125rem;line-height:1.35}.page--home .setup-body--note{margin-top:6px}.page--home .setup-diagram{margin-bottom:6px}.page--home .setup-diagram__svg{max-height:120px}.page--home .setup-diagram__caption{margin-top:4px;font-size:.6875rem}.page--home .primary-button{min-height:44px;padding:10px 14px;font-size:1rem}.page--home .setup-box{background:#1e293b}}@media(orientation:landscape)and (max-height:560px){.capture__top-bar{top:calc(6px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));left:calc(12px + env(safe-area-inset-left))}.capture__overlay{right:calc(12px + env(safe-area-inset-right));left:calc(12px + env(safe-area-inset-left));width:auto;max-width:none;padding:10px 12px}.overlay-title{margin-bottom:2px;font-size:.8125rem}.status-line{margin-bottom:4px;font-size:1rem}.capture__throw-card{flex:1 1 16rem;margin:0;max-height:calc(100dvh - 72px);overflow:auto}.instant-feedback{padding:10px}.instant-feedback__headline{margin-top:4px;font-size:1rem}.instant-feedback__evidence{display:none}.capture__overlay:has(.instant-feedback) .overlay-hint,.capture__overlay:has(.instant-feedback) .debug-toggle,.capture__overlay:has(.instant-feedback) .debug-block{display:none}}@media(orientation:portrait)and (pointer:coarse){.capture__rotate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172aeb;color:#f8fafc}.capture__top-bar,.capture__overlay,.capture__loading{display:none}}