.container{max-width:1400px;margin:0 auto;padding:20px}h1{text-align:center;color:var(--text-color);letter-spacing:1px;margin-bottom:30px;font-weight:300}h1 i{color:var(--primary-color);margin-right:10px}.main-content{flex-wrap:wrap;gap:20px;margin-bottom:40px;display:flex}.left-panel{flex:1;min-width:300px}.right-panel{flex-direction:column;flex:1;gap:20px;min-width:300px;display:flex}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-color);margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px #0000001a,inset 0 1px #ffffff1a}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000026,inset 0 1px #ffffff1a}.wheel-container{flex-direction:column;align-items:center;display:flex}.wheel-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.wheel-header h2{color:var(--text-color);margin:0;font-weight:400}.wheel-controls{gap:10px;display:flex}.wheel-wrapper{width:500px;max-width:100%;height:500px;margin:20px 0;position:relative}#wheel-canvas{border-radius:50%;width:100%;height:100%}.wheel-pointer{background:var(--danger-color);clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:10;width:40px;height:40px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.wheel-stats{justify-content:center;gap:30px;width:100%;margin-top:20px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{color:var(--text-secondary);margin-bottom:5px;font-size:14px}.stat-value{color:var(--primary-color);font-size:18px;font-weight:600}.btn-primary,.btn-secondary,.btn-danger,.btn-small{border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--secondary-bg);color:var(--text-color);border:1px solid var(--card-border)}.btn-secondary:hover{background:var(--secondary-hover)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:var(--danger-dark);transform:translateY(-1px)}.btn-small{padding:6px 12px;font-size:13px}.results-container h3{color:var(--text-color);margin-top:0;margin-bottom:15px;font-weight:400}.results-list{border-radius:var(--radius-lg);background:#0000000d;min-height:150px;max-height:300px;margin-bottom:15px;padding:15px;overflow-y:auto}.empty-results{text-align:center;color:var(--text-secondary);padding:20px;font-style:italic}.result-item{background:var(--card-bg);border-radius:var(--radius-md);border-left:4px solid var(--primary-color);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 15px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.result-index{color:var(--primary-color);margin-right:10px;font-weight:600}.result-actions{gap:10px;display:flex}.results-actions{justify-content:flex-end;gap:10px;display:flex}.wheel-list-container,.options-list-container{margin-bottom:20px}.wheel-list-header,.options-list-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.wheel-list-header h4,.options-list-header h4{color:var(--text-color);margin:0;font-weight:400}.wheel-list,.options-list{max-height:200px;overflow-y:auto}.wheel-item,.option-item{border-radius:var(--radius-lg);cursor:pointer;background:#0000000d;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 15px;transition:background .2s;display:flex}.wheel-item:hover,.option-item:hover{background:#0000001a}.wheel-item.active,.option-item.editing{background:var(--primary-light);border-left:4px solid var(--primary-color)}.wheel-name{font-weight:500}.wheel-options-count{color:var(--text-secondary);border-radius:var(--radius-md);background:#0000001a;padding:2px 8px;font-size:12px}.option-name{flex:1}.option-weight{color:var(--text-secondary);border-radius:var(--radius-md);background:#0000001a;margin:0 15px;padding:2px 8px;font-size:14px}.item-actions{opacity:0;gap:5px;transition:opacity .2s;display:flex}.wheel-item:hover .item-actions,.option-item:hover .item-actions{opacity:1}.item-action-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:5px;transition:color .2s}.item-action-btn:hover{color:var(--primary-color)}.form-group{margin-bottom:15px}.form-group label{color:var(--text-color);margin-bottom:5px;font-size:14px;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;color:var(--text-color);background:#ffffff1a;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group small{color:var(--text-secondary);margin-top:5px;font-size:12px;display:block}.current-wheel-info,.quick-actions,.data-actions{margin-top:20px}.quick-actions,.data-actions{flex-wrap:wrap;gap:10px;display:flex}.data-info{border-top:1px solid var(--card-border);color:var(--text-secondary);margin-top:15px;padding-top:15px;font-size:13px}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-header h3{color:var(--text-color);margin:0;font-weight:400}.modal-close{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:background .2s;display:flex}.modal-close:hover{background:#0000001a}.modal-footer{border-top:1px solid var(--card-border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;display:flex}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--card-border);padding:20px 0;font-size:14px}.footer a{color:var(--primary-color);text-decoration:none}.footer a:hover{text-decoration:underline}@media (width<=1100px){.main-content{flex-direction:column}.wheel-wrapper{width:400px;height:400px}}@media (width<=768px){.container{padding:15px}.wheel-wrapper{width:300px;height:300px}.wheel-stats{flex-direction:column;gap:15px}.wheel-header{flex-direction:column;align-items:flex-start;gap:10px}.wheel-controls{justify-content:center;width:100%}.btn-primary,.btn-secondary,.btn-danger{padding:8px 16px}}:root{--primary-color:var(--accent);--primary-dark:var(--accent);--primary-light:#3498db1a;--secondary-bg:#ffffff1a;--secondary-hover:#fff3;--danger-color:var(--danger);--danger-dark:var(--danger);--text-color:#333;--text-secondary:#666;--card-bg:#ffffff1a;--card-border:#fff3;--bg-color:#e8f4fc}@media (prefers-color-scheme:dark){:root{--primary-color:var(--accent);--primary-dark:var(--accent);--primary-light:#3498db33;--secondary-bg:#0003;--secondary-hover:#0000004d;--danger-color:var(--danger);--danger-dark:var(--danger);--text-color:#f0f0f0;--text-secondary:#aaa;--card-bg:#0003;--card-border:#ffffff1a;--bg-color:#0a1a2a}}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}