.sort-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding: 5px;
  margin: -5px 0 14px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #ffffff08;
}
.sort-switch button {
  border: 0;
  border-radius: 11px;
  padding: 10px 8px;
  background: transparent;
  color: var(--muted);
  font-weight: 700;
}
.sort-switch button.on {
  background: #8a4dff;
  color: #fff;
  box-shadow: 0 5px 18px #6f35d955;
}
.reminder-box{display:grid;gap:9px;margin:16px 0;padding:15px;border:1px solid #ffc93d55;border-radius:16px;background:#ffc93d0d}.reminder-box strong{margin-bottom:3px}.reminder-box label{color:#d9d5e2;font-size:14px}.reminder-box input{accent-color:#8a4dff;margin-right:7px}.reminder-box button{margin-top:4px;border:0;border-radius:12px;padding:12px;background:#ffffff12;color:#fff;font-weight:700}