.split-layout{display:flex;height:calc(100vh - 80px)}.exercise-card{transition:all .3s ease;cursor:pointer;border:2px solid transparent}.exercise-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.exercise-card.selected{border-color:#3b82f6;background-color:#eff6ff}.exercise-card .difficulty-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:600}.difficulty-beginner{background-color:#10b981;color:#fff}.difficulty-intermediate{background-color:#f59e0b;color:#fff}.difficulty-advanced{background-color:#ef4444;color:#fff}.video-container{position:relative;width:100%;height:100%;background-color:#1f2937;border-radius:.5rem}#outputCanvas{display:block;width:100%;height:100%;object-fit:contain;background-color:#000}@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}button:disabled{opacity:.5;cursor:not-allowed}.status-success{color:#059669}.status-error{color:#dc2626}.status-warning{color:#d97706}.landmark-dot{fill:#ef4444;stroke:#fff;stroke-width:2}.landmark-line{stroke:#ef4444;stroke-width:3;opacity:.7}#statusDot{transition:background-color .3s ease}#statusDot.active{background-color:#10b981;animation:pulse 2s infinite}#statusDot.inactive{background-color:#6b7280}#formScore{transition:color .3s ease}.form-excellent{color:#10b981}.form-good{color:#84cc16}.form-fair{color:#f59e0b}.form-poor{color:#ef4444}@media (max-width:1024px){.split-layout{flex-direction:column}aside{width:100%!important;height:200px;overflow-x:auto;overflow-y:hidden}#exerciseCards{display:flex;gap:1rem;padding-bottom:1rem}.exercise-card{min-width:250px}}@media (min-width:768px){.video-container{overflow:hidden}}@media (max-width:768px){header h1{font-size:1.25rem}aside{height:150px}.exercise-card{min-width:200px}#outputCanvas{max-height:400px}}#inputVideo{position:absolute;width:1px;height:1px;overflow:hidden}