:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#2ea9b7;overflow-x:hidden}#root{min-height:100vh}html{scroll-behavior:smooth}*:focus{outline:2px solid #667eea;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}::selection{background:#667eea4d}button,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-danger{-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media print{body{background:#fff!important}.app-nav,.results-actions,.navigation-actions{display:none!important}.winners-table{box-shadow:none!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#2ea9b7;min-height:100vh;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;text-align:center;box-shadow:0 4px 6px #0000001a}.app-header h1{font-size:2.5rem;color:#667eea;margin-bottom:.5rem;font-weight:700}.app-header p{color:#666;font-size:1.1rem}.app-nav{display:flex;justify-content:center;gap:1rem;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-nav button{padding:.75rem 1.5rem;border:none;border-radius:25px;background:#fff3;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-nav button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.app-nav button.active{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}.app-nav button:disabled{opacity:.5;cursor:not-allowed}.app-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.setup-section{display:flex;flex-direction:column;gap:2rem}.setup-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.setup-card{background:#fffffff2;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ready-notice{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 8px 32px #0000001a}.ready-notice p{font-size:1.2rem;margin-bottom:1rem;font-weight:600}.reward-form,.participant-form{background:#f8fafc;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1}.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-danger{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706;transform:translateY(-2px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-remove{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700}.rewards-list{max-height:400px;overflow-y:auto}.reward-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.reward-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.reward-display{display:flex;justify-content:space-between;align-items:center}.reward-info h3{color:#667eea;margin-bottom:.5rem}.reward-info p{color:#6b7280;margin-bottom:.5rem}.quantity-badge{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.reward-actions{display:flex;gap:.5rem}.reward-edit{display:flex;flex-direction:column;gap:1rem}.edit-input{padding:.5rem;border:2px solid #e5e7eb;border-radius:6px}.quantity-input{width:100px}.edit-actions{display:flex;gap:.5rem}.rewards-summary{text-align:center;padding:1rem;background:#f3f4f6;border-radius:8px;margin-top:1rem}.input-tabs{display:flex;margin-bottom:1rem;background:#f3f4f6;border-radius:8px;padding:4px}.input-tabs button{flex:1;padding:.5rem;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:all .3s ease}.input-tabs button.active{background:#fff;box-shadow:0 2px 4px #0000001a}.bulk-textarea{min-height:120px;resize:vertical}.bulk-actions{display:flex;gap:1rem;justify-content:flex-end}.participants-list{max-height:400px;overflow-y:auto}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.participant-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.participant-item:hover{border-color:#667eea}.participant-number{color:#6b7280;font-size:.875rem;font-weight:600;min-width:30px}.participant-name{flex:1;font-weight:500}.participants-summary{text-align:center;padding:1rem;background:#f3f4f6;border-radius:8px;margin-top:1rem}.drawing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat{background:#fffffff2;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000001a}.stat-value{display:block;font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.stat-label{color:#6b7280;font-weight:500}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.reward-card{background:#fffffff2;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reward-card h4{color:#667eea;margin-bottom:.5rem;font-size:1.25rem}.reward-card p{color:#6b7280;margin-bottom:1rem}.progress-info{margin-bottom:1rem}.progress-bar{background:#e5e7eb;height:8px;border-radius:4px;overflow:hidden;margin-top:.5rem}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.draw-buttons{display:flex;gap:.5rem}.draw-buttons button{flex:1}.drawing-animation{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.drawing-overlay{background:#fff;border-radius:20px;padding:3rem;text-align:center;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.drawing-content h3{color:#667eea;margin-bottom:2rem;font-size:1.5rem}.drawing-wheel{margin:2rem 0}.highlighted-participant{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:1rem;min-height:60px;display:flex;align-items:center;justify-content:center}.drawing-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.winner-announcement{animation:celebration .8s ease-in-out}.fireworks-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2000;overflow:hidden}.winner-announcement{position:relative;animation:celebration .8s ease-in-out;z-index:10}.drawing-overlay{position:relative;overflow:hidden}.winner-card{background:linear-gradient(135deg,#84fab0,#8fd3f4);color:#fff;padding:2rem;border-radius:12px;margin-top:1rem}.winner-card h3{font-size:1.5rem;margin-bottom:.5rem}.all-drawn{text-align:center;background:#fffffff2;padding:3rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.all-drawn h3{color:#667eea;margin-bottom:1rem;font-size:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fffffff2;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.results-actions{display:flex;gap:1rem}.export-panel{background:#f8fafc;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.export-buttons{display:flex;gap:1rem;margin-top:1rem}.results-summary{margin-bottom:2rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{background:#fffffff2;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000001a}.summary-card h3{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.summary-number{font-size:2rem;font-weight:700;color:#667eea}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.breakdown-card{background:#fffffff2;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.breakdown-card h4{color:#667eea;margin-bottom:.5rem}.breakdown-stats{display:flex;gap:1rem;margin:1rem 0;font-size:.875rem}.awarded{color:#10b981;font-weight:600}.total{color:#6b7280}.remaining{color:#f59e0b;font-weight:600}.breakdown-progress{background:#e5e7eb;height:6px;border-radius:3px;overflow:hidden}.breakdown-progress .progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background:#fffffff2;padding:1rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.controls{display:flex;gap:1rem}.sort-select,.filter-select{padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;background:#fff}.winners-table{background:#fffffff2;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem}.winners-table table{width:100%;border-collapse:collapse}.winners-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.winners-table td{padding:1rem;border-bottom:1px solid #e5e7eb}.winners-table tr:hover{background:#f8fafc}.winner-name{font-weight:600;color:#667eea}.prize-name{font-weight:500}.draw-time{color:#6b7280;font-size:.875rem}.navigation-actions{display:flex;justify-content:space-between;gap:1rem}.empty-state{text-align:center;color:#6b7280;padding:2rem;font-style:italic}.wheel-of-fortune{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:2rem 0}.wheel-container{position:relative;width:300px;height:300px}.wheel-pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:2.5rem;color:#f44;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.3);filter:drop-shadow(0 0 8px rgba(255,68,68,.8));animation:pointer-pulse 1s ease-in-out infinite alternate}@keyframes pointer-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.1)}}.wheel-svg{width:100%;height:100%;border-radius:50%;border:4px solid #667eea;box-shadow:0 0 20px #667eea4d;background:#fff;transform-origin:center}.highlighted-segment{filter:brightness(1.5) saturate(1.3);stroke-width:3;stroke:gold;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{filter:brightness(1.5) saturate(1.3)}to{filter:brightness(1.8) saturate(1.5)}}.wheel-status{font-size:1.2rem;font-weight:600;color:#667eea;text-align:center;min-height:30px}.wheel-svg.stopped .highlighted-segment{filter:brightness(1.5) drop-shadow(0 0 10px #ffd700);animation:winner-glow 1s ease-in-out infinite alternate}@keyframes winner-glow{0%{filter:brightness(1.3) drop-shadow(0 0 10px #ffd700)}to{filter:brightness(1.6) drop-shadow(0 0 20px #ffd700)}}.spinning-status,.selecting-status{display:flex;flex-direction:column;align-items:center;gap:.5rem}.spin-indicator,.winner-indicator{font-size:2rem;animation:bounce 1s infinite}.spin-indicator{animation:spin 2s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.current-highlight{font-size:1.1rem;font-weight:600;color:#667eea;min-height:25px;padding:.25rem .5rem;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.3)}.final-winner{font-size:1.3rem;font-weight:700;color:gold;min-height:30px;padding:.5rem 1rem;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;border:2px solid #ffd700;color:#333;text-shadow:0 1px 2px rgba(0,0,0,.1);animation:glow 1s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px gold,0 0 10px gold,0 0 15px gold}to{box-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold}}@media (max-width: 768px){.wheel-container{width:250px;height:250px}.wheel-pointer{font-size:1.5rem}}@media (max-width: 480px){.wheel-container{width:200px;height:200px}.wheel-pointer{font-size:1.2rem}}.image-upload{position:relative;width:100%}.image-placeholder{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff0d}.image-placeholder:hover{border-color:#667eea;background:#667eea1a}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:2rem;opacity:.6}.upload-prompt p{margin:0;font-weight:500;color:#333}.upload-prompt small{color:#666;font-size:.85rem}.image-preview{position:relative;border-radius:8px;overflow:hidden;background:#f5f5f5;max-width:300px}.preview-image{width:100%;height:auto;display:block;max-height:200px;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay{opacity:1}.processing-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{margin-top:.5rem;padding:.5rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:4px;color:#dc3545;font-size:.875rem}.reward-image{margin:.5rem 0}.reward-image img{width:100%;max-width:200px;height:auto;border-radius:6px;box-shadow:0 2px 8px #0000001a}.btn-small{padding:.25rem .75rem;font-size:.8rem}.reward-edit .image-upload{margin:.5rem 0}.reward-edit .image-placeholder{padding:1rem}.reward-edit .image-preview{max-width:200px}.reward-edit .preview-image{max-height:150px}.breakdown-image{margin:.5rem 0}.breakdown-image img{width:100%;max-width:150px;height:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a}.reward-card-image{margin:.5rem 0}.reward-card-image img{width:100%;max-width:120px;height:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a}.drawing-settings{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:2rem;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.settings-toggle{width:100%;background:transparent;border:none;padding:1rem 1.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.settings-toggle:hover{background:#ffffff1a}.settings-toggle:disabled{opacity:.6;cursor:not-allowed}.settings-panel{padding:1.5rem;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1)}.setting-item{display:flex;flex-direction:column;gap:1rem}.setting-item label{color:#fff;font-weight:600;font-size:1rem}.duration-controls{display:flex;align-items:center;gap:1rem}.duration-controls input[type=range]{flex:1;height:6px;background:#fff3;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duration-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.duration-controls input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.duration-display{color:#fff;font-weight:600;font-size:1.1rem;min-width:3rem;text-align:center;background:#ffffff1a;padding:.5rem;border-radius:6px}.duration-presets{display:flex;gap:.5rem;flex-wrap:wrap}.duration-presets button{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.duration-presets button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.duration-presets button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.duration-presets button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.duration-controls{flex-direction:column;align-items:stretch}.duration-presets{justify-content:center}.duration-presets button{flex:1;min-width:70px}}.music-upload{position:relative;width:100%;margin:.5rem 0}.music-placeholder{border:2px dashed #ccc;border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff0d}.music-placeholder:hover{border-color:#667eea;background:#667eea1a}.music-preview{border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.music-details{display:flex;align-items:center;gap:.75rem;flex:1}.music-icon{font-size:1.5rem;opacity:.8}.music-text{flex:1;min-width:0}.music-name{font-weight:600;color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-duration{color:#ffffffb3;font-size:.8rem;margin-top:.25rem}.music-controls{display:flex;gap:.5rem;flex-shrink:0}.music-controls .btn-small{padding:.4rem .8rem;font-size:.8rem;min-width:auto}.effects-controls{display:flex;gap:.5rem;flex-shrink:0;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;margin-top:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#667eea;cursor:pointer}@media (max-width: 768px){.music-info{flex-direction:column;align-items:stretch;gap:.75rem}.music-controls{justify-content:center}.music-controls .btn-small{flex:1;max-width:80px}}@media (max-width: 480px){.music-placeholder{padding:1rem}.music-controls{flex-wrap:wrap;gap:.4rem}.music-controls .btn-small{flex:1;min-width:60px;max-width:none}}.wheel-settings{height:100%}.setup-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setup-card-header h3{margin:0;color:#333;font-size:1.4rem}.setup-card-header .settings-toggle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.9rem}.setup-card-header .settings-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.wheel-settings .settings-panel{background:#667eea0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(102,126,234,.1)}.wheel-settings .setting-item{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.wheel-settings .setting-item:last-child{margin-bottom:0}.wheel-settings .setting-item label{color:#333;font-weight:600;font-size:1rem}.wheel-settings .duration-controls{display:flex;align-items:center;gap:1rem}.wheel-settings .duration-controls input[type=range]{flex:1;height:6px;background:#667eea33;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wheel-settings .duration-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.wheel-settings .duration-controls input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.wheel-settings .duration-display{color:#333;font-weight:600;font-size:1.1rem;min-width:3rem;text-align:center;background:#667eea1a;padding:.5rem;border-radius:6px}.wheel-settings .duration-presets{display:flex;gap:.5rem;flex-wrap:wrap}.wheel-settings .duration-presets button{padding:.5rem 1rem;border:2px solid rgba(102,126,234,.3);background:#667eea1a;color:#333;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.wheel-settings .duration-presets button:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-1px)}.wheel-settings .duration-presets button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.wheel-settings .music-controls{margin-top:.5rem}.wheel-settings .checkbox-label{display:flex;align-items:center;gap:.5rem;color:#333;font-weight:500;cursor:pointer}.wheel-settings .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}@media (max-width: 1200px){.setup-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.setup-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.wheel-settings .duration-controls{flex-direction:column;align-items:stretch}.wheel-settings .duration-presets{justify-content:center}.wheel-settings .duration-presets button{flex:1;min-width:70px}}