.sidebar{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-bottom:max(22px,env(safe-area-inset-bottom));
}

@media (min-width:721px) and (max-height:800px){
  .sidebar{padding-top:16px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .sidebar .brand{margin-bottom:18px}
  .sidebar nav{gap:4px}
  .sidebar .nav-item{padding:9px 12px}
  .sidebar .daily-card{padding:11px;margin-top:12px}
  .sidebar .daily-icon{font-size:20px;margin-top:-23px}
  .sidebar .mini-progress{margin:7px 0 5px}
  .english-module-switch{margin-top:9px;padding:9px}
}

@media (min-width:721px) and (max-height:620px){
  .sidebar .daily-card{display:none}
  .english-module-switch{margin-top:auto}
}