.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.settings-modal{background:#1a1a1a;padding:30px;border-radius:15px;width:90%;max-width:500px;border:1px solid #333;color:#fff}.settings-group{margin-bottom:20px}.settings-group label{display:block;margin-bottom:8px;font-weight:700;color:#0fc}.settings-input{width:100%;padding:10px;background:#333;border:1px solid #444;border-radius:5px;color:#fff;font-size:14px}.settings-btn{padding:10px 20px;background:#0fc;color:#000;border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-right:10px}.settings-btn.secondary{background:transparent;color:#888;border:1px solid #888}:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #4CAF50}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh}#root{width:100%;height:100%}