.settings-dialog{width:min(480px,calc(100% - 30px));border:0;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(10,25,40,.3)}
.settings-dialog::backdrop{background:rgba(10,25,40,.58);backdrop-filter:blur(3px)}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start}
.modal-head h2{font-size:27px;margin:4px 0}
.modal-close{width:38px;height:38px;border:0;border-radius:50%;background:#edf2f6;color:var(--muted);font-size:25px;cursor:pointer}
.settings-option{display:flex;align-items:center;gap:14px;margin-top:22px;padding:17px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.settings-option-button{width:100%;background:#fff;text-align:left;font:inherit;cursor:pointer}
.settings-option:hover{border-color:#9ec8f3;background:#f7fbff}
.settings-option strong,.settings-option small{display:block}
.settings-option small{color:var(--muted)}
.settings-icon{width:42px;height:42px;border-radius:10px;background:#e7f2ff;color:var(--blue);display:grid;place-items:center;font-size:23px}
.settings-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-option .arrow{margin-left:auto}
.password-form{max-width:620px;padding:28px}
.help-text{display:block;color:var(--muted);font-weight:400;margin-top:7px}
.help-text ul{margin:7px 0;padding-left:20px}
.success-icon{margin:auto;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#dff5ed;color:var(--green);font-size:25px;font-weight:800}
.modal-password-fields{margin-top:20px}
.password-form-status{display:none;margin-top:16px;padding:10px 12px;border-radius:8px}
.password-form-status.success{display:block;background:#dff5ed;color:#08755a}
.password-form-status.error{display:block;background:#fde7e9;color:#9a2633}
@media(max-width:620px){.topbar nav{gap:13px}.topbar nav .link-button{font-size:14px}.settings-dialog{padding:22px}}