.modes{display:grid;gap:11px;margin-top:20px}
.mode{display:flex;align-items:center;gap:15px;text-align:left;font-family:inherit;padding:16px 19px;border:1.5px solid var(--trait);border-radius:13px;
  background:var(--surface);cursor:pointer;width:100%;transition:border-color .2s,background-color .2s,transform .2s var(--ease)}
.mode:hover{border-color:var(--azur);background:var(--ciel);transform:translateX(3px)}
.mode .ic{font-size:24px;flex-shrink:0}
.mode .tx{display:flex;flex-direction:column;gap:2px}
.mode .tx b{font-size:15.5px;font-weight:700}
.mode .tx small{color:var(--muted);font-size:13.2px}
.mode.off{background:var(--email);cursor:not-allowed}
.mode.off:hover{border-color:var(--trait);background:var(--email);transform:none}
.mode.off .tx b{color:var(--faint)}
.mode .soon-t{margin-left:auto}
.rappel{background:var(--email);border-radius:11px;padding:13px 15px;font-size:14.3px;line-height:1.8;color:var(--muted)}
.rappel b{color:var(--text)}