.search-page-container{background-color:#3d3d3d;color:#fff}label{display:block;margin-top:10px;margin-bottom:5px}.search-bar-wrapper{background-color:#23292c;padding:15px 0;color:var(--q-text-white)}.search-bar-inner{max-width:800px;margin:0 auto;padding:0 10px}.search-controls-row{display:flex;align-items:center;column-gap:10px;margin-bottom:4px}.search-input-group{flex-grow:1;position:relative}.search-input-group input[type=text]{width:100%;padding:10px;border:1px solid #555;border-radius:4px;color:#5d5d5d;font-size:16px;box-sizing:border-box}.search-input-group label{font-size:12px;color:var(--light-grey);margin:0}.search-button,.toggle-filters-button{background-color:var(--dark-red);color:var(--q-text-white);padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;margin-top:12px;font-size:14px;border:none;transition:background-color .3s ease}.search-button:hover,.toggle-filters-button:hover{background-color:#8c0a0a}.search-button{background-color:var(--dark-red)}.search-button .material-icons,.toggle-filters-button .material-icons{font-size:20px}.additional-filters{display:flex;flex-wrap:wrap;column-gap:15px;margin-bottom:15px}.additional-filters .filter-group{flex:1 1 200px}.additional-filters label{font-size:12px;color:var(--light-grey);margin-bottom:3px}.additional-filters input{width:100%;padding:8px;border:1px solid #555;border-radius:4px;color:var(--q-text-white);box-sizing:border-box}.filter-select{width:100%;padding:8px 30px 8px 8px;border:1px solid #555;border-radius:4px;background-color:#c3c4d2;color:#333;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.4-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:10px 10px}.filter-summary-row{display:flex;justify-content:space-between;align-items:center}.selected-filters-display{font-size:12px}.active-filters-text{padding:4px;width:100%}.workout-list-container{width:100%;display:flex;flex-wrap:wrap;gap:6px}.workout-card{color:var(--q-text-white);background-color:var(--dark-grey);flex:0 1 100%;min-width:260px;max-width:100%}.workout-card .image-container{position:relative;overflow:hidden}.workout-card .image-container img{width:100%;height:180px;object-fit:cover;display:block}.workout-card .play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workout-card .play-button-overlay .material-icons{font-size:50px;color:#f6f4f5ad}.clear-button{background-color:#666;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:14px;border:none;transition:background-color .2s ease;margin-top:12px}.clear-button:hover{background-color:#555}.filter-badge{background-color:#fff;color:var(--dark-red);font-size:11px;font-weight:700;border-radius:10px;padding:1px 6px;margin-left:4px}.search-input-wrapper{position:relative;display:flex;align-items:center}.clear-input-icon{position:absolute;right:10px;cursor:pointer;color:#888;font-size:20px;line-height:1;user-select:none}.clear-input-icon:hover{color:#222}.no-workouts-message{width:100%;text-align:center;padding:40px 20px;color:#e0e0e0;font-size:16px}.workout-card .info-bar{padding:5px 8px;color:var(--q-text-white);background-color:var(--dark-grey)}h3.workout-name,.workout-card .workout-name{font-size:14px;font-weight:600;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workout-card .author-name{font-size:12px;margin-top:-2px}.workout-card .stats-bar{padding:5px 8px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.workout-card .level-dot{display:inline-block;width:8px;height:8px;border-radius:4px;margin-left:6px;vertical-align:middle}.result-item{display:flex;flex-direction:column;align-items:center;text-align:center}.result-item .name{font-size:.9em;margin-top:5px}.loading{margin-top:10px;font-style:italic}@media(min-width:400px){.workout-card{flex-basis:calc(50% - 3px)}}@media(min-width:800px){.workout-card{flex-basis:calc(33.333% - 4px)}}@media(min-width:1200px){.workout-card{flex-basis:calc(25% - 4.5px)}}