.online{left:16px;bottom:64px;padding:10px 14px}.online:first-letter{color:#39d98a}
.settings-button{right:16px;top:16px;width:46px;height:46px;padding:0;font-size:20px;z-index:5}
.settings-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#05070a99;backdrop-filter:blur(3px)}
.settings-overlay[hidden]{display:none}
.settings-modal{width:min(460px,100%);color:#eef2f7;background:#191e26;border:1px solid #3b4655;border-radius:14px;box-shadow:0 25px 80px #000a;padding:18px}
.modal-head{display:flex;align-items:center;justify-content:space-between;font-size:20px;margin-bottom:8px}
.modal-head button{font-size:20px;padding:4px 10px}
.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #303946}
.setting span{display:flex;flex-direction:column;gap:4px}
.setting small{color:#929dac}
.setting input{width:22px;height:22px}