:root{color-scheme:dark light;--bg-dark: #000000;--bg-light: #f5f5f7;--surface-d1: #1c1c1e;--surface-d2: #272729;--surface-d3: #2a2a2d;--surface-light: #ffffff;--text-d: #ffffff;--text-d-2: rgba(255, 255, 255, .6);--text-d-3: rgba(255, 255, 255, .36);--text-l: #1d1d1f;--text-l-2: rgba(0, 0, 0, .6);--text-l-3: rgba(0, 0, 0, .36);--accent: #0071e3;--accent-h: #0077ed;--accent-dark: #2997ff;--accent-light: #0066cc;--green: #34c759;--orange: #ff9f0a;--red: #ff3b30;--nav-bg: rgba(0, 0, 0, .82);--nav-blur: saturate(180%) blur(20px);--nav-h: 48px;--shadow: rgba(0, 0, 0, .22) 3px 5px 30px 0px;--shadow-sm: rgba(0, 0, 0, .1) 0px 2px 8px 0px;--focus: 0 0 0 3px rgba(0, 113, 227, .45);--font-d: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-t: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--r-xs: 5px;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-pill: 980px;--t-fast: .12s ease;--t-base: .22s ease;--bg: var(--bg-dark);--bg-card: var(--surface-d2);--text: var(--text-d);--text-2: var(--text-d-2);--text-3: var(--text-d-3);--border: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .07);--m-bg: var(--surface-d1);--m-card: var(--surface-d2);--m-text: var(--text-d);--m-text-2: var(--text-d-2);--m-text-3: var(--text-d-3);--m-border: rgba(255, 255, 255, .08);--m-divider: rgba(255, 255, 255, .1)}.light-mode{--m-bg: var(--bg-light);--m-card: var(--surface-light);--m-text: var(--text-l);--m-text-2: var(--text-l-2);--m-text-3: var(--text-l-3);--m-border: rgba(0, 0, 0, .06);--m-divider: rgba(0, 0, 0, .1)}.high-contrast{--accent: #004aad;--border: rgba(255, 255, 255, .25);--m-border: rgba(0, 0, 0, .25)}.skip-link{position:absolute;top:-100%;left:var(--s4);z-index:9999;padding:var(--s2) var(--s4);background:var(--accent);color:#fff;font-family:var(--font-t);font-size:14px;font-weight:600;border-radius:var(--r-sm);text-decoration:none;transition:top var(--t-fast)}.skip-link:focus{top:var(--s4);outline:none;box-shadow:var(--focus)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-t);font-size:17px;line-height:1.47;letter-spacing:-.374px;background:var(--bg-dark);color:var(--text-d);min-height:100vh;overflow-x:hidden}h1{font-family:var(--font-d);font-size:21px;font-weight:600;line-height:1.14;letter-spacing:-.28px}h2{font-family:var(--font-d);font-size:21px;font-weight:700;line-height:1.19;letter-spacing:.231px}h3{font-family:var(--font-t);font-size:11px;font-weight:600;line-height:1.33;letter-spacing:.6px;text-transform:uppercase}p,small{font-family:var(--font-t);letter-spacing:-.224px}header{position:sticky;top:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--s6);background:var(--nav-bg);backdrop-filter:var(--nav-blur);-webkit-backdrop-filter:var(--nav-blur);border-bottom:.5px solid rgba(255,255,255,.1)}.logo-container h1{font-family:var(--font-d);font-size:17px;font-weight:600;line-height:1;letter-spacing:-.28px;color:#fff}.header-right{display:flex;align-items:center;gap:var(--s2)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#fffc;cursor:pointer;font-size:15px;transition:background var(--t-fast);padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-icon:hover{background:#ffffff1a}.btn-icon:active{background:#ffffff0f;transform:scale(.93)}.btn-icon:focus-visible{outline:none;box-shadow:var(--focus)}#fps-counter{font-family:var(--font-t);font-size:12px;line-height:1.33;letter-spacing:-.12px;color:var(--text-d-2);font-variant-numeric:tabular-nums}.user-menu{position:relative}.btn-user{display:flex;align-items:center;gap:var(--s2);height:30px;padding:0 var(--s3);border-radius:var(--r-pill);border:.5px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer;font-family:var(--font-t);font-size:13px;letter-spacing:-.12px;transition:background var(--t-fast);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-user:hover{background:#ffffff21}.btn-user:focus-visible{outline:none;box-shadow:var(--focus)}#user-avatar{font-size:14px;line-height:1}#user-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + var(--s2));right:0;min-width:200px;background:#1c1c1ef5;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:.5px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2);box-shadow:var(--shadow)}.user-info{padding:var(--s2) var(--s3);font-size:13px;letter-spacing:-.12px;color:var(--text-d-2);border-bottom:.5px solid rgba(255,255,255,.08);margin-bottom:var(--s1)}.user-dropdown .btn{width:100%;justify-content:center}#root{display:flex;flex-direction:column;min-height:100vh}.main-container{display:grid;grid-template-columns:1fr 320px;flex:1;min-height:calc(100vh - var(--nav-h))}.video-section{background:#000;display:flex;flex-direction:column;padding:0;gap:0;min-width:0;overflow:hidden}.glass-panel{background:var(--surface-d2);border:.5px solid rgba(255,255,255,.08);border-radius:var(--r-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.session-panel{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:var(--s3);align-items:end;padding:var(--s3) var(--s4);border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:.5px solid rgba(255,255,255,.08);background:#121214f2;flex-shrink:0}.input-group{display:flex;flex-direction:column;gap:var(--s1)}.input-group label{font-family:var(--font-t);font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--text-d-2);text-transform:uppercase}.input-group input{height:34px;padding:0 var(--s3);background:#ffffff12;border:.5px solid rgba(255,255,255,.14);border-radius:var(--r-xs);color:var(--text-d);font-family:var(--font-t);font-size:14px;letter-spacing:-.224px;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.input-group input:hover:not(:disabled){border-color:#ffffff3d}.input-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0071e338}.input-group input:disabled{opacity:.38;cursor:not-allowed}.input-group input::placeholder{color:var(--text-d-3)}.input-group input[type=date]{color-scheme:dark}.canvas-stage{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.canvas-overlays{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;gap:0;background:#000000c7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:.5px solid rgba(255,255,255,.08)}.canvas-container{position:relative;flex:1;background:#000;border-radius:0;overflow:hidden;min-height:300px;border:none}#output-canvas{width:100%;height:100%;object-fit:contain;display:block}#input-video{display:none}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex!important;flex-direction:column;align-items:center;gap:var(--s3);color:var(--text-d-2);font-family:var(--font-t);font-size:14px;letter-spacing:-.224px}.spinner:before{content:"";display:block;width:24px;height:24px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.camera-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff3b30e0;color:#fff;padding:var(--s4) var(--s5);border-radius:var(--r-sm);text-align:center;max-width:80%;font-family:var(--font-t);font-size:14px;letter-spacing:-.224px;z-index:10;line-height:1.5}.position-guide-bar{display:none;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);background:transparent;border-radius:0;border:none;border-bottom:.5px solid rgba(255,255,255,.06)}.position-guide-bar.visible{display:flex}.guide-icon{font-size:17px;flex-shrink:0;line-height:1}.guide-text{font-family:var(--font-t);font-size:13px;font-weight:600;letter-spacing:-.224px;color:var(--text-d)}.guide-subtext{font-family:var(--font-t);font-size:12px;letter-spacing:-.12px;color:var(--text-d-2);margin-left:auto}.controls{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s4)}.control-group{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.control-group label{font-family:var(--font-t);font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--text-d-2);white-space:nowrap}.control-group select,select#mode-select{height:34px;padding:0 var(--s5) 0 var(--s3);background:#ffffff12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.45)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right var(--s3) center;border:.5px solid rgba(255,255,255,.14);border-radius:var(--r-xs);color:var(--text-d);font-family:var(--font-t);font-size:14px;letter-spacing:-.224px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--t-fast)}.control-group select:focus,select#mode-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0071e338}.control-group select option{background:var(--surface-d1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:34px;padding:0 var(--s4);border-radius:var(--r-sm);border:1px solid transparent;font-family:var(--font-t);font-size:14px;font-weight:400;letter-spacing:-.224px;cursor:pointer;transition:background var(--t-fast),opacity var(--t-fast),transform var(--t-fast);white-space:nowrap;text-decoration:none;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.primary:hover:not(:disabled){background:var(--accent-h)}.btn.primary:active:not(:disabled){opacity:.84;transform:scale(.97)}.btn.secondary{background:#ffffff12;color:var(--text-d);border-color:#ffffff21}.btn.secondary:hover:not(:disabled){background:#ffffff1f}.btn.secondary:active:not(:disabled){background:#ffffff12;transform:scale(.97)}.btn.danger{background:transparent;color:var(--red);border-color:#ff3b308c}.btn.danger:hover:not(:disabled){background:#ff3b301a}.btn.danger[aria-pressed=true]{background:var(--red);color:#fff;border-color:transparent}.btn.btn-sm{height:28px;padding:0 var(--s3);font-size:13px;border-radius:var(--r-xs)}@keyframes record-pulse{0%,to{box-shadow:0 0 #ff3b3073}50%{box-shadow:0 0 0 8px #ff3b3000}}.pulse-animation{animation:record-pulse 1.6s ease-in-out infinite}.metrics-section{background:var(--m-bg);display:flex;flex-direction:column;padding:var(--s4);gap:var(--s3);overflow-y:auto;border-left:.5px solid var(--m-divider);transition:background var(--t-base)}.metric-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--s6) var(--s4);background:var(--m-card);border-radius:var(--r-md);border:.5px solid var(--m-border);box-shadow:var(--shadow-sm);flex-shrink:0}.metric-hero-label{font-family:var(--font-t);font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--m-text-2);text-transform:uppercase}.metric-hero-value{font-family:var(--font-d);font-size:72px;font-weight:700;line-height:1;letter-spacing:-2px;color:var(--accent-dark);font-variant-numeric:tabular-nums}.metric-hero-unit{font-family:var(--font-t);font-size:18px;font-weight:400;letter-spacing:-.2px;color:var(--m-text-2)}.container-3d{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow);flex-shrink:0;border:.5px solid var(--m-border);max-height:180px}.metrics-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.metric-card{background:var(--m-card);border-radius:var(--r-sm);padding:var(--s4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:var(--shadow-sm);border:.5px solid var(--m-border);min-height:88px}.metric-card h3{color:var(--m-text-2);margin-bottom:var(--s1)}.metric-card>span{font-family:var(--font-d);font-size:30px;font-weight:600;line-height:1.07;letter-spacing:-.28px;color:var(--m-text);font-variant-numeric:tabular-nums}.metric-card small{font-family:var(--font-t);font-size:12px;letter-spacing:-.12px;color:var(--m-text-2)}.height-card>span{color:var(--accent);font-size:36px}.status-card{grid-column:span 2}.status-card>span{font-family:var(--font-t);font-size:15px;font-weight:400;letter-spacing:-.374px;color:var(--m-text)}.symmetry-card{grid-column:span 2;background:var(--m-card)!important;border:.5px solid var(--m-border)!important;box-shadow:var(--shadow-sm)}.symmetry-score-row{display:flex;align-items:baseline;gap:var(--s2);margin-bottom:var(--s2)}.symmetry-score{font-family:var(--font-d)!important;font-size:26px!important;font-weight:600!important;letter-spacing:-.28px!important;line-height:1.1!important}.symmetry-label{font-family:var(--font-t);font-size:13px;letter-spacing:-.224px}.symmetry-angles{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--s2)}.angle-side{display:flex;flex-direction:column;align-items:center;gap:2px}.angle-label{font-family:var(--font-t);font-size:10px;font-weight:600;letter-spacing:.6px;color:var(--m-text-2);text-transform:uppercase}.angle-value{font-family:var(--font-d);font-size:17px;font-weight:600;color:var(--m-text);letter-spacing:-.28px}.angle-diff{font-family:var(--font-t);font-size:13px;letter-spacing:-.12px}.diff-ok{color:var(--green)}.diff-warning{color:var(--orange)}.symmetry-balance-container{width:100%;margin-top:var(--s2)}.balance-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.4px;color:var(--m-text-3);text-transform:uppercase;margin-bottom:4px}.balance-track{position:relative;height:4px;background:var(--m-border);border-radius:var(--r-pill)}.balance-center{position:absolute;left:50%;top:0;width:1px;height:100%;background:var(--m-text-3);transform:translate(-50%)}.balance-indicator{position:absolute;width:10px;height:10px;border-radius:50%;top:-3px;transform:translate(-50%)}.symmetry-bar-container{width:100%;height:3px;background:var(--m-border);border-radius:var(--r-pill);overflow:hidden;margin-top:var(--s2)}.symmetry-bar{height:100%;border-radius:var(--r-pill)}.leaderboard{grid-column:span 2;background:var(--m-card);border-radius:var(--r-sm);padding:var(--s4);box-shadow:var(--shadow-sm);border:.5px solid var(--m-border);position:relative;overflow:hidden}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s5);color:var(--m-text-2)}.leaderboard-empty h3{color:var(--m-text)}.leaderboard-empty p{font-size:13px;letter-spacing:-.224px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s3)}.leaderboard-header h3{color:var(--m-text-2)}.new-record-badge{font-family:var(--font-t);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-pill);background:var(--accent);color:#fff}.leaderboard-list{display:flex;flex-direction:column;gap:var(--s1)}.leaderboard-entry{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-xs);border-left:2px solid transparent;transition:background var(--t-fast)}.leaderboard-entry:hover,.light-mode .leaderboard-entry:hover{background:#0000000a}.leaderboard-entry.is-new{background:#0071e30f;border-left-color:var(--accent)}.entry-medal{font-size:13px;width:18px;text-align:center;flex-shrink:0}.entry-height{font-family:var(--font-d);font-size:16px;font-weight:600;letter-spacing:-.28px;flex:1;color:var(--m-text)}.entry-mode{font-family:var(--font-t);font-size:11px;letter-spacing:-.12px;color:var(--m-text-3)}.entry-new-tag{font-family:var(--font-t);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-pill);background:var(--accent);color:#fff}.celebration-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;z-index:10}.light-mode .celebration-overlay{background:#f5f5f7f7}.celebration-content{display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.celebration-emoji{font-size:32px}.celebration-text{font-family:var(--font-d);font-size:15px;font-weight:600;letter-spacing:-.28px;color:var(--text-l)}.celebration-height{font-family:var(--font-d);font-size:28px;font-weight:600;letter-spacing:-.28px;color:var(--accent)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--s4);overscroll-behavior:contain}.modal-content.glass-panel{background:#fff;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--r-md);box-shadow:var(--shadow);width:100%;max-width:640px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s5) var(--s6);border-bottom:.5px solid rgba(0,0,0,.1);flex-shrink:0}.modal-header h2{color:var(--text-l)}.btn-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:#00000012;color:var(--text-l-2);cursor:pointer;font-size:16px;line-height:1;transition:background var(--t-fast)}.btn-close:hover{background:#0000001f}.btn-close:focus-visible{outline:none;box-shadow:var(--focus)}.modal-body{padding:var(--s5) var(--s6);overflow-y:auto;flex:1}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);margin-bottom:var(--s6);padding:var(--s4) var(--s5);background:var(--bg-light);border-radius:var(--r-sm)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-family:var(--font-d);font-size:26px;font-weight:600;letter-spacing:-.28px;line-height:1.1;color:var(--text-l);font-variant-numeric:tabular-nums}.stat-label{font-family:var(--font-t);font-size:11px;letter-spacing:-.12px;color:var(--text-l-2);text-align:center}.sessions-title{font-family:var(--font-d);font-size:15px;font-weight:600;letter-spacing:-.28px;color:var(--text-l);margin-bottom:var(--s3)}.sessions-list{display:flex;flex-direction:column;gap:var(--s2)}.session-item{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);border-radius:var(--r-xs);background:var(--bg-light);transition:background var(--t-fast)}.session-item:hover{background:#0000000d}.session-info{display:flex;flex-direction:column;gap:2px}.session-athlete{font-family:var(--font-t);font-size:14px;font-weight:600;letter-spacing:-.224px;color:var(--text-l)}.session-anthropometry,.session-date,.session-mode,.session-jumps{font-family:var(--font-t);font-size:12px;letter-spacing:-.12px;color:var(--text-l-2)}.modal-footer{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s6);border-top:.5px solid rgba(0,0,0,.1);flex-wrap:wrap;flex-shrink:0}.modal-footer .btn.secondary{background:var(--bg-light);color:var(--text-l);border-color:#00000026}.modal-footer .btn.secondary:hover:not(:disabled){background:#0000000f}.modal-footer .btn.danger{color:var(--red);border-color:#ff3b308c;background:transparent}.modal-footer .btn.danger:hover:not(:disabled){background:#ff3b3012}.sessions-list>p{text-align:center;font-size:14px;color:var(--text-l-2);padding:var(--s5) 0}.replay-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:300;padding:var(--s4);overscroll-behavior:contain}.replay-modal{background:#1c1c1e;border-radius:var(--r-md);box-shadow:var(--shadow);width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:.5px solid rgba(255,255,255,.1)}.replay-header{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:.5px solid rgba(255,255,255,.09);flex-shrink:0}.replay-header h2{font-family:var(--font-d);font-size:17px;font-weight:600;letter-spacing:-.28px;color:#fff;flex:1}.replay-height{font-family:var(--font-d);font-size:17px;font-weight:600;letter-spacing:-.28px;color:var(--accent-dark)}.replay-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:#fffc;cursor:pointer;font-size:13px;line-height:1;transition:background var(--t-fast)}.replay-close:hover{background:#ffffff2e}.replay-content{flex:1;background:#000;display:flex;align-items:center;justify-content:center;min-height:240px;overflow:hidden}.replay-frame-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.replay-frame{max-width:100%;max-height:100%;object-fit:contain}.replay-frame-number{position:absolute;bottom:var(--s3);right:var(--s3);font-family:var(--font-t);font-size:12px;letter-spacing:-.12px;color:#ffffff8c;background:#00000080;padding:2px 8px;border-radius:var(--r-pill)}.replay-no-frames{display:flex;flex-direction:column;align-items:center;gap:var(--s2);color:var(--text-d-2);font-family:var(--font-t);font-size:14px;letter-spacing:-.224px}.replay-hint{font-size:12px;letter-spacing:-.12px;color:var(--text-d-3)}.replay-progress{padding:var(--s3) var(--s5) 0;position:relative}.replay-progress-bar{height:2px;background:var(--accent);border-radius:var(--r-pill);pointer-events:none;margin-bottom:var(--s2)}.replay-scrubber{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff24;border-radius:var(--r-pill);outline:none;cursor:pointer}.replay-scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;cursor:pointer;margin-top:-5px}.replay-scrubber::-webkit-slider-runnable-track{height:3px;background:transparent}.replay-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s5) var(--s5);flex-wrap:wrap;gap:var(--s3)}.replay-speed{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-t);font-size:12px;letter-spacing:-.12px;color:var(--text-d-2)}.speed-btn{height:26px;padding:0 var(--s3);border-radius:var(--r-pill);border:.5px solid rgba(255,255,255,.15);background:transparent;color:var(--text-d-2);font-family:var(--font-t);font-size:12px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.speed-btn.active{background:var(--accent);border-color:transparent;color:#fff}.replay-buttons{display:flex;align-items:center;gap:var(--s2)}.replay-buttons button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:#ffffff1a;color:#fffc;cursor:pointer;font-size:13px;transition:background var(--t-fast)}.replay-buttons button:hover{background:#ffffff2b}.replay-buttons .play-btn{width:42px;height:42px;background:var(--accent);color:#fff;font-size:16px}.replay-buttons .play-btn:hover{background:var(--accent-h)}.replay-shortcuts{display:flex;gap:var(--s4);font-family:var(--font-t);font-size:11px;letter-spacing:-.12px;color:var(--text-d-3)}.replay-header-actions{display:flex;align-items:center;gap:var(--s3)}.replay-manual-toggle{height:26px;padding:0 var(--s3);font-size:12px;border-radius:var(--r-pill)}.replay-manual-toggle.active{background:var(--accent);border-color:transparent;color:#fff}.replay-frame-marker{position:absolute;top:var(--s3);left:var(--s3);padding:3px var(--s2);border-radius:var(--r-xs);font-family:var(--font-t);font-size:11px;font-weight:700;letter-spacing:.4px;pointer-events:none}.takeoff-marker{background:#0071e3d9;color:#fff}.landing-marker{background:#34c759d9;color:#fff}.replay-marker{position:absolute;top:0;width:3px;height:100%;border-radius:2px;transform:translate(-50%);pointer-events:none;z-index:2}.replay-marker-takeoff{background:var(--accent)}.replay-marker-landing{background:var(--green)}.replay-manual-panel{overflow:hidden;padding:0 var(--s5)}.replay-mark-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);padding:var(--s3) 0}.replay-mark-btn{height:36px;font-size:13px;border-radius:var(--r-sm);background:#ffffff12;border:.5px solid rgba(255,255,255,.14);color:var(--text-d-2);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.replay-mark-btn:disabled{opacity:.35;cursor:not-allowed}.replay-mark-btn.takeoff-btn.marked{background:#0071e333;border-color:var(--accent);color:var(--accent-dark)}.replay-mark-btn.landing-btn.marked{background:#34c7592e;border-color:var(--green);color:var(--green)}.replay-manual-result{background:#ffffff0d;border:.5px solid rgba(255,255,255,.09);border-radius:var(--r-sm);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);margin-bottom:var(--s3)}.manual-result-row{display:flex;justify-content:space-between;align-items:center}.manual-result-label{font-family:var(--font-t);font-size:13px;color:var(--text-d-2)}.manual-result-value{font-family:var(--font-d);font-size:20px;font-weight:600;letter-spacing:-.3px;color:var(--text-d);font-variant-numeric:tabular-nums}.manual-result-value.accent{font-size:26px;color:var(--accent-dark)}.replay-save-btn{width:100%;height:40px;font-size:15px;font-weight:600}.replay-manual-error{font-family:var(--font-t);font-size:12px;color:var(--red);text-align:center;padding:var(--s2) 0 var(--s3)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808040;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:#80808066}@property --beam-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes beam-spin{to{--beam-angle: 360deg}}.beam-wrap{border-radius:calc(var(--r-sm) + 1px);padding:1px;background:#ffffff0f}.beam-wrap.beam-flex{flex:1;min-height:0}.beam-wrap.beam-shrink{flex-shrink:0}.beam-wrap.beam-active{background:conic-gradient(from var(--beam-angle),transparent 0%,transparent 35%,rgba(0,113,227,.9) 45%,rgba(41,151,255,.5) 50%,transparent 60%,transparent 100%);animation:beam-spin 3s linear infinite}.beam-wrap.beam-active-slow{background:conic-gradient(from var(--beam-angle),transparent 0%,transparent 35%,rgba(0,113,227,.9) 45%,rgba(41,151,255,.5) 50%,transparent 60%,transparent 100%);animation:beam-spin 4.5s linear infinite}.beam-wrap>.canvas-container,.beam-wrap>.container-3d{border:none!important;border-radius:var(--r-sm)!important;flex:1}.canvas-stage .beam-wrap{border-radius:0}.canvas-stage .beam-wrap>.canvas-container{border-radius:0!important}.beam-wrap>.container-3d{width:100%;aspect-ratio:16 / 9}.glass-panel.session-panel.beam-recording{border:1px solid transparent!important;background:#272729 padding-box,conic-gradient(from var(--beam-angle),transparent 0%,transparent 30%,rgba(255,59,48,.85) 40%,rgba(255,100,80,.4) 46%,transparent 56%,transparent 100%) border-box!important;animation:beam-spin 2s linear infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.main-container{grid-template-columns:1fr 280px}.metric-hero-value{font-size:56px}.btn,.control-group select,select#mode-select{min-height:44px}.input-group input{height:40px}.session-panel{grid-template-columns:1fr 1fr;row-gap:var(--s2)}.session-panel #btn-record{grid-column:span 2}}@media (max-width: 900px){.main-container{grid-template-columns:1fr 240px}.metrics-panel{grid-template-columns:1fr}.status-card,.symmetry-card{grid-column:span 1}.metric-hero{padding:var(--s4)}.metric-hero-value{font-size:48px;letter-spacing:-1px}.container-3d{max-height:130px}}@media (orientation: portrait) and (max-width: 1100px){.canvas-stage{max-height:55vw;min-height:300px}}@media (max-width: 768px){.main-container{grid-template-columns:1fr;grid-template-rows:auto}.metrics-section{border-left:none;border-top:.5px solid var(--m-divider)}.canvas-stage{max-height:60vw;min-height:280px}.session-panel,.stats-summary{grid-template-columns:1fr 1fr}header{padding:0 var(--s4)}.controls{gap:var(--s2)}.control-group select{font-size:13px}.metric-hero{padding:var(--s4)}.metric-hero-value{font-size:44px;letter-spacing:-1px}.metrics-panel{grid-template-columns:1fr 1fr}.status-card,.symmetry-card{grid-column:span 2}}@media (max-width: 480px){.session-panel{grid-template-columns:1fr}.session-panel #btn-record{grid-column:span 1}.height-card>span{font-size:30px}.stats-summary{grid-template-columns:1fr 1fr}.modal-content.glass-panel{border-radius:var(--r-sm)}header{padding:0 var(--s3);gap:var(--s2)}.logo-container h1{font-size:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}