.welcome-wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.welcome-wizard{background-color:var(--header-color);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.3);color:var(--text-color)}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a3a3a}.skip-btn{background:none;border:none;color:var(--text-color);font-size:14px;cursor:pointer;padding:8px 16px;border-radius:6px;transition:background-color .2s}.skip-btn:hover:not(:disabled){background-color:rgba(255,255,255,.1)}.skip-btn:disabled{opacity:.5;cursor:not-allowed}.step-indicator{display:flex;gap:10px}.step{width:30px;height:30px;border-radius:50%;background-color:#3a3a3a;color:var(--text-color);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:background-color .3s}.step.active{background-color:var(--main-color);color:white}.wizard-content{padding:30px;min-height:400px}.wizard-step h2{margin-top:0;margin-bottom:10px;color:var(--text-color-light);font-size:24px}.wizard-step p{margin-bottom:30px;color:var(--text-color);font-size:16px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color-light)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #3a3a3a;border-radius:8px;background-color:#1a1a1a;color:var(--text-color);font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--main-color)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.exercise-selector-controls{display:flex;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.control-btn{background-color:var(--main-color);color:white;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.control-btn:hover{background-color:var(--main-color-dark)}.selected-count{color:var(--text-color);font-size:14px;font-weight:500}.exercise-list{max-height:300px;overflow-y:auto;border:1px solid #3a3a3a;border-radius:8px;padding:15px;background-color:#1a1a1a}.exercise-item{display:flex;align-items:center;margin-bottom:12px;padding:8px;border-radius:6px;transition:background-color .2s}.exercise-item:hover{background-color:rgba(255,255,255,.05)}.exercise-item input[type=checkbox]{margin-right:12px;width:18px;height:18px;cursor:pointer}.exercise-item label{display:flex;align-items:center;cursor:pointer;flex:1 1;color:var(--text-color);font-size:14px}.exercise-item label img{width:24px;height:24px;margin-right:12px;object-fit:contain}.loading-message{text-align:center;padding:40px;color:var(--text-color);font-style:italic}.wizard-footer{display:flex;justify-content:space-between;padding:20px;border-top:1px solid #3a3a3a;background-color:rgba(0,0,0,.1)}.btn-primary{background-color:var(--main-color);color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s;min-width:100px}.btn-primary:hover:not(:disabled){background-color:var(--main-color-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--text-color);border:1px solid #3a3a3a;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s;min-width:100px}.btn-secondary:hover:not(:disabled){background-color:rgba(255,255,255,.1)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.welcome-wizard{width:95%;margin:10px;max-height:90vh}.wizard-content{padding:20px}.form-row{flex-direction:column;gap:0}.exercise-selector-controls{align-items:flex-start}.exercise-selector-controls,.wizard-footer{flex-direction:column;gap:10px}.wizard-footer button{width:100%}.step-indicator{gap:8px}.step{width:25px;height:25px;font-size:12px}}@media (max-width:480px){.wizard-content,.wizard-footer,.wizard-header{padding:15px}.wizard-step h2{font-size:20px}.wizard-step p{font-size:14px}}