@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-fast)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideUp{animation:slideUp .4s ease forwards}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.layout_sidebar__XCoJV{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-6) 0;z-index:100}.layout_logo__RqH9D{padding:0 var(--space-6) var(--space-8);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-3)}.layout_logoIcon__AoKyo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-lg)}.layout_nav__3Q3Pt{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3);flex:1 1}.layout_navLink__nNGYX{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);text-decoration:none}.layout_navLink__nNGYX:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.layout_navLinkActive__uBgfB{background:var(--color-accent-glow);color:var(--color-accent)}.layout_navIcon__m_wDv{font-size:var(--text-lg);width:24px;text-align:center}.layout_main__mXTwS{margin-left:240px;min-height:100vh;padding:var(--space-8)}.layout_pageTitle__0OK7H{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-8)}.coach-panel_panelContainer__bdN9o{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:flex-end;gap:1rem;z-index:1000;animation:coach-panel_slideIn__mtbiJ .8s cubic-bezier(.16,1,.3,1)}.coach-panel_coachAvatar__hY_Q1{width:60px;height:60px;position:relative;flex-shrink:0}.coach-panel_orb__0oz4h{width:100%;height:100%;background:#fff;border-radius:50%;box-shadow:0 0 30px hsla(0,0%,100%,.4);position:relative;z-index:2}.coach-panel_aura__2E4Km{position:absolute;inset:-10px;background:radial-gradient(circle,var(--color-primary) 0,transparent 70%);border-radius:50%;animation:coach-panel_pulse__SeTqc 3s infinite;opacity:.5}.coach-panel_messageBox___9Glw{background:hsla(0,0%,6%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:1.5rem;width:320px;box-shadow:0 10px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:.8rem}.coach-panel_header__oVnah{display:flex;justify-content:space-between;align-items:center}.coach-panel_header__oVnah span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)}.coach-panel_closeBtn__Yp7TT{background:transparent;border:none;color:#fff;opacity:.4;cursor:pointer;font-size:1.2rem}.coach-panel_closeBtn__Yp7TT:hover{opacity:1}.coach-panel_text__msp9Y{font-size:.95rem;line-height:1.5;color:hsla(0,0%,100%,.9)}.coach-panel_engagementBar__BQRmV{width:40px;height:3px;background:hsla(0,0%,100%,.1);border-radius:2px}.coach-panel_engagementFill___jwZP{height:100%;background:var(--color-primary);border-radius:2px}@keyframes coach-panel_slideIn__mtbiJ{0%{transform:translateX(50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes coach-panel_pulse__SeTqc{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.6}to{transform:scale(1);opacity:.4}}:root{--color-bg:#0a0a0f;--color-surface:#141420;--color-surface-hover:#1c1c2e;--color-border:#2a2a3d;--color-text-primary:#f0f0f5;--color-text-secondary:#a0a0b8;--color-text-muted:#6a6a82;--color-accent:#7c5cfc;--color-accent-hover:#9178ff;--color-accent-glow:rgba(124,92,252,.3);--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--color-tap-forge:#f59e0b;--color-talkstar:#3b82f6;--color-pitch-path:#8b5cf6;--color-breath-runner:#10b981;--color-scriptforge:#eab308;--color-tubeshadow:#ef4444;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow:0 0 20px var(--color-accent-glow);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}.exercise-shell{max-width:640px;margin:0 auto;animation:fadeIn .3s ease}.score-circle-wrap{position:relative;width:180px;height:180px;margin:0 auto var(--space-6)}.score-circle-svg{transform:rotate(-90deg);width:180px;height:180px}.score-circle-bg{fill:none;stroke:var(--color-surface-hover);stroke-width:10}.score-circle-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.score-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-mono)}.score-value-number{font-size:3.5rem;font-weight:700;line-height:1}.score-value-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-1)}.score-breakdown{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:360px;margin:0 auto var(--space-6)}.score-breakdown-item{display:flex;align-items:center;gap:var(--space-3)}.score-breakdown-label{font-size:var(--text-xs);color:var(--color-text-muted);min-width:80px;text-align:right;text-transform:capitalize}.score-breakdown-bar{flex:1 1;height:8px;background:var(--color-surface-hover);border-radius:var(--radius-full);overflow:hidden}.score-breakdown-fill{height:100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1)}.score-breakdown-value{font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);min-width:32px}.tap-zone{position:relative;width:100%;height:280px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}.tap-zone.tapped,.tap-zone:active{border-color:var(--color-tap-forge);box-shadow:0 0 40px rgba(251,146,60,.15)}.tap-zone-bpm{position:absolute;top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--color-tap-forge)}.tap-zone-streak{position:absolute;bottom:var(--space-4);left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.tap-ring{position:absolute;border-radius:50%;border:3px solid var(--color-tap-forge);animation:tapRing .6s ease-out forwards;pointer-events:none}@keyframes tapRing{0%{width:40px;height:40px;opacity:1}to{width:180px;height:180px;opacity:0}}.tap-label{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-muted);opacity:.4;pointer-events:none;transition:opacity .2s}.beat-lane{width:100%;height:48px;position:relative;overflow:hidden;margin-bottom:var(--space-4)}.deviation-graph{width:100%;height:60px;display:flex;align-items:center;gap:2px;padding:0 var(--space-4)}.deviation-bar{flex:1 1;min-width:4px;border-radius:2px;transition:height .3s ease}.breath-circle-wrap{padding:var(--space-8) 0;position:relative}.breath-circle,.breath-circle-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.breath-circle{width:200px;height:200px;border-radius:50%;border:4px solid var(--color-breath-runner);transition:transform 3s cubic-bezier(.4,0,.2,1),border-color .5s}.breath-circle.inhale{transform:scale(1.3);border-color:#60a5fa;box-shadow:0 0 60px rgba(96,165,250,.15)}.breath-circle.hold{border-color:#a78bfa;box-shadow:0 0 40px rgba(167,139,250,.12)}.breath-circle.exhale{transform:scale(.8);border-color:#2dd4bf;box-shadow:0 0 40px rgba(45,212,191,.12)}.breath-circle-label{font-size:var(--text-xl);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.breath-circle-timer{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;margin-top:var(--space-1)}.phase-bar{display:flex;width:100%;height:6px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-hover);margin-top:var(--space-6)}.phase-bar-segment{height:100%;transition:opacity .3s}.phase-bar-segment.active{opacity:1}.phase-bar-segment.inactive{opacity:.3}.transcript-display{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);min-height:120px;max-height:200px;overflow-y:auto;font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-4)}.filler-word{color:var(--color-danger);font-weight:600;background:rgba(239,68,68,.1);padding:0 var(--space-1);border-radius:var(--radius-sm);animation:fillerShake .3s ease}@keyframes fillerShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.pace-gauge{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.pace-gauge-bar{flex:1 1;height:12px;background:var(--color-surface-hover);border-radius:var(--radius-full);position:relative;overflow:hidden}.pace-gauge-target{position:absolute;top:0;bottom:0;background:rgba(74,222,128,.2);border-left:2px solid var(--color-success);border-right:2px solid var(--color-success)}.pace-gauge-pointer{position:absolute;top:-3px;width:4px;height:18px;background:var(--color-accent);border-radius:2px;transition:left .5s ease}.pitch-lane{width:100%;height:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.pitch-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm)}.pb-banner{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);text-align:center;font-weight:600;color:var(--color-warning);margin-bottom:var(--space-4);animation:pbPulse 1.5s ease infinite}@keyframes pbPulse{0%,to{box-shadow:0 0 0 0 rgba(251,191,36,.2)}50%{box-shadow:0 0 20px 4px rgba(251,191,36,.15)}}.stats-row{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.stat-pill{background:var(--color-surface-hover);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2)}.stat-pill-value{font-weight:700;font-family:var(--font-mono)}.teleprompter-container{height:300px;overflow:hidden;position:relative;background:var(--color-surface-hover);border-radius:var(--radius-xl);padding:var(--space-6);font-size:var(--text-2xl);line-height:1.6;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);overflow-anchor:none}.script-word{display:inline-block;margin-right:var(--space-1);transition:color .15s ease;color:var(--color-text-muted)}.script-word.upcoming{opacity:.5}.script-word.upcoming-next{color:var(--color-text-secondary);font-weight:500}.script-word.current{color:var(--color-text);font-weight:700;transform:scale(1.05)}.script-word.correct{color:var(--color-success);transform:none}.script-word.missed{color:var(--color-danger);text-decoration:line-through;transform:none}.video-shadow-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-8)}.video-container{border-radius:var(--radius-xl);overflow:hidden;background:#000;aspect-ratio:16/9}.video-container iframe{width:100%;height:100%;border:none}.transcript-panel{display:flex;flex-direction:column;height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);overflow-y:auto}.transcript-segment{padding:var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-lg);color:var(--color-text-secondary);transition:all .3s ease;cursor:pointer}.transcript-segment.active{background:var(--color-surface-hover);color:var(--color-text);font-weight:600;border-left:3px solid var(--color-tubeshadow,#ef4444)}@media (max-width:768px){.video-shadow-layout{grid-template-columns:1fr}}