:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;width:100vw;height:100vh}#root{max-width:none;margin:0;padding:0;width:100%;height:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}#root{text-align:center;width:100%;height:100%}.app-container{display:flex;flex-direction:column;height:100vh}.information-area{flex-grow:1;padding:1rem;background-color:#f8f8f8;overflow-y:auto}.exercise-list-container{padding:10px;background-color:#fff}.search-area{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px;background-color:#fff;padding:10px 0;position:sticky;top:0;z-index:100}.search-area label{margin-right:10px;font-weight:700;color:#333}.search-area input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:250px}.search-clear-button{margin-left:8px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#f5f5f5;color:#333;cursor:pointer}.search-clear-button:disabled{cursor:not-allowed;opacity:.6}.similar-exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:0}.exercise-video-container{width:232px;height:131px;overflow:hidden;position:relative}.exercise-video-container video,.exercise-video-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out}.is-visible{opacity:1;pointer-events:auto}.is-hidden{opacity:0;pointer-events:none}.exercise-detail-container{border:1px solid #eee;border-radius:4px;background-color:#fff;position:relative}.exercise-detail-container h1{color:#222;font-size:1.8em;margin-bottom:20px;text-align:center}.main-exercise-video-wrapper{display:flex;justify-content:center;margin-bottom:20px}.back-button-container{position:absolute;top:20px;left:20px}.exercise-detail-container p{margin-bottom:10px;line-height:1.6;color:#444}.exercise-detail-container strong{color:#333;font-weight:600}.exercise-detail-container button{background-color:transparent;color:#007bff;padding:10px 20px;border:1px solid #007bff;border-radius:4px;cursor:pointer;font-size:.9em;margin-bottom:25px;transition:all .2s ease}.exercise-detail-container button:hover{background-color:#007bff;color:#fff}.similar-exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.similar-exercise-item{border:1px solid #ddd;border-radius:4px;padding:15px;text-align:center;transition:box-shadow .2s ease;background-color:#f8f8f8}.similar-exercise-item:hover{box-shadow:0 4px 8px #0000001a}.similar-exercise-item h4{margin-top:10px;margin-bottom:5px;color:#333;font-size:1.1em}.similar-exercise-item p{font-size:.9em;color:#666;margin:0;padding:0}