/* ===== پایین صفحه ===== */
footer {
  background: var(--ink);
  color: var(--bg);
  text-align: center;
  padding: 30px 18px;
}

footer {
  border-top: 8px solid;
  border-image: linear-gradient(90deg,#ff4d6d,#ff9a1f,#ffe03a,#4cc95a,#3aa0ff,#9b5de5) 1;
}

footer {
  background: linear-gradient(145deg,rgba(20,32,79,.78),rgba(40,60,160,.6))!important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: #fff!important;
}


/* ===== دسترسی‌پذیری و اندازه‌ی مناسب لمس ===== */
html body { background:linear-gradient(160deg,#edf7ff 0%,#f5edff 48%,#fff7e8 100%) fixed!important; }
body::before { opacity:.22; }
button,a,.tab,.mode,.opt,.mem,.card,.btn { -webkit-tap-highlight-color:transparent; }
button,.btn { min-height:44px; }
.tab,.mode { min-height:44px!important; padding:9px 16px!important; }
.opt { min-height:52px!important; padding:12px 16px!important; }
.mode:focus-visible,.opt:focus-visible,.tab:focus-visible,.btn:focus-visible { outline:3px solid #e6a72f; outline-offset:3px; }
button:disabled { cursor:default; opacity:.85; }
@media(max-width:600px) {
 section { padding:38px 14px; }
 .modes { gap:8px; }
 .mode { flex:1 1 44%; }
}