: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #646cff;--secondary-color: #535bf2;--background-color: #242424;--card-background: #1a1a1a;--text-color: rgba(255, 255, 255, .87);--border-color: #3c3c3c}#root{width:100%;height:100vh;padding:0;margin:0}.app-layout{display:flex;min-height:100vh;width:100%}.sidebar{width:300px;background-color:var(--card-background);border-right:1px solid var(--border-color);padding:0;position:fixed;height:100vh;overflow-y:auto}.main-content{flex:1;margin-left:300px;padding:2rem}.selected-games-panel{height:100%;display:flex;flex-direction:column}.panel-header{background-color:var(--primary-color);color:#fff;padding:1rem;font-weight:700;font-size:1.1rem;text-align:center}.panel-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.panel-content h3{margin:0 0 1rem;font-size:1rem;color:var(--text-color)}.search-container{margin-bottom:1.5rem}.search-container .search-input{width:100%;padding:.8rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--background-color);color:var(--text-color);font-size:.9rem;box-sizing:border-box}.selected-games-list{flex:1;margin-bottom:1.5rem}.selected-game-container{margin-bottom:1rem}.selected-game-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background-color:var(--background-color);border-radius:6px;border:1px solid var(--border-color)}.game-info{padding:.5rem .8rem;background-color:#646cff0d;border-radius:0 0 6px 6px;border:1px solid var(--border-color);border-top:none;font-size:.75rem;color:#888}.game-info-item{margin-bottom:.2rem}.game-info-item:last-child{margin-bottom:0}.selected-game-item .game-name{font-size:.9rem;color:var(--text-color);flex:1;text-align:left;margin-right:.5rem}.remove-btn{background:none;border:none;color:#f44336;cursor:pointer;font-size:1rem;padding:.2rem;border-radius:3px;transition:background-color .2s}.remove-btn:hover{background-color:#f443361a}.generate-recs-btn{width:100%;padding:1rem;border-radius:6px;border:none;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s;margin-bottom:1.5rem}.generate-recs-btn:hover:not(:disabled){background-color:var(--secondary-color)}.generate-recs-btn:disabled{opacity:.5;cursor:not-allowed}.clear-recs-button{padding:.6rem 1.2rem;border-radius:6px;border:1px solid #f44336;background-color:transparent;color:#f44336;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.clear-recs-button:hover:not(:disabled){background-color:#f44336;color:#fff}.clear-recs-button:disabled{opacity:.5;cursor:not-allowed}.reset-button{padding:.6rem 1.2rem;border-radius:6px;border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.reset-button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.reset-button:disabled{opacity:.5;cursor:not-allowed}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable:hover{background-color:#646cff33}.rating-select{padding:.3rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--card-background);color:var(--text-color);font-size:.9rem;width:60px}.update-ratings-button{padding:.6rem 1.2rem;border-radius:6px;border:1px solid #4caf50;background-color:transparent;color:#4caf50;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.update-ratings-button:hover:not(:disabled){background-color:#4caf50;color:#fff}.update-ratings-button:disabled{opacity:.5;cursor:not-allowed}.retrain-button{padding:.6rem 1.2rem;border-radius:6px;border:1px solid #ff9800;background-color:transparent;color:#ff9800;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.retrain-button:hover:not(:disabled){background-color:#ff9800;color:#fff}.retrain-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button{padding:.6rem 1.2rem;border-radius:6px;border:1px solid #2196f3;background-color:transparent;color:#2196f3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.refresh-button:hover{background-color:#2196f3;color:#fff}.not-interested-button{padding:.5rem 1rem;border-radius:6px;border:1px solid #f44336;background-color:transparent;color:#f44336;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.not-interested-button:hover:not(:disabled){background-color:#f44336;color:#fff}.not-interested-button:disabled{opacity:.5;cursor:not-allowed}.save-button{padding:.5rem 1rem;border-radius:6px;border:1px solid #4caf50;background-color:transparent;color:#4caf50;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;margin-left:.5rem}.save-button:hover:not(:disabled){background-color:#4caf50;color:#fff}.save-button:disabled{opacity:.5;cursor:not-allowed}.remove-saved-button{padding:.5rem 1rem;border-radius:6px;border:1px solid #f44336;background-color:transparent;color:#f44336;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.remove-saved-button:hover{background-color:#f44336;color:#fff}.genre-selector{margin-bottom:1.5rem}.genre-selector h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-color)}.genre-search-container{position:relative;margin-bottom:1rem}.genre-search-input{width:100%;padding:.6rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--background-color);color:var(--text-color);font-size:.9rem;box-sizing:border-box}.genre-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--card-background);border:1px solid var(--border-color);border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000}.genre-dropdown-item{padding:.6rem;cursor:pointer;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.genre-dropdown-item:hover{background-color:#646cff1a}.genre-dropdown-item:last-child{border-bottom:none}.genre-count{font-size:.8rem;color:#888}.selected-genres-list{display:flex;flex-direction:column;gap:.5rem}.selected-genre-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--background-color);border-radius:4px;border:1px solid var(--border-color);font-size:.9rem}.remove-genre-btn{background:none;border:none;color:#f44336;cursor:pointer;font-size:.9rem;padding:.2rem;border-radius:3px;transition:background-color .2s}.remove-genre-btn:hover{background-color:#f443361a}.game-count-widget{margin-bottom:1.5rem}.game-count-widget h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-color)}.game-count-value{padding:.8rem;background-color:var(--background-color);border-radius:6px;border:1px solid var(--border-color);font-size:1.2rem;font-weight:600;color:var(--primary-color);text-align:center}.game-container{width:100%;max-width:500px;margin:2rem auto}.game-card{background-color:var(--card-background);border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000001a;min-height:200px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border-color);transition:all .3s ease}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0003}.game-card h2{margin-top:0;font-size:1.8rem;color:var(--text-color)}.game-details{margin-top:1rem}.game-card.loading,.game-card.empty{display:flex;align-items:center;justify-content:center;font-style:italic;color:#888}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.action-button{padding:.8rem 1.5rem;border-radius:8px;border:1px solid transparent;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}.action-button:hover{border-color:var(--primary-color)}.action-button:focus,.action-button:focus-visible{outline:4px auto -webkit-focus-ring-color}.thumbs-up{background-color:#4caf50;color:#fff}.thumbs-down{background-color:#f44336;color:#fff}.pass{background-color:#9e9e9e;color:#fff}.error-message{color:#f44336;margin-bottom:1rem;padding:.5rem;border-radius:4px;background-color:#f443361a}.filter-toggle{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-label{font-size:.9rem;font-weight:500}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.tab-container{width:100%}.tab-navigation{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.tab-button{padding:.8rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-color);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.tab-button:hover{color:var(--primary-color)}.tab-button.active{border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.tab-panel{display:none}.tab-panel.active{display:block}.game-list{width:100%}.filter-container{margin-bottom:1.5rem;text-align:left}.filter-container.center{display:flex;flex-direction:column;align-items:center;gap:1rem}.controls-row{display:flex;align-items:center;gap:1.5rem}.controls-row.center{justify-content:center;align-items:center}.filter-container label{display:block;margin-bottom:.5rem;font-weight:500}.genre-select{color:#333;width:100%}.genre-filter{width:100%;max-width:700px;margin-top:1.5rem}.games-table{width:100%;border-collapse:collapse;margin-top:1.5rem}.games-table th,.games-table td{padding:.8rem;text-align:left;border-bottom:1px solid var(--border-color)}.games-table a{color:var(--primary-color);text-decoration:none;font-weight:500;cursor:pointer}.games-table a:hover{text-decoration:underline}.games-table th{font-weight:600;background-color:#646cff1a}.games-table tr:hover{background-color:#646cff0d}.no-games{text-align:center;font-style:italic;color:#888;padding:2rem 0}.loading-message{text-align:center;padding:2rem 0;color:#888}.search-form{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem;max-width:500px;margin-left:auto;margin-right:auto}.input-group{display:flex;flex-direction:column;text-align:left;gap:.5rem}.input-group label{font-weight:500}.appid-input{padding:.8rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--card-background);color:var(--text-color);font-size:1rem}.search-button{padding:.8rem 1.5rem;border-radius:8px;border:1px solid transparent;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.search-button:hover{background-color:var(--secondary-color)}.search-button:disabled{opacity:.7;cursor:not-allowed}.game-list h2{margin-bottom:1.5rem}.update-model-button{padding:.6rem 1.5rem;border-radius:8px;border:1px solid transparent;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s;height:36px;display:flex;align-items:center;justify-content:center}.update-model-button:hover{background-color:var(--secondary-color)}.update-model-button:disabled,.reset-paused-button:disabled{opacity:.7;cursor:not-allowed}.reset-paused-button{padding:.6rem 1.5rem;border-radius:8px;border:1px solid transparent;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s;height:36px;display:flex;align-items:center;justify-content:center}.reset-paused-button:hover{background-color:var(--secondary-color)}.filters-row{display:flex;gap:1.5rem;margin-top:1.5rem;width:100%;max-width:700px;justify-content:center}.filter-group{display:flex;flex-direction:column;text-align:left;gap:.5rem}.filter-select{width:200px;color:#333}.more-like-this-button{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.more-like-this-button:hover{background-color:var(--primary-color);color:#fff}.more-like-this-button:disabled{opacity:.5;cursor:not-allowed}.game-search{width:100%;max-width:500px}.search-container{position:relative;width:100%}.search-input{width:100%;padding:.8rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--card-background);color:var(--text-color);font-size:1rem;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--primary-color)}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--card-background);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:1000}.suggestion-item{padding:.8rem;cursor:pointer;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.suggestion-item:hover{background-color:#646cff1a}.suggestion-item:last-child{border-bottom:none}.game-name{font-weight:500;color:var(--text-color)}.game-appid{font-size:.8rem;color:#888}.date-dropdown{margin-bottom:1.5rem}.date-dropdown label{display:block;margin-bottom:.5rem;font-size:1rem;font-weight:500;color:var(--text-color)}.date-select{width:100%;padding:.8rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--card-background);color:var(--text-color);font-size:.9rem;box-sizing:border-box;cursor:pointer}.date-select:focus{outline:none;border-color:var(--primary-color)}.date-select:hover{border-color:var(--primary-color)}