@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg:#0a0a09;--bg-elevated:#121210;--surface:#161613;--surface-2:#1d1d18;--surface-hover:#232319;--line:#ffffff17;--line-strong:#ffffff29;--ball:#d9f24b;--ball-bright:#e8ff5c;--ball-deep:#b4cc2e;--ball-wash:#d9f24b1f;--ball-line:#d9f24b57;--ball-glow:#d9f24b33;--court:#3f7d54;--clay:#c8663c;--danger:#ff5f56;--warning:#f5b73d;--success:#57d98a;--info:#5aa9f5;--text-1:#f7f7f4;--text-2:#a8a89f;--text-3:#6b6b64;--font:"Outfit", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.125rem;--fs-lg:1.5rem;--fs-xl:2rem;--fs-2xl:2.5rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--shadow-1:0 1px 2px #0006;--shadow-2:0 4px 16px #00000073;--shadow-3:0 12px 40px #0000008c;--ease:.2s cubic-bezier(.4, 0, .2, 1);--ease-out:.32s cubic-bezier(.16, 1, .3, 1);--sidebar-w:248px;--topbar-h:60px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-base);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(1000px 520px at 12% -8%,#d9f24b0d,#0000 62%),radial-gradient(760px 420px at 100% 0,#3f7d5412,#0000 60%);background-attachment:fixed;min-height:100dvh;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}img,video,svg{max-width:100%;display:block}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--ball);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:var(--r-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#333}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-layout{min-height:100dvh}.topbar{z-index:60;align-items:center;gap:var(--s3);height:var(--topbar-h);padding:0 var(--s4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0a09eb;display:flex;position:sticky;top:0}.topbar-logo{font-size:var(--fs-md);letter-spacing:-.02em;font-weight:700}.topbar-logo span{color:var(--ball)}.topbar-spacer{flex:1}.hamburger{border-radius:var(--r-sm);border:1px solid var(--line);width:40px;height:40px;color:var(--text-1);transition:background var(--ease), border-color var(--ease);place-items:center;display:grid}.hamburger:hover{background:var(--surface);border-color:var(--ball-line)}.hamburger svg{width:18px;height:18px}.sidebar{z-index:80;width:min(84vw, var(--sidebar-w));padding:var(--s5) var(--s4);background:var(--bg-elevated);border-right:1px solid var(--line);transition:transform var(--ease-out);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;animation:.2s fade-in;position:fixed;inset:0}.sidebar-logo{align-items:center;gap:var(--s2);font-size:var(--fs-lg);letter-spacing:-.03em;margin-bottom:var(--s2);font-weight:800;display:flex}.sidebar-logo .ball{background:radial-gradient(circle at 32% 30%, var(--ball-bright), var(--ball-deep));width:22px;height:22px;box-shadow:inset -3px -3px 6px #00000059, 0 0 14px var(--ball-glow);border-radius:50%;flex:none;position:relative}.sidebar-logo .ball:before,.sidebar-logo .ball:after{content:"";border:1.5px solid #0a0a098c;border-radius:50%;position:absolute;inset:-30% -55%}.sidebar-logo .ball:after{inset:-30% -55%;transform:rotate(90deg)}.sidebar-tagline{font-size:var(--fs-xs);color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--s5)}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s3);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text-2);text-align:left;transition:background var(--ease), color var(--ease);font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--surface);color:var(--text-1)}.nav-item.active{background:var(--ball-wash);color:var(--ball);font-weight:600}.nav-item.active:before{content:"";background:var(--ball);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{flex:none;width:18px;height:18px}.nav-label{flex:1}.nav-badge{padding:1px var(--s2);border-radius:var(--r-pill);background:var(--ball);color:#10100c;font-size:var(--fs-xs);font-weight:700}.sidebar-footer{padding-top:var(--s5);border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--text-3);margin-top:auto}.sidebar-status{align-items:center;gap:var(--s2);margin-bottom:var(--s2);display:flex}.status-dot{background:var(--success);border-radius:50%;flex:none;width:7px;height:7px}.status-dot.warn{background:var(--warning)}.status-dot.err{background:var(--danger)}.main-content{padding:var(--s5) var(--s4) var(--s8);max-width:1440px;margin-inline:auto}.main-content.has-tray{padding-bottom:calc(var(--s8) + var(--s8))}@media (width>=600px){.main-content.has-tray{padding-bottom:calc(var(--s8) + var(--s6))}}.header{margin-bottom:var(--s5)}.header h1{font-size:var(--fs-xl);letter-spacing:-.03em;font-weight:700;line-height:1.15}.header p{color:var(--text-2);font-size:var(--fs-sm);margin-top:var(--s1)}.section-title{align-items:center;gap:var(--s3);font-size:var(--fs-md);letter-spacing:-.01em;margin:var(--s6) 0 var(--s4);flex-wrap:wrap;font-weight:600;display:flex}.section-title:first-of-type{margin-top:0}.eyebrow{font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-weight:600}.back-btn{align-items:center;gap:var(--s2);margin-bottom:var(--s4);padding:var(--s2) var(--s3);border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text-2);font-size:var(--fs-sm);transition:all var(--ease);display:inline-flex}.back-btn:hover{border-color:var(--ball-line);color:var(--ball)}.stats-bar{gap:var(--s3);margin-bottom:var(--s6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat-card{padding:var(--s4);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);text-align:left;transition:border-color var(--ease), transform var(--ease), background var(--ease);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--ball-line);background:var(--surface-2);transform:translateY(-2px)}.stat-value{font-size:var(--fs-xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stat-label{font-size:var(--fs-xs);color:var(--text-2);letter-spacing:.1em;text-transform:uppercase;margin-top:var(--s2)}.stat-icon{top:var(--s3);right:var(--s3);width:20px;height:20px;color:var(--text-3);transition:color var(--ease);position:absolute}.stat-card:hover .stat-icon{color:var(--ball)}.quick-actions{gap:var(--s3);margin-bottom:var(--s6);grid-template-columns:1fr;display:grid}.quick-action-card{align-items:center;gap:var(--s4);padding:var(--s4);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;transition:all var(--ease);display:flex}.quick-action-card:hover{border-color:var(--ball-line);background:var(--surface-2)}.quick-action-icon{border-radius:var(--r-md);background:var(--ball-wash);width:42px;height:42px;color:var(--ball);flex:none;place-items:center;display:grid}.quick-action-icon svg{width:20px;height:20px}.quick-action-title{font-weight:600;font-size:var(--fs-base)}.quick-action-desc{font-size:var(--fs-sm);color:var(--text-2)}.filter-bar{gap:var(--s2);margin-bottom:var(--s5);padding-bottom:var(--s2);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-group{gap:var(--s2);flex:none;display:flex}.filter-btn{padding:var(--s2) var(--s3);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;transition:all var(--ease);flex:none;font-weight:500}.filter-btn:hover{border-color:var(--line-strong);color:var(--text-1)}.filter-btn.active{background:var(--ball);border-color:var(--ball);color:#10100c;font-weight:600}.filter-divider{background:var(--line);width:1px;margin:0 var(--s1);flex:none}.folder-grid,.video-grid{gap:var(--s3);grid-template-columns:1fr;align-items:start;display:grid}.folder-card{align-items:center;gap:var(--s4);padding:var(--s4);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;transition:all var(--ease);display:flex}.folder-card:hover{border-color:var(--ball-line);background:var(--surface-2);transform:translateY(-2px)}.folder-avatar{background:linear-gradient(135deg, var(--ball), var(--ball-deep));color:#10100c;width:44px;height:44px;font-weight:700;font-size:var(--fs-md);border-radius:50%;flex:none;place-items:center;display:grid}.folder-name{letter-spacing:-.01em;font-weight:600}.folder-count{font-size:var(--fs-sm);color:var(--text-2)}.folder-chevron{color:var(--text-3);width:18px;height:18px;margin-left:auto}.video-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);transition:border-color var(--ease), background var(--ease), transform var(--ease);flex-direction:column;display:flex;overflow:hidden}.video-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.video-card.selectable{cursor:pointer}.video-card.selected{border-color:var(--ball);background:var(--ball-wash);box-shadow:0 0 0 1px var(--ball), 0 0 28px var(--ball-glow)}.video-card.playing{border-color:var(--ball-line)}.card-reveal{transition:grid-template-rows var(--ease-out);grid-template-rows:0fr;display:grid}.card-reveal.open{grid-template-rows:1fr}.card-reveal-inner{min-height:0;overflow:hidden}.card-reveal.open>.card-reveal-inner{overflow:visible}@media (prefers-reduced-motion:reduce){.card-reveal{transition:none}}.card-body{padding:var(--s4);gap:var(--s2);flex-direction:column;flex:1;display:flex;position:relative}.card-title{font-weight:600;font-size:var(--fs-base);letter-spacing:-.01em;overflow-wrap:anywhere}.card-subtitle{font-size:var(--fs-xs);color:var(--text-3)}.tags{gap:var(--s1);flex-wrap:wrap;display:flex}.tag{padding:2px var(--s2);border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap}.tag-accent{background:var(--ball-wash);border-color:var(--ball-line);color:var(--ball)}.tag-ai{color:var(--info);background:#5aa9f51f;border-color:#5aa9f54d}.card-actions{align-items:center;gap:var(--s2);padding:var(--s3) var(--s4) var(--s4);flex-wrap:wrap;margin-top:auto;display:flex}.select-tick{top:var(--s3);right:var(--s3);background:var(--ball);color:#10100c;border-radius:50%;place-items:center;width:24px;height:24px;animation:.22s cubic-bezier(.34,1.56,.64,1) pop;display:grid;position:absolute}.folder-meta{flex-direction:column;min-width:0;display:flex}.folder-avatar.sm{width:30px;height:30px;font-size:var(--fs-sm)}.quick-action-title,.quick-action-desc{display:block}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:40px;padding:var(--s2) var(--s4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);color:var(--text-1);font-size:var(--fs-sm);transition:all var(--ease);white-space:nowrap;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ball-line);color:var(--ball)}.btn:disabled{opacity:.4}.btn svg{flex:none;width:15px;height:15px}.btn-primary{background:var(--ball);border-color:var(--ball);color:#10100c;box-shadow:0 2px 14px var(--ball-glow)}.btn-primary:hover:not(:disabled){background:var(--ball-bright);border-color:var(--ball-bright);color:#10100c;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none}.btn-ghost{background:0 0}.btn-danger{color:var(--danger);border-color:#ff5f564d}.btn-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:#ff5f561f}.btn-sm{min-height:32px;padding:var(--s1) var(--s3);font-size:var(--fs-xs)}.btn-block{width:100%}.btn.active{background:var(--ball-wash);border-color:var(--ball-line);color:var(--ball)}.see-all-btn{align-items:center;gap:var(--s2);margin-top:var(--s4);color:var(--ball);font-size:var(--fs-sm);font-weight:600;display:inline-flex}.see-all-btn:hover{gap:var(--s3)}.player{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#000;width:100%;position:relative;overflow:hidden}.player video{object-fit:contain;background:#000;width:100%;height:100%}.player-state{justify-content:center;align-items:center;gap:var(--s3);padding:var(--s4);text-align:center;background:var(--bg-elevated);color:var(--text-2);font-size:var(--fs-sm);flex-direction:column;display:flex;position:absolute;inset:0}.player-state.error{color:var(--danger)}.player-spinner{border:2px solid var(--line-strong);border-top-color:var(--ball);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.player-standalone{border-radius:var(--r-md);border:1px solid var(--line);aspect-ratio:16/9;max-height:52vh}.coaching-card{border-top:1px solid var(--line);background:var(--bg-elevated);padding:var(--s4);gap:var(--s4);animation:slide-down var(--ease-out);flex-direction:column;display:flex}.coaching-header{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.coaching-title{font-size:var(--fs-sm);color:var(--ball);font-weight:600}.coaching-match{padding:var(--s1) var(--s3);border-radius:var(--r-pill);background:var(--ball-wash);border:1px solid var(--ball-line);color:var(--ball);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:700}.coaching-section{gap:var(--s2);flex-direction:column;display:flex}.coaching-section-title{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:600}.coaching-bullet{padding-left:var(--s4);font-size:var(--fs-sm);color:var(--text-1);line-height:1.55;position:relative}.coaching-bullet:before{content:"";background:var(--ball);border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}.coaching-bullet-0:before{background:var(--success)}.coaching-bullet-1:before{background:var(--ball)}.coaching-bullet-2:before{background:var(--info)}.coaching-bullet-correction:before{background:var(--danger)}.coaching-phase-tip{gap:var(--s1) var(--s3);padding:var(--s3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto;display:grid}.coaching-phase-name{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--ball);font-weight:700}.coaching-phase-score{font-size:var(--fs-xs);color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:700}.coaching-phase-text{font-size:var(--fs-sm);color:var(--text-1);grid-column:1/-1;line-height:1.5}.coaching-deviation-badge{padding:var(--s1) var(--s3);border-radius:var(--r-pill);color:var(--danger);font-size:var(--fs-xs);text-transform:capitalize;background:#ff5f561f;border:1px solid #ff5f564d;align-self:flex-start;font-weight:600;display:inline-block}.coaching-joints{gap:var(--s2);flex-direction:column;display:flex}.coaching-joint{align-items:center;gap:var(--s3);font-size:var(--fs-xs);grid-template-columns:96px 1fr 40px;display:grid}.coaching-joint-name{color:var(--text-2);text-transform:capitalize}.coaching-joint-bar{border-radius:var(--r-pill);background:var(--surface-2);height:6px;overflow:hidden}.coaching-joint-fill{border-radius:var(--r-pill);height:100%;transition:width var(--ease-out)}.coaching-joint-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.coaching-loading{color:var(--text-2);font-size:var(--fs-sm)}.empty-state{justify-content:center;align-items:center;gap:var(--s3);padding:var(--s8) var(--s4);border-radius:var(--r-lg);border:1px dashed var(--line-strong);background:var(--surface);text-align:center;flex-direction:column;display:flex}.empty-icon{width:44px;height:44px;color:var(--text-3)}.empty-text{color:var(--text-2);font-size:var(--fs-sm);max-width:44ch}.loading-container{justify-content:center;align-items:center;gap:var(--s5);min-height:70dvh;padding:var(--s4);flex-direction:column;display:flex}.loading-text{color:var(--text-2);font-size:var(--fs-sm)}.skeleton{border-radius:var(--r-lg);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}.skeleton-card{height:168px}.api-banner{align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);margin-bottom:var(--s5);border-radius:var(--r-md);font-size:var(--fs-sm);display:flex}.api-banner-warn{color:var(--warning);background:#f5b73d1a;border:1px solid #f5b73d4d}.api-banner-error{color:var(--danger);background:#ff5f561a;border:1px solid #ff5f564d}.api-banner-icon{flex:none;width:18px;height:18px;margin-top:1px}.api-banner-text{color:var(--text-1);flex:1}.api-banner-dismiss{color:inherit;opacity:.7;flex:none}.api-banner-dismiss:hover{opacity:1}.vs-loader{justify-content:center;align-items:center;gap:var(--s5);padding:var(--s5) 0;display:flex}.vs-loader-side{align-items:center;gap:var(--s2);flex-direction:column;display:flex}.vs-loader-silhouette{width:52px;height:78px}.vs-loader-silhouette svg{width:100%;height:100%;overflow:visible}.student-silhouette{color:var(--danger);animation:2.4s ease-in-out infinite rally-shift}.pro-silhouette{color:var(--success);animation:2.4s ease-in-out 1.2s infinite rally-shift}.tp-racket-arm{transform-origin:41px 31px;animation:2.4s ease-in-out infinite racket-swing}.pro-silhouette .tp-racket-arm{animation-delay:1.2s}.tp-leg-front{transform-origin:37px 62px;animation:2.4s ease-in-out infinite leg-drive}.tp-leg-back{transform-origin:35px 62px;animation:2.4s ease-in-out infinite reverse leg-drive}.pro-silhouette .tp-leg-front,.pro-silhouette .tp-leg-back{animation-delay:1.2s}.tp-arm-free{transform-origin:31px 32px;animation:2.4s ease-in-out infinite free-arm}.pro-silhouette .tp-arm-free{animation-delay:1.2s}.vs-loader-ball{z-index:2;background:radial-gradient(circle at 32% 30%, var(--ball-bright), var(--ball-deep));width:9px;height:9px;box-shadow:0 0 8px var(--ball-glow);border-radius:50%;animation:2.4s cubic-bezier(.45,0,.55,1) infinite ball-rally;position:absolute}.vs-loader-label{font-size:var(--fs-xs);letter-spacing:.16em;color:var(--text-3)}.vs-loader-center{place-items:center;width:62px;height:62px;display:grid;position:relative}.vs-loader-ring{border:2px solid var(--line);border-top-color:var(--ball);border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:0}.vs-loader-vs{font-weight:800;font-size:var(--fs-md);color:var(--ball)}.vs-loader-pulse{background:var(--ball-glow);border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-6px}.vs-loader-text{display:none}.action-panel{z-index:65;left:var(--s3);right:var(--s3);bottom:var(--s3);align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-lg);border:1px solid var(--ball-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-3);animation:slide-up var(--ease-out);background:#121210f5;grid-template-columns:1fr auto 1fr;display:grid;position:fixed}.selection-info{flex-direction:column;min-width:0;display:flex}.selection-info span{font-size:var(--fs-xs);color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.selection-info strong{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.selection-info.empty strong{color:var(--text-3);font-weight:400}.vs-badge{background:var(--ball-wash);border:1px solid var(--ball-line);width:34px;height:34px;color:var(--ball);font-weight:800;font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;display:grid}.action-panel .btn-primary{grid-column:1/-1}.toast{z-index:200;left:50%;bottom:calc(var(--s8) + var(--s5));max-width:min(92vw,460px);padding:var(--s3) var(--s4);border-radius:var(--r-pill);border:1px solid var(--ball-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-3);font-size:var(--fs-sm);text-align:center;animation:slide-up var(--ease-out);background:#121210f7;position:fixed;transform:translate(-50%)}.modal-overlay{z-index:150;padding:var(--s3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;background:#000000c7;justify-content:center;align-items:flex-start;animation:.18s fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:960px;padding:var(--s5) var(--s4);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg-elevated);box-shadow:var(--shadow-3);animation:slide-up var(--ease-out);margin:auto;position:relative}.modal-sm{max-width:520px}.close-btn{top:var(--s3);right:var(--s3);z-index:2;border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--text-2);transition:all var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute}.close-btn:hover{color:var(--danger);border-color:var(--danger)}.close-btn svg{width:15px;height:15px}.job-modal{align-items:center;gap:var(--s4);flex-direction:column;display:flex}.job-title{font-size:var(--fs-md);font-weight:600}.job-status{font-size:var(--fs-sm);color:var(--text-2)}.job-status .succeeded{color:var(--success);font-weight:600}.job-status .failed{color:var(--danger);font-weight:600}.job-status .pending{color:var(--warning);font-weight:600}.job-status .running{color:var(--ball);font-weight:600}.job-progress{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);width:100%;height:26px;position:relative;overflow:hidden}.job-progress-fill{background:linear-gradient(90deg, var(--ball-deep), var(--ball));height:100%;transition:width .5s var(--ease-out)}.job-progress-text{font-size:var(--fs-xs);mix-blend-mode:difference;color:#fff;font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.job-logs{width:100%;max-height:240px;padding:var(--s3);border-radius:var(--r-md);border:1px solid var(--line);color:var(--text-2);white-space:pre-wrap;word-break:break-word;background:#0a0a08;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.6;overflow-y:auto}.form-grid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.form-group{gap:var(--s1);flex-direction:column;min-width:0;display:flex}.form-label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:500}.form-input,.form-select{width:100%;min-height:42px;padding:var(--s2) var(--s3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--text-1);font-size:var(--fs-sm);transition:border-color var(--ease);font-size:max(var(--fs-sm), 16px)}@media (width>=768px){.form-input,.form-select{font-size:var(--fs-sm)}}.form-input:focus,.form-select:focus{border-color:var(--ball);outline:none}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8a89f' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s3) center;padding-right:var(--s6);background-size:16px}.form-actions{gap:var(--s3);flex-wrap:wrap;display:flex}.trim-form{gap:var(--s5);padding:var(--s4);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);flex-direction:column;display:flex}.trim-form-title{font-size:var(--fs-md);font-weight:600}.trim-form-head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.trim-shortcuts{font-size:var(--fs-xs);color:var(--text-3);display:none}.trim-shortcuts kbd{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-2);border-radius:4px;margin:0 2px 0 8px;padding:1px 5px;font-family:inherit;font-size:10px;display:inline-block}@media (width>=900px){.trim-shortcuts{display:block}}.trim-track{border-radius:var(--r-sm);border:1px solid var(--line);background:repeating-linear-gradient(90deg, var(--bg-elevated) 0 11px, var(--surface) 11px 12px);cursor:pointer;height:34px;position:relative;overflow:hidden}.trim-track-selection{background:var(--ball-wash);border-left:2px solid var(--ball);border-right:2px solid var(--ball);transition:left .12s linear,width .12s linear;position:absolute;top:0;bottom:0}.trim-track-mark{background:var(--ball);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.trim-track-mark:after{content:"";border:4px solid #0000;border-top-color:var(--ball);position:absolute;top:0;left:-3px}.trim-track-playhead{background:var(--text-1);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #000c}.inline-hint{align-items:center;gap:var(--s2);font-size:var(--fs-xs);color:var(--warning);display:flex}.trimmer-timeline{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s3);border-radius:var(--r-md);background:var(--bg-elevated);border:1px solid var(--line);flex-wrap:wrap;display:flex}.trimmer-marker{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:600}.trimmer-marker-dur{color:var(--ball)}.trimmer-controls{gap:var(--s3);grid-template-columns:1fr;display:grid}.trimmer-btn-group{align-items:center;gap:var(--s2);display:flex}.trimmer-btn-group .btn-primary,.trimmer-btn-group .btn{flex:1}.trimmer-step-btn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);width:42px;height:42px;color:var(--text-2);transition:all var(--ease);place-items:center;display:grid;flex:none!important}.trimmer-step-btn:hover{border-color:var(--ball-line);color:var(--ball)}.trimmer-step-btn svg{width:15px;height:15px}.trim-preview-filename{gap:var(--s1);padding:var(--s3);border-radius:var(--r-md);background:var(--bg-elevated);border:1px solid var(--line);font-size:var(--fs-xs);flex-direction:column;display:flex}.trim-preview-filename code{color:var(--ball);overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,monospace}.trim-preview-dest{color:var(--text-3)}.trim-queue{gap:var(--s3);padding:var(--s4);border-radius:var(--r-md);background:var(--bg-elevated);border:1px solid var(--line);flex-direction:column;display:flex}.trim-queue-header{font-size:var(--fs-sm);justify-content:space-between;align-items:center;font-weight:600;display:flex}.trim-queue-clear{font-size:var(--fs-xs);color:var(--danger)}.trim-queue-list{gap:var(--s2);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.trim-queue-item{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);display:flex}.trim-queue-item-info{flex-direction:column;min-width:0;display:flex}.trim-queue-item-name{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.trim-queue-item-meta{font-size:var(--fs-xs);color:var(--text-3)}.trim-queue-item-times{align-items:center;gap:var(--s2);font-size:var(--fs-xs);color:var(--text-2);font-variant-numeric:tabular-nums;flex:none;display:flex}.trim-queue-item-remove{width:24px;height:24px;color:var(--text-3);border-radius:50%;place-items:center;display:grid}.trim-queue-item-remove:hover{color:var(--danger);background:#ff5f561f}.trim-queue-item-jump{color:inherit;font-variant-numeric:tabular-nums;border-bottom:1px dashed var(--line-strong)}.trim-queue-item-jump:hover{color:var(--ball);border-bottom-color:var(--ball)}.trim-queue-item.overlap{border-color:#f5b73d73}.overlap-flag{color:var(--warning)}.sync-header{margin-bottom:var(--s4);padding-right:var(--s7)}.sync-header h2{font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:700}.sync-header p{font-size:var(--fs-sm);color:var(--text-2);margin-top:var(--s1)}.phase-rules-guide{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);margin-bottom:var(--s4);overflow:hidden}.phase-rules-summary{align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);font-size:var(--fs-sm);color:var(--ball);cursor:pointer;font-weight:600;list-style:none;display:flex}.phase-rules-summary::-webkit-details-marker{display:none}.phase-rules-summary:after{content:"▾";transition:transform var(--ease);margin-left:auto}.phase-rules-guide[open] .phase-rules-summary:after{transform:rotate(180deg)}.phase-rules-grid{gap:var(--s3);padding:0 var(--s4) var(--s4);flex-direction:column;display:flex}.phase-rule{gap:var(--s3);display:flex}.phase-rule-num{background:var(--ball-wash);border:1px solid var(--ball-line);width:22px;height:22px;color:var(--ball);font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.phase-rule strong{font-size:var(--fs-sm)}.phase-rule p{font-size:var(--fs-xs);color:var(--text-2);line-height:1.55}.phase-tabs{gap:var(--s2);scrollbar-width:none;padding-bottom:var(--s2);margin-bottom:var(--s4);display:flex;overflow-x:auto}.phase-tabs::-webkit-scrollbar{display:none}.phase-tab{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;transition:all var(--ease);flex:none;font-weight:600;display:flex}.phase-tab.active{border-color:var(--ball);color:var(--ball);background:var(--ball-wash)}.phase-tab.partial{border-color:var(--warning);color:var(--warning)}.phase-tab.done{border-color:var(--success);color:var(--success)}.phase-tab-num{background:#ffffff14;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.sync-players{gap:var(--s4);grid-template-columns:1fr;display:grid}.sync-side{gap:var(--s2);flex-direction:column;min-width:0;display:flex}.sync-side h4{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600}.sync-btn-row{justify-content:center;align-items:center;gap:var(--s2);display:flex}.sync-btn-row .btn-primary{flex:1;max-width:320px}.sync-time{text-align:center;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--text-2)}.sync-time strong{color:var(--ball)}.phase-summary{gap:var(--s2);margin:var(--s4) 0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.phase-summary-item{padding:var(--s2) var(--s3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;transition:all var(--ease)}.phase-summary-item.set{border-color:#57d98a59}.phase-summary-item.active-phase{border-color:var(--ball);background:var(--ball-wash)}.phase-summary-label{justify-content:space-between;align-items:center;gap:var(--s2);letter-spacing:.06em;color:var(--text-2);font-size:10px;font-weight:700;display:flex}.phase-clear-btn{color:var(--text-3);font-size:12px;line-height:1}.phase-clear-btn:hover{color:var(--danger)}.phase-summary-times{gap:var(--s2);font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:2px;display:flex}.sync-actions{gap:var(--s2);grid-template-columns:1fr 1fr;display:grid}.sync-actions .btn-primary{grid-column:1/-1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.25;transform:scale(.94)}50%{opacity:.6;transform:scale(1.06)}}@keyframes rally-shift{0%,to{transform:translateY(0)rotate(-3deg)}40%{transform:translateY(-3px)rotate(1deg)}55%{transform:translateY(-1px)rotate(4deg)}75%{transform:translateY(-2px)rotate(1deg)}}@keyframes racket-swing{0%,to{transform:rotate(-24deg)}45%{transform:rotate(-38deg)}58%{transform:rotate(26deg)}80%{transform:rotate(8deg)}}@keyframes leg-drive{0%,to{transform:rotate(3deg)}55%{transform:rotate(-4deg)}}@keyframes free-arm{0%,to{transform:rotate(6deg)}55%{transform:rotate(-14deg)}}@keyframes ball-rally{0%{opacity:0;transform:translate(-56px,4px)scale(.8)}18%{opacity:1}50%{opacity:1;transform:translateY(-20px)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(56px,4px)scale(.8)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.action-panel~.toast{bottom:calc(var(--s8) + var(--s7))}@media (width>=600px){.stats-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action-card{align-items:flex-start;gap:var(--s3);flex-direction:column}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sync-actions{grid-template-columns:repeat(4,1fr)}.sync-actions .btn-primary{grid-area:1/1/auto/-1}.action-panel{left:auto;right:var(--s5);bottom:var(--s5);width:min(560px, calc(100vw - var(--s7)));padding:var(--s3) var(--s4);grid-template-columns:1fr auto 1fr auto}.action-panel .btn-primary{grid-column:auto}.main-content{padding:var(--s6) var(--s5) var(--s8)}}@media (width>=900px){.sync-players,.trimmer-controls{grid-template-columns:1fr 1fr}.modal{padding:var(--s6)}.coaching-card{padding:var(--s5)}}@media (width>=1024px){.topbar,.sidebar-scrim{display:none}.sidebar{width:var(--sidebar-w);transform:none}.app-layout{padding-left:var(--sidebar-w)}.main-content{padding:var(--s7) var(--s6) var(--s8)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.vs-loader-text{font-size:var(--fs-sm);color:var(--text-2);display:block}.vs-loader{flex-wrap:wrap}.vs-loader-text{text-align:center;flex-basis:100%}.action-panel{right:var(--s6);bottom:var(--s6)}}@media (width>=1440px){.stats-bar,.video-grid,.folder-grid{gap:var(--s4)}}@media (height<=520px) and (orientation:landscape){.main-content{padding-top:var(--s4)}.header{margin-bottom:var(--s4)}.modal-overlay{align-items:flex-start}}.api-banner-detail{font-size:var(--fs-xs);color:var(--text-2);overflow-wrap:anywhere;margin-top:2px;display:block}.player-hint{font-size:var(--fs-xs);color:var(--text-2);max-width:42ch;line-height:1.5}.inline-hint.warn{padding:var(--s3);border-radius:var(--r-md);background:#f5b73d14;border:1px solid #f5b73d4d;flex-wrap:wrap}.inline-hint.warn span{flex:1;min-width:16ch}