#webgl-bg{position:fixed;inset:0;z-index:-5;pointer-events:none;opacity:0.85}#visualizer-bg{position:fixed;inset:0;z-index:-6;pointer-events:none}.ai-settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:linear-gradient(135deg,rgba(5,5,8,0.95),rgba(10,10,15,0.98));backdrop-filter:blur(30px);border:1px solid rgba(0,245,212,0.4);border-radius:28px;padding:28px;max-width:450px;width:90%;z-index:10000;display:none;animation:aiFadeIn 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 25px 80px rgba(0,0,0,0.6),0 0 40px rgba(0,245,212,0.1);opacity:0}@keyframes aiFadeIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ai-settings-panel h3{color:#00f5d4;text-align:center;font-size:20px;margin-bottom:24px;text-shadow:0 0 15px rgba(0,245,212,0.6);font-weight:600;letter-spacing:0.5px}.ai-setting-item{margin-bottom:20px;display:flex;flex-direction:column}.ai-setting-item label{display:block;color:#e0e0e0;margin-bottom:8px;font-size:14px;font-weight:500;text-shadow:0 0 5px rgba(0,245,212,0.3)}.ai-setting-item select,.ai-setting-item input{width:100%;padding:12px 16px;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));border:1px solid rgba(255,255,255,0.25);border-radius:12px;color:#ffffff;font-size:14px;backdrop-filter:blur(15px);box-shadow:inset 0 3px 6px rgba(0,0,0,0.2),0 2px 8px rgba(0,245,212,0.1);transition:all 0.3s ease;outline:none}.ai-setting-item select:focus,.ai-setting-item input:focus{border-color:#00f5d4;box-shadow:inset 0 3px 6px rgba(0,0,0,0.2),0 0 15px rgba(0,245,212,0.3)}.ai-btn{background:linear-gradient(135deg,#00f5d4,#00d4aa);border:none;border-radius:12px;color:#000;font-size:14px;font-weight:600;padding:12px 24px;cursor:pointer;transition:all 0.3s ease;text-shadow:0 0 5px rgba(0,245,212,0.5);box-shadow:0 4px 15px rgba(0,245,212,0.3)}.ai-btn:hover{background:linear-gradient(135deg,#00e8d4,#00c499);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,245,212,0.4)}.ai-setting-item select:focus,.ai-setting-item input:focus{outline:none;border-color:#00f5d4;box-shadow:0 0 0 2px rgba(0,245,212,0.3)}.ai-toggle{position:relative;display:inline-block;width:52px;height:26px}.ai-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.2);border-radius:26px;transition:0.3s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#ffffff;border-radius:50%;transition:0.3s;box-shadow:0 2px 4px rgba(0,0,0,0.2)}input:checked+.slider{background:linear-gradient(45deg,#00f5d4,#f72585);box-shadow:0 0 10px rgba(0,245,212,0.3)}input:checked+.slider:before{transform:translateX(26px)}.ai-btn{background:linear-gradient(45deg,#00f5d4,#f72585);border:none;color:#000;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s;box-shadow:0 4px 15px rgba(0,245,212,0.3)}.ai-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,245,212,0.4)}